редакции
Чек-лист прогонки дизайна
С хорошим дизайном такое правило: дизайн должен пройтись не только по центру, но и залезть в уголки. Если дизайн не отражает краевые и редкие состояния, то их придётся доделывать на ходу и не всегда это будет хорошо.Принимаете дизайн? Планируете сдавать макет? Задайтесь следующими вопросами:
По макетам вывода информации (по всем элементам, группам):
В дизайне определён и показан вариант вывода максимального объёма информации?
Например:
- показать самое длинное возможное название товара,
- показать страницу новости с длинной аннотацией (лид-абзац),
- показать вывод таблицы, в которой много столбцов, и т.п.
В дизайне определён и показан вариант вывода минимального объёма информации?
Например:
- показать вывод новости, у которой не задано фото (а если таких несколько подряд?),
- вывод таблицы, в которой пользователь скрыл все столбцы кроме 2–3,
- вывод товара, у которого очень короткое описание, и т.п.
В дизайне показаны варианты вывода разных возможных форматов информации?
Например:
- вывод вертикальной фотографии среди горизонтальных в фотогалерее,
- вывод картинки товара, у которой не прозрачный фон, а белый (или цветной),
- вывод аватара, в котором не лицо, а весь человек (есть же и такие),
- вывод картинки, на которой написан текст, в тёмной/светлой палитре.
По макетам для интерактивных элементов:
В дизайне показаны допустимые варианты взаимодействия?
- Пользователь понимает, как взаимодействовать с элементом, какие значения возможны при взаимодействии: подсказки, маски и прочее.
В дизайне определен и показан процесс взаимодействия?
- Например, прелоадер загрузки файла; галочка справа от поля, если всё ок; состояние кнопки после нажатия и т.п..
В дизайне показаны успешные варианты завершения взаимодействия?
- Как преобразуется элемент после завершения взаимодействия. Например, выводится превью и название после загрузки файла.
В дизайне показаны неуспешные варианты завершения взаимодействия?
- Как интерфейс отреагирует, если при взаимодействии пользователь выйдет за рамки области допустимых значений.
В дизайне показаны варианты повторного взаимодействия?
- Если окно закрылось, то ясно как его снова открыть. Если файл загружен — показано, как его изменить/удалить. Если выбран элемент в списке, то ясно как убрать выбор. И т.п.
В общем, у хорошего дизайнера львиная доля работы — определение поведения продукта в краевых и редких ситуациях. Именно там у многих продуктов ахиллесова пята.
Читайте также:
Как подписывать документы на удаленке
Как дизайнеры используют искусственный интеллект
Что общего в управлении самолетом и IT-компанией
Что такое экстремальное предпринимательство: опыт сооснователя «Нетологии»