1. Главная
  2.  
  3. Статьи
  4.   Отказываетесь от создания прототипа сайта? Вероятно, вы просто не знаете, что это такое и почему он так важен.

Почему не стоит отказывать от создания прототипа сайта?

Наблюдали ли вы когда-нибудь в вебвизоре за тем, как ведут себя посетители на сайте?

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

Что представляет собой прототип сайта

Прототип – черно-белый макет, каркас сайта, который состоит из различных блоков. Строительство небоскреба начинается с набросков, которые перетекают в чертеж. Создание сайта начинается с подготовки его прототипа.

Благодаря прототипу заказчики могут наглядно увидеть концепцию будущего сайта, понять, как он будет выглядеть.

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

Страница товара в прототипе сайта-каталога

Главная особенность прототипов в том, что это не просто картинки. Прототип – это интерактивный макет с работающими кнопками, ссылками и формами. Его можно открыть в браузере, покликать по ссылкам, потыкать в формы, понажимать на кнопки.

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

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

Созданием прототипа сайта обычно занимается проектировщик интерфейсов. Это новая профессия, направленная именно на создание эффективных макетов для сайтов, цель которых превращать посетителей в покупателей. Как правило, проектировщик интерфейсов является хорошим контент-маркетологом и контент-стратегом.

Хорошего проектировщика интерфейсов найти непросто (да и стоимость их услуг «кусается очень больно»), а дизайнеры в основном работают с художественным оформлением сайтов. Поэтому в большинстве случаев разработкой прототипов занимаются интернет-маркетологи, освоившие инструменты для проектирования интерфейсов.

Что общего у прототипа сайт и анальгина?

Они оба избавляют от головной боли. И создателей сайта и его заказчика. Причем прототип делает это лучше. Ведь вносить изменения в прототип значительно легче и быстрее, чем в готовый дизайн или, тем более, в шаблон сайта.

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

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

Что же получают заказчики, которые не отказывается от прототипа сайта?

  1. Осязаемый результат. Прототип дает заказчику возможность видеть часть проделанной над сайтом работы. При этом может руководить созданием сайта, начиная с первого этапа, вносить коррективы.
  2. Благодаря прототипу заказчик на раннем этапе создания способен определить компетенцию разработчиков сайта.
  3. В случае срыва сроков, прототип дает заказчику возможность делегировать часть работы по созданию сайта другим компаниям.
  4. Прототип позволяет заказчику планировать затраты.

В общем, для заказчика сайта или его дизайна, прототип – гарантия того, что по окончании работ он получит то, что хотел получить.

Этапы создания прототипа сайта

Разработка прототипа делится на три основных этапа:

  • Анализ сайтов конкурентов.
    Заключается в том, что проектировщик интерфейсов (по совместительству интернет-маркетолог) просматривает около сотни сайтов конкурентов на предмет интересных решений в плане интерфейса (полезных элементов, удачного расположения текста или его оформления и т.д.). Некоторые из них, которые не противоречат целям и требованиям будущего сайта, зачастую используются в прототипе.
  • Создание прототипа сайта в программе для проектирования интерфейсов. Для создания используется специальный софт (Adobe Muse, Axure, Mockup Builder). Проектировщик, начиная с главной страницы, делает прототипы основных страниц сайта – контакты, о компании, страница раздела, страница товара.

Страница категории товаров с фильтром

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

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

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

Стоимость прототипа сайта зависит от требования к его функционалу и количества страниц. В среднем стоимость одной страницы составляет 1000 рублей.

Если вы разбираетесь в интернет-маркетинге, то вы можете установить лицензионный софт для проектирования интерфейсов и сами сделать прототип сайта. А можете сэкономить время и сохранить себе нервы, заказать прототип у проектировщика интерфейсов.


Добавить комментарий

Пункты, отмеченные *, являются обязательными к заполнению