Когда прототипирование сайта заменяет горы документации?

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

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

А затем и результаты от продвижения.

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

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

1) Прототип на бумаге

Обычно это делает маркетолог для себя, чтобы лучше представить структуру сайта и каждой его страницы.

Я составляю такие прототипы в Молескин:

• Первым делом выписываю все страницы сайта и решаемые ими задачи. Так создается его структура. На какой вопрос посетителя должна отвечать эта конкретная страница?
• Далее выписываю основные преимущества компании
• После определяю структуру продающих страниц на основе имеющихся данных.

Обычно структура сайта напоминает интеллект-карты. Это выглядит подобным образом (просто добавьте к каждой странице еще и решаемую ей задачу):

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

• Заинтересовать посетителя продуктом (донести уникальное торговое предложение, показать фотографию продукта)
• Рассказать про выгоды для клиента
• Показать варианты комплектации (продукт делается на заказ, но от чего отталкиваться клиенту? Какие есть варианты?) и уже созданные решения (реальные фотографии, а не компьютерные прототипы)
• Показать четкие отличия продукта компании от аналогов – все дело в материале
• Обработать основные страхи целевой аудитории: удаленность производителя и доставка через транспортные компании, отсутствие замера и установки, выбор правильного цвета, надежность.
• Заслужить доверие. В том числе и с помощью правильной подачи отзывов на странице
• Продать цену. Представляем несколько вариантов комплектации тарифы. В зависимости от размеров и кол-ва продукции изменяется и цена. Чем больше, тем дешевле выходит 1 штука.
• Выйти на связь с потенциальным клиентом. Стимулировать его обратиться к нам с помощью подарка.

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

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

2) Прототип в виде презентации

Вам в помощь PowerPoint.

В чем принципиальное отличие от бумажных прототипов?

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

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

Такое бывает.

Разложенная по полочка структура будущего сайта позволяет генерировать полезные идеи.

3) Модульная сетка сайта

А вот теперь наступает время создания модульной сетки сайта для всех ключевых страниц.

Как она выглядит? Один из примеров перед вами:

(нажмите на изображение для увеличения)

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

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

4) Интерактивный прототип

А что делать, если вы разрабатываете достаточно сложный проект, в котором страницы сильно зависят друг от друга? В таком случае можно реализовать интерактивный прототип.

По своей сути, он аналогичен предыдущему варианту, но с одним простым отличием: вы можете нажимать на ссылки на страницах прототипа и переходить на другие его страницы. Таким образом, проще представить будущее взаимодействие сайта с целевой аудиторией.

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

Чем быстрее будет сделан сайт и запущена реклама, тем быстрее получен реальный отклик от клиентов. А все остальное лишь предположения.

Поэтому как раз основная работа идет уже при продвижении. И лучше концентрироваться на ней.

Что в результате?

Прототипирование на стадии ТЗ помогает не только сократить объем технической документации, но и:

• Детальнее представить концепцию сайта
• Донести основные идеи до заказчика
• Дать клиенту четкое представление, что он получает в итоге

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