Витрина работ
Работы, которые авторы сами решили показать. По умолчанию всё приватно — публикация только явным действием.
Дашборд приёма лекарств
Зрелое решение: таймлайн и крупные таргеты отвечают сегменту. Доступность на высоте; основной рост — в состояниях «пропущен приём».
▸ Показать полный разбор
Резюме
Зрелое решение: таймлайн и крупные таргеты отвечают сегменту. Доступность на высоте; основной рост — в состояниях «пропущен приём».
Соответствие заданию
Макет в целом отвечает поставленной задаче и контексту сегмента.
Разбор по слоям
Основной сценарий цельный, крайние состояния (empty/loading/error) проработаны частично.
Ключевой элемент считывается первым, акценты расставлены через размер и цвет.
Паттерны соответствуют платформенным ожиданиям, изобретений нет.
Сетка и отступы консистентны, типографика выдержана в одной системе.
Контраст вторичных подписей около границы AA — стоит проверить на 4.5:1.
Лейблы понятны, но кнопки можно сделать глагольными и конкретными.
Что сделано хорошо
- +Чёткая визуальная иерархия — главный элемент считывается за доли секунды.
- +CTA выделен по контрасту и размеру, путь к целевому действию очевиден.
- +Консистентная сетка и отступы создают ощущение собранного интерфейса.
Что улучшить — приоритеты
почему: Пользователь не понимает, что делать при сбое — растёт отток на ключевом шаге.
как лучше: Добавить inline-ошибку под полем с текстом причины и подсказкой, как исправить.
почему: Часть пользователей (и при ярком свете) не прочитает текст — страдает доступность.
как лучше: Поднять контраст до ≥4.5:1, например затемнить серый до #4A433B.
почему: Пользователь не предугадывает результат действия, растёт неуверенность.
как лучше: Сделать лейблы глагольными и конкретными: «Отправить 1 500 ₽».
Референсы
Сводка с суммой и получателем на одном экране снижает ошибки.
Размер вынесен в первый экран карточки с явным состоянием выбора.
Крупные зоны нажатия и высокий контраст для широкого возраста.
Карточка товара — маркетплейс
Хорошая композиция галереи и цены. Выбор размера спрятан — главный риск для конверсии; стоит поднять его в визуальной иерархии.
▸ Показать полный разбор
Резюме
Хорошая композиция галереи и цены. Выбор размера спрятан — главный риск для конверсии; стоит поднять его в визуальной иерархии.
Соответствие заданию
Макет в целом отвечает поставленной задаче и контексту сегмента.
Разбор по слоям
Основной сценарий цельный, крайние состояния (empty/loading/error) проработаны частично.
Ключевой элемент считывается первым, акценты расставлены через размер и цвет.
Паттерны соответствуют платформенным ожиданиям, изобретений нет.
Сетка и отступы консистентны, типографика выдержана в одной системе.
Контраст вторичных подписей около границы AA — стоит проверить на 4.5:1.
Лейблы понятны, но кнопки можно сделать глагольными и конкретными.
Что сделано хорошо
- +Чёткая визуальная иерархия — главный элемент считывается за доли секунды.
- +CTA выделен по контрасту и размеру, путь к целевому действию очевиден.
- +Консистентная сетка и отступы создают ощущение собранного интерфейса.
Что улучшить — приоритеты
почему: Пользователь не понимает, что делать при сбое — растёт отток на ключевом шаге.
как лучше: Добавить inline-ошибку под полем с текстом причины и подсказкой, как исправить.
почему: Часть пользователей (и при ярком свете) не прочитает текст — страдает доступность.
как лучше: Поднять контраст до ≥4.5:1, например затемнить серый до #4A433B.
почему: Пользователь не предугадывает результат действия, растёт неуверенность.
как лучше: Сделать лейблы глагольными и конкретными: «Отправить 1 500 ₽».
Референсы
Сводка с суммой и получателем на одном экране снижает ошибки.
Размер вынесен в первый экран карточки с явным состоянием выбора.
Крупные зоны нажатия и высокий контраст для широкого возраста.
Экран перевода — мобильный банк
Сильная информационная иерархия и понятный CTA. Решение закрывает задачу, но просадка по состояниям ошибки и доступности контраста на вторичных подписях.
▸ Показать полный разбор
Резюме
Сильная информационная иерархия и понятный CTA. Решение закрывает задачу, но просадка по состояниям ошибки и доступности контраста на вторичных подписях.
Соответствие заданию
Макет в целом отвечает поставленной задаче и контексту сегмента.
Разбор по слоям
Основной сценарий цельный, крайние состояния (empty/loading/error) проработаны частично.
Ключевой элемент считывается первым, акценты расставлены через размер и цвет.
Паттерны соответствуют платформенным ожиданиям, изобретений нет.
Сетка и отступы консистентны, типографика выдержана в одной системе.
Контраст вторичных подписей около границы AA — стоит проверить на 4.5:1.
Лейблы понятны, но кнопки можно сделать глагольными и конкретными.
Что сделано хорошо
- +Чёткая визуальная иерархия — главный элемент считывается за доли секунды.
- +CTA выделен по контрасту и размеру, путь к целевому действию очевиден.
- +Консистентная сетка и отступы создают ощущение собранного интерфейса.
Что улучшить — приоритеты
почему: Пользователь не понимает, что делать при сбое — растёт отток на ключевом шаге.
как лучше: Добавить inline-ошибку под полем с текстом причины и подсказкой, как исправить.
почему: Часть пользователей (и при ярком свете) не прочитает текст — страдает доступность.
как лучше: Поднять контраст до ≥4.5:1, например затемнить серый до #4A433B.
почему: Пользователь не предугадывает результат действия, растёт неуверенность.
как лучше: Сделать лейблы глагольными и конкретными: «Отправить 1 500 ₽».
Референсы
Сводка с суммой и получателем на одном экране снижает ошибки.
Размер вынесен в первый экран карточки с явным состоянием выбора.
Крупные зоны нажатия и высокий контраст для широкого возраста.