🧘🏻‍♀️ Чек-лист прогону дизайну

З хорошим дизайном таке правило: дизайн має пройтися не тільки по центру, а й залізти в куточки.

Якщо дизайн не відображає крайові та рідкісні стани, то їх доведеться доробляти на ходу і не завжди це буде добре.

Приймаєте дизайн? Плануєте здавати макет? Поставте такі запитання:

ЗА МАКЕТАМИ ВИВОДУ ІНФОРМАЦІЇ (за всіма елементами, групами)

У дизайні визначений і показаний варіант виведення максимального обсягу інформації?

Наприклад:

  1. показати найдовшу можливу назву товару,
  2. показати ціну товару з максимальною кількістю знаків,
  3. показати сторінку новини з довгою анотацією (лід-абзац),
  4. показати виведення таблиці, в якій багато стовпців,
  5. тощо.
  • У дизайні визначений і показаний варіант виведення мінімального обсягу інформації?

Наприклад:

  1. показати виведення новини, у якої не задано фото (а якщо таких кілька поспіль?),
  2. виведення таблиці, в якій користувач приховав усі стовпці крім 2-3,
  3. виведення товару, у якого дуже короткий опис,
  4. тощо.
  • У дизайні показані варіанти виведення різних можливих форматів інформації?

Наприклад:

  1. виведення вертикальної фотографії серед горизонтальних у фотогалереї,
  2. виведення картинки товару, у якої не прозоре тло, а біле (або кольорове),
  3. виведення аватара, в якому не обличчя, а вся людина (є ж і такі),
  4. виведення картинки, на якій написаний текст, у темній/світлій палітрі.

Чек-лист прогону дизайну

ЩОДО МАКЕТІВ ДЛЯ ІНТЕРАКТИВНИХ ЕЛЕМЕНТІВ

У дизайні показані допустимі варіанти взаємодії?

Користувач розуміє, як взаємодіяти з елементом, які значення можливі при взаємодії: підказки, маски та інше.

У дизайні визначено і показано процес взаємодії?

Наприклад, прелоадер завантаження файлу; галочка праворуч від поля, якщо все ок; стан кнопки після натискання тощо.

У дизайні показані успішні варіанти завершення взаємодії?

Як перетворюється елемент після завершення взаємодії. Наприклад, виводиться прев’ю і назва після завантаження файлу.

У дизайні показані неуспішні варіанти завершення взаємодії?

Як інтерфейс відреагує, якщо під час взаємодії користувач вийде за рамки області допустимих значень.

У дизайні показані варіанти повторної взаємодії?

Якщо вікно закрилося, то ясно як його знову відкрити. Якщо файл завантажено – показано, як його змінити/видалити. Якщо обрано елемент у списку, то зрозуміло як прибрати вибір. І т.п.

Загалом, у хорошого дизайнера левова частка роботи – визначення поведінки продукту в крайових і рідкісних ситуаціях. Саме там у багатьох продуктів ахіллесова п’ята.

Додати коментар