Есть мнение, что прототипирование сайта — пустая трата времени и средств. Мол, заказчик и так знает, что ему надо. Агентство тоже узнает, для этого составляется ТЗ. На самом деле все сложнее, и сейчас мы расскажем, что прототип — это не просто «общая схема сайта».
Существует два вида прототипов, ниже мы их подробно опишем. Но первое, что нужно понять — кому нужен прототип сайта. Изначально дизайнеру — он должен видеть расположение элементов интерфейса, блоков, форм и прочего. Иначе будет работать буквально вслепую. Но прототип нужен не только ему:
- Копирайтеры. Общий объем текста, размер абзацев, длина предложений, наличие форматирования… Понятно, что страницы будут адаптивными, а такие параметры как шрифт и кегль всегда можно изменить. Но «мастеру цифрового пера» важно понимать, как читатель видит статью с учетом графики и интерфейса. От этого зависит содержание текста, особенно в коммерческом сегменте.
- Программисты. Невозможно «натянуть» верстку на выбранный движок, не зная, как будет выглядеть сайт. Чтобы элементы дизайна были аналогичны макету, программистам нужно видеть перед собой структуру сайта со всеми графическими элементами. Это позволит избежать ошибок и несоответствий.
- SEO-специалисты. Создание прототипа сайта очень важно для поисковой оптимизации, потому что современные алгоритмы помимо содержания оценивают дизайн ресурса. Без прототипа легко «наплодить сущностей» или чрезмерно усложнить интерфейс, ухудшив пользовательские реакции. Сложно даже представить, сколько уйдет времени на исправление.
- Маркетологи. Не получится оценить привлекательность, юзабилити и актуальную конкурентоспособность, не видя прототип сайта. Это можно сделать и потом, но придется работать с тем, что есть, а не с тем, что нужно. И придется переделывать, чтобы обойти конкурентов.
Прототип, отражая общую структуру сайта и его внешний вид, позволяет отрабатывать гипотезы, менять дизайн, положение блоков и наполнение. И все это с минимальными усилиями. По итогу, сайт делается с учетом всех нюансов и ничего потом не придется менять, тратя еще время и деньги.
Прототип Low-fidelity
Это «черновой» прототип. Черно-белая схема страниц с условными элементами наполнения. Элементы имеют простую геометрическую форму (квадрат, прямоугольник) с уточняющими надписями внутри («Заголовок», «Блок текста 1»).
Прототип сайта Low-fidelity показывает, где будут располагаться элементы интерфейса, какого объема нужны тексты и картинки, сколько их будет. Текстовые блоки можно заполнить «рыбами». На схеме обозначаются поп-апы, окна чата и другие функциональные элементы. «Черновой» прототип выполняется в специальной программе (раньше делали просто на листке бумаги).
Зачем нужен: помогает увидеть конечную структуру ресурса, избежать грубых ошибок в юзабилити. Позволяет быстро менять все — от размеров отдельного блока до общей концепции.
Прототип High-fidelity
Это «чистовой» прототип. Используется полноценная цветовая схема, вводятся все элементы интерфейса. Это не финализированный вариант, но основные текстовые блоки уже должны быть заполнены оригинальным текстом, то же касается изображений. «Рыбы» допустимы во второстепенных блоках (например, в меню статейника, где просто пока нет нужно количества текстов).
Прототип сайта High-fidelity призван отразить его структуру в мелочах. Технически это полноценный сайт, но без интерактива и лишь частично заполненный контентом. Как и «черновой» вариант, делается в специальной программе.
Зачем нужен: позволяет оценить структуру сайта, функционал и дизайн. На этапе «чистового» прототипа обычно шлифуется визуал и оценивается релевантность содержания запросу.
Иногда «чистовые» прототипы используются для A/B-тестирования, предлагая тестерам несколько гипотез. Так можно наглядно в сравнении выбрать более продающий вариант.
Какие проблемы решает прототип
Прототипирование сайта позволяет избежать усложненной структуры или недостаточной функциональности, определить соответствие концепции ресурса его задачам. Иными словами, на прототипе видно, будет ли пользователь доверять сайту, захочет ли что-то заказать, найдет ли, что ищет и насколько это окажется легко.
Мы в своей практике всегда используем прототипы сайтов. Это требует дополнительного времени на разработку, но позволяет сэкономить гораздо больше в дальнейшем. Потому что сайт без прототипа в большинстве случаев имеет ошибки и что-то не учитывает. Насколько серьезные это будут ошибки и неточности — можно только догадываться. Если проблема вскроется после запуска, это повлияет на продвижение и продажи. Насколько вы готовы рисковать успешностью всей кампании?
Вы можете связаться с нашими специалистами по телефону +7(4862) 50-84-48 и они расскажут обо всех этапах создания сайта, в том числе о прототипировании.