Разработка
На этом этапе важно сделать всё, чтобы разработчик реализовал твой дизайн. Будет проще, если он не будет тратить время на разбор твоего макета. И, скорее всего, ты тоже не любишь полупиксели и неопрятные макеты.
Еще важно озаботиться подключением систем веб-аналитики, чтобы объективно аргументировать следующие шаги и анализировать текущие решения.
Чек-лист этапа:
- Проверка макета пройдена по чек-листу ниже
- Подключена веб-аналитика / измеряете метрики другим способом
- Проверена верстка на стенде
Проверка макета:
- В элементах, слоях и фреймах можно быстро разобраться стороннему человеку:
- Страницы, фреймы названы осознанно
- Есть инструкция по логике структуры файла
- Размеры элементов не содержат дробных значений
- Проверь размеры объектов с текстом – они не должны накладываться друг на друга
- Оставляй комментарии к неочевидным и очевидным местам:
- Все интерактивные механики должны быть описаны и/или показаны
- Отрисованы все необходимые состояния:
- Пустые состояния
- Заполненные состояния
- Узкие кейсы (мало текста, много текста, переносы)
- Убедись, что разработчик понимает необходимые основы работы с программой:
- как определить высоту строки, размер и стиль шрифта
- расстояния между объектами
- как экспортировать картинку/иконку и поменять формат
- как работать со слоями
- Составь юзер флоу по экранам или отдельно карту переходов
