Презентація мокапів
Як показувати дизайн, щоб його зрозуміли і реалізували
Принципи
Контекст перед пікселями
Показуйте дизайн на реальному пристрої/сторінці, а не ізольований артборд — замовник оцінює продукт, не картинку.
Один сценарій за раз
Порожній стан, помилка, завантаження — критичні стани важливіші за 'щасливий шлях'.
Реальні дані
Lorem ipsum приховує проблеми довжини: використовуйте реальні імена, довгі заголовки, великі числа.
Анотації для розробки
Мокап без пояснень = головоломка для верстки: відступи, стани hover/disabled, поведінка на переповнення.
Гарний мокап відповідає на питання до того, як їх поставили: що буде без даних, з довгим текстом, на маленькому екрані, при помилці. Якщо відповіді нема — розробник домалює сам, і це буде не ваш дизайн.