🚏 Остановки Екатеринбурга без путаницы

Не одним дизайном интерфейса едины, интересный материальчик про дизайн городской среды, а именно остановок

В материале разобрали, как сегодня устроены остановки общественного транспорта в городе, что мешало людям быстро ориентироваться и где терялась информация. Показали типичные проблемы видимости, понятности маршрутов и расписаний, а затем предложили простые шаги, которые улучшали путь пассажира от подхода к остановке до посадки.

Проверили варианты навигации на реальных точках, собрали удачные приёмы и описали, как обновить схемы, указатели и подсказки так, чтобы ими пользовались без лишних вопросов. Вышла практичная заметка про порядок на остановках и понятные решения для горожан.

Внутри:
– Главные проблемы видимости и читаемости;
– Навигация у павильона и рядом с ним;
– Подача маршрутов и расписаний;
– Примеры удачных указателей;
– Конкретные шаги по улучшению.

Ну и лайк, я из екб и эти остановки уже видел))

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🧠 Нейроразнообразие в UX и полезные ресурсы

Стефани Уолтер собрала главные руководства и чеклисты по когнитивной доступности. Она показала, как ADHD, аутизм, дислексия и тревожность меняют восприятие интерфейсов, и зачем учитывать разные типы внимания и памяти при проектировании.

Описала рабочие паттерны подсказок, контрастов и таймингов, привела ссылки на WCAG и Microsoft Inclusive Design, а также дала инструменты для измерения стресса и набор иконок без абстракций. Эти ресурсы помогают быстро тестировать продукты и улучшать опыт для всех.

Внутри:
– Влияние ADHD аутизма и дислексии;
– Паттерны понятных подсказок;
– Советы по таймингам и анимации;
– Контраст и размер текста;
– Ссылки на WCAG и Inclusive Design;
– Инструменты для проверки стресса;
– Набор иконок без абстракций.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🔔 Inspiration #145

Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥

– en.oiolab.co
– mmrbikes.com/en
– christianreber.com
– oneofus.network
– twin.so

———

– thefoundation.house
– usefathom.com
– headroom.com
– gregorylalle.com
– altitude.so

———

– windsurf.com
– umake.com
– gigaenergy.com
– evernote.com
– samgeorge.co

———

– brand.dropbox.com
– o-ps.com
– creativelab5.com
– webflow.com/ai-site-builder
– circula.com

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

😍 Редизайн записи к врачу в Симед

Команда Собаки Павловой показала, как перестроила модуль записи так, чтобы путь от выбора врача до подтверждения занимал меньше времени и не сбивал с мысли. Убрали лишние шаги, сделали понятный календарь и прозрачные слоты, сократили число возвратов на предыдущие экраны.

Проработали разные сценарии для новых и постоянных пациентов, учли специфику клиник и страховых правил, добавили подсказки в нужный момент без перегруза. Навигация стала прямее, статусы записи читались сразу, ошибки объяснялись человеческим языком.

Внутри:
– Какие проблемы мешали записываться быстро;
– Как упростили календарь и выбор слотов;
– Сценарии для новых и постоянных пациентов;
– Подсказки и тексты вместо лишних экранов;
– Правила страховых и ограничения клиник;
– Метрики после релиза и планы развития.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

😮 Нейродизайн: почему мозг не замечает очевидного

В статье рассказали, почему пользователи пропускают важные элементы интерфейса и действуют нелогично. Объяснили, как работает фовеальное зрение (чёткое восприятие области в 2–5 градусов) и почему мозг отфильтровывает большую часть информации, обращая внимание лишь на небольшую часть элементов.

Разобрали основные паттерны сканирования (F-паттерн, Z-паттерн и модель слоёного пирога), правило 7±2 и типичные ошибки его применения. Описали, как удерживать внимание по мере скролла и как ненавязчиво направлять пользователя к целевым действиям, избегая эффекта баннерной слепоты.

Внутри:
– Как учитывать особенности фовеального зрения;
– Почему мозг игнорирует часть интерфейса;
– F-паттерн, Z-паттерн и визуальные каталоги;
– Правило 7±2 в интерфейсах;
– Воронка внимания при скролле;
– Как тестировать изменения с помощью тепловых карт.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🔥 Редизайн, которого не просили, но всем понравилось

Иван Кунцевич из Альфа-Банка рассказал, как полностью переделал карты отделений и банкоматов, несмотря на то, что пользователи не жаловались. Проблемы копились внутри команды: баги, постоянная поддержка устаревшего кода и путаница с геопозицией.

Редизайн начался с простых пользовательских тестов, которые выявили неочевидные неудобства: фильтры были сложными, шторка закрывала карту, а часть элементов сбивала с толку. Новый интерфейс убрал лишнее, сделал навигацию проще и понятнее, а процент отказов после запуска снизился на 8%.

Внутри:
– Как обнаружить скрытые проблемы интерфейса;
– Что делать, если на исследования нет денег;
– Как упрощение UI влияет на конверсию;
– Почему важно работать с бэклогом заранее.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

Как я пилю свой продукт. Часть 14.

Фух, повозился я эти две недельки занятно. Без мощных продуктовых фич, конечно, но порядок навёл достаточно продуктивно.

🟢 Отрефакторил бэк
Весь бэк жил на 99% в одном файле. Было сложно навигироваься и мне и ИИшке. Я разбил весь файл на мелкие. Вынес отдельно апишки, роуты, админку и так далее. Теперь порядок, все работает, ничего не сломалось, это было самое главное. Теперь сильно проще делать правки и фичи

🟣 Примерная зарплата
Улучшил модельку и примерное определение зарплаты для каждой вакансии. Теперь определяет на порядок лучше и чётче. Не 100% верно, конечно, это невозможно, но учитывает десяток параметров, рынок, требования и ещё кучу всего. Повозиться пришлось, но вроде все гуд!

🟡 Поиск
Было сложно, я просидел над этим часа 4 без перерыва, словил несколько багов, но теперь поиск работает шустрее. Был на питоне, стал на sql + fts. Сильно сократилось кол-во запросов к БД и грузится реально быстрее, как и весь сайт в целом после пересборки бэка и удаления лишних частей кода и рефакторинга кода

🔵 Страница компании
Раньше со страницы компании вело просто на главную с подставленным в поисковый инпут названием и показывало ваки. Теперь каждая компания имеет свою страницу html, что улучшит SEO. Потихоньку добавляется описание и ссылка на сайт. Ну и вакансии удобно сгруппированы теперь на отдельной страничке, а не на главной

🟢 404 страницы
У меня все удаленные вакансии падали в 404 страницу. То есть, если где-то была ссылка с вакансией и я её удалял, то пользователь получал 404 с кнопкой на главную. Сейчас вакансия существует, просто помечается как закрытая. Это лучше для SEO, страница не пропадает из индексирования, а остаётся. Буду смотреть эффект. На удивление, все было готово к этой фиче и вакансии уже удалялись не полностью, а «мягко», а я даже не знал. Получилось сделать быстро, кайф!

Статистика тоже радует. Графики растут и прошлая неделя была самой максимальной за все время с трафиком из поисковых систем, что говорит о том, что seo работает лучше и лучше и людей с поиска идёт больше, чем в любую другую неделю. Это меня очень радует, но я буду продолжать. Сейчас, как оказалось, можно даже поднастроить внутри оптимизацию для нейронок, чтобы они тоже советовали твой сайт и пытались его найти) Я это сделал внутри, посмотрим на результат через время.

И спасибо всем огромное, за последние 2 недели я получил больше 1500 регистраций, сейчас уже 3000+ зареганных пользователей почти. И огрооооомное количество благодарностей за сервис в личку на линке и в тг. Это очень-очень мотивирует и греет душу. Спасибо всем ❤️

Если у вас есть предложения, пожелания или вас что-то бесит, приходите в личку

Ну и заглядывайте на сайт ❤️

➡️ Заглянуть
➡️ Заглянуть
➡️ Заглянуть

ч.13 | ч.15

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

⚠️ Как строить предупреждающие сообщения

UX Teddy рассказали, как сделать уведомления понятными и заметными, разделив их на три формата — модальные окна, баннеры и всплывашки. В каждом случае важно соблюсти четкую структуру, чтобы пользователи вовремя замечали сообщение и принимали осознанное решение.

В статье объяснены ключевые отличия: модалки с разделителем и текстовыми кнопками, баннеры с иконкой «X» в шапке и лаконичные всплывашки с тенью и вертикальными кнопками. Правильное расположение и визуальная иерархия помогают избежать путаницы и снизить визуальный шум.

Внутри:
– Модальные окна с заголовком, текстом, разделителем и текстовыми кнопками;
– Баннеры в шапке с иконкой «X» и широким текстом;
– Всплывашки в углу с тенью и вертикальными кнопками;
– Общие принципы структуры и размещения для всех форматов.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🎨 Когда в приложению нужен редизайн и как не слить бюджет

В статье Фёдор Миронов из CleverPumpkin рассказал, что редизайн это не только свежий визуал, но и инструмент для решения конкретных задач: улучшения UX, устранения накопившихся проблем и роста ключевых метрик. Он разделил редизайн на косметический, меняющий только «упаковку», и полноценный, пересматривающий навигацию, сценарии и логику работы, и показал, как понять, какой именно нужен вашему продукту.

Он подчеркнул, что любые изменения должны основываться на данных и исследованиях, а не на вкусах команды. Прежде чем браться за Фигму, важно проанализировать метрики, провести опросы и юзабилити-тесты, изучить отзывы и определить реальные боли пользователей, чтобы бюджет работал на рост, а не улетал в пустоту.

Внутри:
– Типы редизайна: косметический и полный;
– Признаки, что нужен глубокий редизайн;
– Количественные исследования: метрики, воронки, A/B-тесты;
– Качественные исследования: интервью, юзабилити-тесты, дневники;
– Анализ обратной связи: отзывы в сторах, чаты поддержки, соцсети;
– Метод тройного алмаза для минимизации рисков.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🎨 Как в Фигме рождаются продуктовые иконки

Эмма Вебстер рассказала, как дизайнер Тим Ван Дамме создавал и переработал набор иконок для расширившейся линейки Фигма. Он собрал простые правила: единичная толщина линий, ровные вырезы, скруглённые торцы, баланс по сетке и три размера под разные носители. Такой каркас помогал быстро отсекать неудачные варианты, которые терялись на маленьких масштабах или расползались на билбордах.

Дальше шли сотни итераций и проверка на целостность набора. Тим нащупывал суть каждого продукта, брейнштормил образы, превращал идеи в десятки версий и искал отклик в команде, иногда полностью меняя направление. В финале сводил шесть кандидатов, сверял с гайдами и ощущением семейного сходства, чтобы новый набор выглядел как единый голос Figma.

Внутри:
– Базовые правила контура, вырезов, скруглений и размеров;
– Отбор по масштабу от тулбара до билборда;
– Поиск метафор под продукт и списки ключевых смыслов;
– Сотни вариантов от пчёл для Buzz до стикеров для FigJam;
– Командная обратная связь и отбрасывание лишнего;
– Финальный отбор шести иконок по гайдам и целостности.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

💡 Как делать тестовые дизайнеру в 2025 году

Саша Ефремов поделился опытом выполнения тестовых заданий за последние 10 лет и рассказал, как эволюционировал его подход от простых макетов до комплексных решений с презентацией. Он считает, что тестовое — это не проверка навыков рисования, а шанс показать, как дизайнер мыслит и решает задачи.

В статье описан пошаговый подход, который поможет дизайнерам успешно проходить тестовые, включая этапы исследования, разработки решений и подготовки убедительной презентации.

Внутри:
– Как правильно понять задачу и задать уточняющие вопросы;
– Как показать процесс исследования и обосновать свои гипотезы;
– Где и как изучать продукт и конкурентов;
– Как использовать простые интервью или отзывы пользователей;
– Как грамотно выстроить логику и прототипировать решение;
– Почему важна итоговая презентация и как её подготовить.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🚩 От хаоса к зрелой дизайн культуре

Слава Каграманов рассказал, почему команды путались в ролях и теряли качество, а дизайн долг рос и превращал продукт в заплатки. Он показал, как вернуть порядок через признание долга на уровне руководства, время на craft, живую дизайн систему и регулярные совместные ревью.

Дальше он предложил считать задачи по RICE, фиксировать решения, вести отдельные ретроспективы по качеству и мерить зрелость через UX score, coverage, скорость исправления визуальных багов и eNPS. Такой подход дал прозрачные приоритеты, снизил выгорание и вернул дизайну влияние на продукт.

Внутри:
– Почему копился дизайн долг;
– Craft дни и дизайн система как продукт;
– Совместные ревью и ретроспективы качества;
– Приоритизация через RICE и фиксация решений;
– Метрики зрелости и общий дашборд;
– Риски вроде кладбища тикетов и как их закрывать.

➡️ Читать статью (medium, надо vpn)

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🔔 Inspiration #146

Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥

– functionhealth.com
– taradash.me
– paulstamatiou.com
– heliummobile.com
– jacobsensalt.com

———

– canopyservicing.com
– inne.io
– apple.com/os
– paulwong.work
– gradient.ai

———

– works.studio
– clay.run
– adaline.ai
– emojis.sh
– monica.im

———

– playbook.ebay.com
– basedash.com
– echo.xyz
– burocratik.com
– gitbook.com

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

Передаю привет основателю Эйч и всей их команде

Мне очень приятно, что вы полностью воруете все вакансии с моего сайта в том же порядке.

Своровали дизайн страницы вакансии, даже примерную зарплату, которую вы тоже, видимо воруете у меня, правда нарисовали вы её позорно.

Я не стал писать раньше, но кажется ребятки, воровать уже так нагло надо иметь совесть. Я промолчал, когда вы полностью скопировали дизайн страницы вакансии, но теперь молчать уже бессмысленно.

Неужели вы, со штатом парой дестяков человек не смогли придумать что-то своё и воруете все у человека, кто делает это в две руки?) Смешно очень. С вашими-то бюджетами.

И да, я уже писал СЕО спросить, как же так случилось очень много совпдаений, на что он меня заигнорил, но их саппорт их же и спалил, сказав, что да мы редизайнулись в мае, ровно после меня.

Мне не жалко и это круто, что такие ребята как вы копируете все 1в1 у такого мелкого продукта как у меня, но просто забавно наблюдать, что вы даже не включаете мозг.

❤️

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🎨 Эволюция токенов цветов в Tutu

Команда Tutu рассказала, как они два года строили систему цветов для своих приложений. Начали с простого подхода: каждая кнопка и карточка получала свой цвет напрямую. Но быстро поняли, что одинаковые элементы выглядят по-разному, а переключение на тёмную тему превращается в кошмар. Пришлось всё переделывать и создавать умную систему, которая сама знает, какой цвет где использовать.

Проблема была в том, что у Tutu три разных приложения с разным кодом. Старая система цветов работала плохо, а новую нужно было сделать быстро. Сначала просто назначили цвета каждому элементу отдельно, но потом поняли: нужны правила, которые автоматически выберут правильный цвет для любой ситуации.

Внутри:
– Проблема: три приложения с разными системами цветов;
– Первый подход: каждому элементу свой цвет без правил;
– Что пошло не так: одинаковые кнопки разных цветов;
– Два типа экранов: белые карточки на сером и просто белый фон;
– Как решили проблему тёмной темы через автопереключение;
– Новая система: базовые цвета, правила и готовые элементы;
– Упрощение работы дизайнеров через автоматические режимы;
– Результат: порядок в цветах и лёгкие изменения.

Кто любит возиться с ДСкой мастхэв видос ❤️

➡️ Смотреть видео

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🍔 Бургер-меню

Исследователи проверили, как изменилось отношение к бургер-меню за 10 лет. Раньше пользователи не понимали, что означают три полоски, тратили больше времени на задачи и чаще ошибались. Сейчас почти все узнают эту иконку как кнопку меню, особенно в левом верхнем углу. Но узнаваемость не решила главную проблему: скрытая навигация всё равно замедляет работу.

Проблема в том, что бургер стал слишком популярным. Теперь любые три линии пользователи воспринимают как меню, даже если это кнопка списка или фильтра. А главное правило осталось прежним: если можно показать навигацию открыто, лучше не прятать её за иконку.

Внутри:
– История проблемы 10 лет назад с непонятными тремя полосками;
– Исследования показали меньше кликов и хуже результаты;
– Сейчас все узнают иконку в правильном месте;
– Побочный эффект с любыми линиями как меню;
– Где работает лучше всего и где провалится;
– Проблемы с другими линейными иконками;
– 11 правил хорошего бургер-меню;
– Главный вывод про узнаваемость и скрытую навигацию.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🌧 Дизайн для ленивых: как интерфейсы учатся думать за пользователя

Антон Сасюк рассказал о новом тренде в UX дизайне под названием «ленивый интерфейс». Суть в том, что современные приложения берут на себя рутинные решения пользователей. Google обнаружил: 53% людей уходят с сайтов, которые грузятся дольше 3 секунд, а 47% ожидают, что интерфейс предугадает их потребности.

Но есть и провалы: банки назойливо советуют экономить после крупных трат, медсервисы пугают диагнозами, а Госуслуги присылают напоминания о штрафах сразу после их оплаты. Главное правило автоматизировать только 20% самых частых действий и всегда давать пользователю контроль над умными функциями.

Внутри:
– Автозаполнение с ИИ в Яндекс.Картах и СберБанке;
– Прогнозирующая навигация в маркетплейсах и банках;
– Примеры Wildberries с машинным обучением для главной;
– Госуслуги с сезонными подсказками и Яндекс.Еда по времени дня;
– Провалы с финансовыми советами и медицинскими диагнозами;
– Правило 80/20 для выбора функций автоматизации;
– Важность контроля и прозрачности алгоритмов;
– Тестирование и постепенное улучшение системы.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

➕ Даунгрейд с позиции лида

Диана Ударцева, старший дизайнер Дата Платформы, честно рассказывает, как согласилась стать руководителем и что из этого вышло. Она пришла в Т-Банк в 2021, получила предложение возглавить команду в 2023 и держалась десять месяцев. Потом поняла, что силы уходят, а радости нет.

Дальше она решила откатиться на позицию эксперта и вернула интерес к работе. За два месяца собрала сложный инструмент для разработчиков, а через полтора года снова подошла к руководству осознанно. Главный вывод прост: рост бывает разным, и управленческая роль подходит не всем.

Внутри:
– Почему она согласилась на руководство;
– Ежедневные «пожары» вместо дизайна;
– Выгорание и страх признаться;
– Честный откат на уровень эксперта;
– Новая команда и быстрый прогресс;
– Второй заход осознанно и зачем он ей;

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

📱 Как в Додо переписали слайдер оплаты на Compose

Дима Максимов из Dodo Engineering рассказал, как команда переписала слайдер быстрой оплаты с MotionLayout на Compose. Старый компонент накопил 15+ багов: слайдеры появлялись с двух сторон, текст просвечивал, а скрыть элементы было почти невозможно. Новый функционал для закрытых кофеен и переливающегося фона добили старую систему окончательно.

Решение оказалось проще, чем казалось: создать кастомный Layout Composable вместо сложной структуры из стандартных контейнеров. Результат: контролируемые анимации, чистый код и возможность легко добавлять новые фичи. Плюс шиммер для подсказок и хаптик для тактильной обратной связи.

Внутри:
– Проблемы MotionLayout с видимостью и сложными сценами;
– Выбор между Compound Composable и Layout для слайдера;
– Создание каркаса с Thumb и Background компонентами;
– Настройка жестов через AnchoredDraggable и якоря;
– Измерение динамического контента по правилам дизайна;
– Анимации растягивающегося следа и надписей;
– Управление состояниями через внешний стейт;
– Добавление шиммера и тактильной обратной связи.

Статья больше техническая, но довольно интересная. Внутренняя кухня разработки мастхев) Особенно, когда дело касается мелочей в виде слайдера, а проблем тоже хватает 👀

Так что ваш слайдер в фигме за 2 минутки в макетах превращается в кучу кода для разработки))

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🎮 Как писать промт для генерации изображения и видео

Автор из BotHub разбирает понятный способ собрать запрос для генерации. Он показывает схему из пяти шагов и живые примеры. Есть важный факт про формат кадра в GPT Image поддерживаются только три пропорции 1:1, 1,5:1, 1:1,5.

Дальше он объясняет как навести порядок в тексте запроса. Помогает простая формула что как где. Плюс советы по стилю и атмосфере. Есть разбор весов для акцентов и отрицательных запросов. В конце собраны частые ошибки и быстрые решения.

Внутри:
– Четкость и нужные детали;
– Формула что как где;
– Стиль и атмосфера;
– Пропорции кадра и ограничения;
– Веса для акцентов и отрицательные запросы;
– Типовые ошибки и решения.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы