Эвристический подход

Покажу пример работы с эвристиками для реализации инпутов.

Состояния

  1. Regular (обычное состояние)
  2. Hover (по наведению курсора)
  3. Focus (выбранный или активный)
  4. Press (нажатие, активация)
  5. Block (заблокированный)

Процесс работы

  1. Process (отобразить процесс взаимодействия)
  2. Done state (завершение взаимодействия)
  3. Incorrect state (ошибка)
  4. Correct state (успешное взаимодействие)
  5. Этапы потока взаимодействия (специфичные состояния)

Оценка контента

  1. Sceleton (заглушка для догрузки контента, а так же используются как мокапы для описания поведений, создания анимаций)
  2. Some data (идеальное количество данных)
  3. Too much data (очень много данных)
  4. Not have data (отсутствуют данные)

Адаптивные версии

  1. Mobile
  2. Tablet
  3. Desktop
  4. HD device

Спецификации

  1. Anatomy
  2. Описание механики и поведения, не очевидного по состояниям
  3. Ресурсы — иконки, спрайты, адаптивные изображения и прочее