Чому ми не беремось за проєкт без прототипу
Прототип виглядає як зайвий крок: сірі прямокутники, які ще не сайт. Але саме на цих прямокутниках коштує нуль знайти, що на головній не вистачає блока, а форма просить те, чого клієнт не знає.
Ціна зміни росте нерівномірно
Пересунути блок на прототипі — хвилина. На готовому дизайні — година й узгодження. На зверстаній сторінці — пів дня плюс перевірка адаптиву. Після запуску — це вже задача з релізом і ризиком щось зачепити.
Прототип не робить змін менше. Він переносить їх у момент, коли вони майже безкоштовні.
Що ловить прототип
- Відсутні сторінки. «А куди веде кнопка з тарифів?» — питання, яке краще поставити зараз.
- Контент, якого немає. Прототип оголює всі місця, де мав бути текст, і виявляється, що його ніхто не писав.
- Порядок аргументів. Що бачить людина першим, а що — після трьох прокруток.
- Поля форми, які відлякують. Кожне зайве поле — це втрачені заявки, і на прототипі це помітно.
- Стани, про які забувають. Порожній список, довге завантаження, помилка. У дизайні їх малюють в останню чергу або ніколи.
Скільки це триває
Для корпоративного сайту — два-чотири дні. Для продукту — тиждень-два. Це не окремий довгий етап; це перші дні тієї ж роботи, просто витрачені на структуру, а не на кольори.
Чим прототип не є
Він не є дизайном, і не варто його оцінювати як дизайн. Сірі блоки без шрифтів і кольорів — це навмисно: щойно з’являється кольорова кнопка, обговорення переходить на її відтінок, а не на те, чи потрібна вона взагалі.
Якщо на прототипі обговорюють колір, значить структура вже узгоджена. Якщо на дизайні обговорюють структуру — прототипу бракувало.
Прототип із реальними текстами
Найкорисніша версія прототипу — та, у якій замість «Lorem ipsum» стоять справжні заголовки, навіть чернеткові. Половина макетів розсипається саме тут: заголовок, який у дизайні займав два слова, у житті займає п’ять рядків.
Тому ми просимо тексти до дизайну, а не після. Не готові — пишемо чернетку самі й узгоджуємо. Це швидше, ніж двічі переверстувати.
- Прототип переносить зміни в момент, коли вони майже безкоштовні
- Сірі блоки навмисні: колір відволікає від структури
- Реальні заголовки на прототипі ламають половину припущень
- Два-чотири дні для сайту, тиждень-два для продукту
Референс показує вигляд, а не вашу структуру й ваші тексти. Прототип на його основі роблять швидше, але зовсім без нього ви узгоджуєте структуру вже на верстці.
Найкраще замовник — він знає продукт. Якщо часу немає, ми пишемо чернетку й узгоджуємо: це все одно дешевше, ніж переверстувати під фінальні тексти.
