Вайрфрейм

Что это значит

Вайрфрейм - схематичный набросок страницы или экрана: где что расположено, что важнее и какие шаги делает пользователь. Цветов, фотографий и финальных текстов в нём намеренно нет.

Благодаря этому обсуждение идёт о структуре, а не об оттенке кнопки. Изменить вайрфрейм - час, изменить запрограммированный экран - несколько дней.

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

Как это работает на практике

В системе на заказ на вайрфреймах сначала проходят обычный рабочий день пользователя. Там видно, что ему действительно нужно, а что было пожеланием с первой встречи.

Для лендинга вайрфрейм задаёт порядок аргументов и место призыва к действию. Только потом имеет смысл писать финальные тексты и делать графику.

Для формы заказа рисуют как минимум два вайрфрейма, для телефона и для компьютера. На телефоне колонки складываются друг под другом, и то, что на компьютере стояло рядом, вдруг разделяют несколько прокруток. Только когда ясно, что должно быть вверху маленького экрана, имеет смысл прорабатывать адаптивный дизайн в деталях.

На что обратить внимание

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

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