Прототип сайта: что это и с чем его едят.

Каждый, кто хоть раз сталкивался с процессом разработки сайта, слышал о прототипе. Мы разберём, что такое прототип сайта, как он должен выглядеть и для чего его создают. Если вы заказчик, начинающий дизайнер или просто интересующийся – эта статья для будет вам полезна. 

Что такое прототип

Если объяснять в двух словах, то это набросок, позволяющий проработать удобство взаимодействия пользователя с вашим продуктом. Это первый этап разработки сайта. Это единственный способ расположить все элементы максимально продуманно. И главное – это не конечный продукт, и даже не готовый вариант дизайна. По сути, это интерактивная модель продукта, а насколько она точно выполнена – уже не так важно. Детализированная версия создаётся, если надо подправить визуальный дизайн. Когда нужно просто получить представление об удобстве пользования, хватит и низкой детализации в общих чертах. 

Прототип может быть кликабельным или… просто нарисованными на бумаге. Каждый вариант имеет свои плюсы и минусы, каждый имеет право на существование. Рисованный прототип даёт возможность использования первых набросков карандашом и простого внесения изменений с помощью ластика: дёшево и сердито. Кликабельный макет сложнее в процессе построения, но даёт ощущение интерактивности. И позволяет лучше оценить юзабилити проекта.  

О внешнем виде прототипа

Каких-либо правил в отношении внешнего вида прототипа не существует. Он может быть:

• схематичным;
• детализированным;
• интерактивным;
• нарисованным от руки;

Главное, чтобы макет выполнял свою главную функцию: позволял оценить удобство использования страницы. Эстетический вид макета, при этом, не играет роли вовсе. Все элементы дизайна будут добавлены на этапе создания визуального стиля. Но для более простого восприятия визуала, немного деталей можно и добавить.

Об этом часто забывают заказчики. И когда смотрят на прототип, испытывают недовольство дизайном. Напоминаем, что прототип и готовый дизайн – не одно и то же, они выглядят по-разному и даже предназначены для разных функций. А вот наглядно оценить, как сайт будет справляться со своей задачей – легко поможет. 

Прототип нужен, чтобы…

Как минимум, помочь дизайнерам и разработчикам понять, как будет проходить дальнейшая работа. Когда все функции сайта и пути взаимодействия показаны в наглядной примере – распределять задачи внутри команды становится значительно проще. К тому же, интерактивный макет даёт возможность обнаружить ошибки, допущенные в построении взаимодействия. Дизайнеры их исправят, сайт станет лучше… А заказчик избежит оттока возможной аудитории и новых финансовых затрат. 

Клиент, в свою очередь, получает возможность предварительно оценить визуал сайта и по возможности, внести правки. А понимание архитектуры веб-ресурса – сильно облегчает составление ТЗ, понимая тем самым общую стоимость работ. Так, заказчик наглядно увидит, какие правки повлекут за собой значительное увеличение бюджета. К тому же, правки, внесённые в прототип стоят намного меньше, чем правки, вносимые в почти готовый проект.  

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

Нужен ли прототип в итоге?

Однозначно, нужен. Он даёт возможность оценить то, без чего сайт никогда не будет работать корректно: его архитектуру. Таким образом, дизайнеры смогут сделать структуру и интерфейс еще лучше и понятнее, если это необходимо.  В итоге, выигрывают все: клиент видит первые результаты работы. А команда разработчиков корректирует дальнейшие планы, определяет основные задачи и формирует конечный прайс. В целом, такой этап работы, как создание прототипа, позволяет получить более качественный результат при гораздо меньших затратах.