Презентація мокапів

Як показувати дизайн, щоб його зрозуміли і реалізували

Принципи

  • Контекст перед пікселями

    Показуйте дизайн на реальному пристрої/сторінці, а не ізольований артборд — замовник оцінює продукт, не картинку.

  • Один сценарій за раз

    Порожній стан, помилка, завантаження — критичні стани важливіші за 'щасливий шлях'.

  • Реальні дані

    Lorem ipsum приховує проблеми довжини: використовуйте реальні імена, довгі заголовки, великі числа.

  • Анотації для розробки

    Мокап без пояснень = головоломка для верстки: відступи, стани hover/disabled, поведінка на переповнення.

Гарний мокап відповідає на питання до того, як їх поставили: що буде без даних, з довгим текстом, на маленькому екрані, при помилці. Якщо відповіді нема — розробник домалює сам, і це буде не ваш дизайн.