Интерфейсы: макеты и UX
Дизайнеру · в рубрике: 11.
- Доступность (a11y)Проверяет и исправляет доступность: контраст, ARIA, клавиатура.
- Макет в кодПереводит макет или скриншот в вёрстку на выбранном стеке.
- Сравнение первого входа в сервис у конкурентовРазбирает, как у конкурентов устроен первый вход и обучение пользователя, и где вы можете лучше.
- Экраны первого входа: описание для дизайнераОписывает экраны первого входа в приложение или сервис: шаги, тексты кнопок и подсказки.
- Аудит доступности дизайнаПроверяет дизайн или страницу по стандарту WCAG 2.1 AA: контраст, клавиатуру, размер кнопок, экранные читалки; даёт список исправлений.
- Разбор макета: что улучшитьРазбирает макет или экран: что бросается в глаза, удобно ли им пользоваться, что выбивается; в конце даёт приоритетные правки.
- Спецификация дизайна для разработчикаПо дизайну готовит лист для разработчиков: размеры, токены, состояния кнопок, адаптивность, крайние случаи и анимацию.
- Тексты для кнопок и интерфейсаПишет и проверяет тексты интерфейса: подписи кнопок, сообщения об ошибках, пустые экраны и подтверждения.
- База знаний по дизайну интерфейсовПодбирает стиль, палитру, шрифты и правила удобства для сайта или приложения и проверяет интерфейс на доступность.
- Доводка интерфейса и анимацииУчит делать интерфейсы, которые приятно ощущаются: когда и как анимировать, какую плавность выбрать, как проверять детали.
- Макеты сайта картинками, блок за блокомСоздаёт серию картинок-макетов лендинга или сайта, по одной на каждый блок, в единой палитре и стиле, по которым можно собрать страницу.