Вайрфрейм

Що це означає

Вайрфрейм - схематичний начерк сторінки чи екрана: де що розташовано, що важливіше і які кроки робить користувач. Кольорів, фотографій і фінальних текстів у ньому навмисно немає.

Завдяки цьому обговорення йде про структуру, а не про відтінок кнопки. Змінити вайрфрейм - година, змінити запрограмований екран - кілька днів.

Вайрфрейм - це не дизайн-макет, не прототип і не MVP. Макет показує, як екран виглядатиме, прототипом можна проклікати сценарій, а MVP уже реально працює для перших користувачів. Вайрфрейм стоїть перед усіма трьома: він відповідає лише на запитання, що має бути на екрані й у якому порядку.

Як це працює на практиці

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

Для лендингу вайрфрейм задає порядок аргументів і місце заклику до дії. Лише потім має сенс писати фінальні тексти і робити графіку.

Для форми замовлення малюють щонайменше два вайрфрейми, для телефона й для комп’ютера. На телефоні колонки складаються одна під одною, і те, що на комп’ютері стояло поруч, раптом розділяють кілька прокручувань. Лише коли зрозуміло, що має бути вгорі маленького екрана, є сенс опрацьовувати адаптивний дизайн у деталях.

На що звернути увагу

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

Вайрфрейми показують лише ідеальний стан: повний список, правильно заповнену форму, успішну оплату. Порожнього списку, повідомлення про помилку чи очікування відповіді в них немає, і програміст вигадує їх сам, кожен по-своєму. Результат - неузгоджений UX і виправлення, за які платять уже після запуску.