Руслан Раянов
Как создать продающий сайт с нуля
● маркетинговые исследования. Очень важная штука, особенно в рамках интернета. Маркетинговые исследования проводятся для получения некоторой информации о продукте, о способе использования продукта, о клиентах, о возможностях. Кстати, для маркетинговых исследований совершенно необязательно иметь сайт.
В качестве примера приведу аудитории своего сайта rudensoft.ru. У нас идет разделение всех посетителей на 3 аудитории:
● владельцы малого бизнеса. Их цель – найти исполнителя на создание их сайта, который эффективно впишется в их бизнес-систему и будет приносить прибыль.
● менеджеры среднего бизнеса. Цель – найти адекватного поставщика услуг в плане разработки веб-проектов. При этом ключевым фактором является уже не прибыль и продажи, как это имеет место у владельцев бизнеса, а надежность и гарантированность качества и выполнения работ в срок.
● представители веб-студий. Они ищут команду разработки для сложных проектов, которые по разным причинам выполнить сами не в состоянии. Например, потому что они в первую очередь дизайнеры, а не программисты. Или они работают только со стандартной CMS, а проект выходит за эти рамки.
В каждом из приведенных примеров целью являет вывод клиента на личный контакт. И в дальнейшем в книге именно этой цели уделяется наибольшее внимание по очень простой причине – это напрямую влияет на продажи и прибыль бизнеса.
Задание. Определите свои аудитории и их цели. Определите свою цель по отношению к каждой аудитории. Оформите результат в виде следующей таблицы:
Аудитория
Ее цель
Наша цель
После выполнения предыдущего упражнения вы будете иметь представление, кто и зачем проходит на сайт, а также что вам от них необходимо, т.е. какое целевое действие они должны совершить. Теперь мы должны дать посетителям инструменты для достижения их цели на сайте, а также механизмы и контент для достижения наших целей.
Рассмотрим наш пример с прокатом авто. Допустим, у нас есть 3 аудитории: прокат для торжеств, прокат для некоторой хозяйственной деятельности и прокат для путешествий.
В данном случае цель у всех трех групп будет похожая – получить информацию о предлагаемых машинах и получить возможность сделать заказ. Нашей целью в этом случае будет вывод клиента на контакт или, если сказать другими словами, получить заказ.
Хорошо представляйте себе, какие есть
аудитории у сайта и их цели в контексте сайта
Теперь давайте определим механизмы, которые необходимы для достижения этих целей. Чтобы получить информацию о машинах, необходимо иметь каталог машин с кратким описанием машины, условиями проката, условиями сдачи, фото. Также хорошо бы иметь рекомендации по прокату и прайс-лист на услуги.
Для достижения нашей цели мы можем пойти разными путями. Обычно – это либо контактный телефон, либо форма заявки на прокат. Иногда встречаются более сложные формы, например, операторский чат, позволяющий выполнить заказ в реальном времени.
У каждого способа есть свои преимущества. Например, телефон позволяет вести диалог со своим клиентом и на месте выяснять все нюансы, как со стороны клиента, так и со стороны поставщика услуг.
Если вы используете форму подписки, то это позволяет, во-первых, не создавать довольно дорогостоящий колл-центр, который должен обслуживать телефонные звонки, и во-вторых, вы можете автоматически собирать и обрабатывать данные клиента для дальнейших продаж.
Конечно, мы рассмотрели самый простейший вариант. Вам может понадобиться гораздо более сложный функционал, например, сложный вид каталога с системой заказов или система отслеживания действий пользователя, предназначенная для повышения конверсии при проведении вами маркетинговых исследований на своем сайте.
Задание. Добавьте в рассмотренную выше таблицу колонку с механизмами, необходимыми для достижения целей клиента и вашего бизнеса.
Итак, на данный момент вы имеет ядро функциональности, которое необходимо реализовать на сайте.
Пока мы имеем довольно сырые требования к сайту, и, для того чтобы максимально продуктивно работать с разработчиками сайта, необходимо эти соображения по будущему сайту детализировать.
Создаем макеты страниц
Существует такая наука – Interaction Design (проектирование взаимодействия), которая позволяет проектировать интерфейс исходя из опыта взаимодействия пользователя с системой. Здесь мы коснемся только самых основ. Но этого будет вполне достаточно, чтобы спроектировать грамотный интерфейс.
Примечание. Конечно, вы можете эту работу отдать на аутсорсинг веб-дизайнерам и художникам, и тогда получите очень красочные картинки, но, скорее всего, неудобные в плане пользования. На мой взгляд, никто не выполнит проектирование интерфейса лучше того человека, который очень хорошо знает своих клиентов, т.е. вас. Это важно сделать своими руками еще по той причине, что вы еще раз окажетесь в “шкуре” своего клиента и у вас будет еще один шанс взглянуть на свой бизнес с другой стороны.
Проектирование взаимодействия начинается с определения персонажей. Вы их по сути уже определили, осталось их конкретизировать. Вы должны создать по одному экземпляру от каждой аудитории. Причем это должен быть очень конкретный человек. Вы должны как можно подробнее описать его жизнь, его привычки, его поведение. И не забудьте его назвать. Как и любого другого человека, у него должно быть имя. Чем подробнее вы его опишите, тем лучше макеты страниц у вас получатся.
Сначала это будет несколько непривычно, но, немного потренировавшись и отпустив свою фантазию на свободу, вы сможете придумать довольно реалистичные портреты своих клиентов.
Еще важный момент, называйте своих персонажей по имени. Считайте что это полноценные персонажи вашего проекта. Это важно. Пусть у нас будут персонажи Олег и Семен.
Задание. Создайте свои персонажи и максимально подробно опишите их.
Теперь представьте, что вы являетесь одним из своих персонажей, например, в моем случае Олегом. Напишите, какие у вас есть цели в связи с посещением рассматриваемого сайта. Что вы хотите от него получить? Это может быть что угодно: получение ценной информации, оформление заказа, получение информации о сезонных скидках и так далее. В случае с Олегом (будем считать, что Олег женится и ищет на свадьбу презентабельное авто) это может быть поиск контактного телефона и информации о ценах.
Переходим к следующему пункту: как вы можете достичь этого? Представьте на секунду, что у вас есть “волшебная палочка” и вы можете достичь любой цели так, как захотите. Например, я как Олег захожу на сайт и сразу вижу крупно телефон, причем не картинкой, а лучше текстом, чтобы можно было скопировать себе в файл. А еще лучше, справа была бы ссылка заказать обратный звонок, чтобы сэкономить деньги на звонке. Таким образом, мы позволяем себе избежать очень опасной ловушки, в которую вы обязательно попадетесь, если макет будет проектировать дизайнер или программист.
В случае с программистом все будет очень просто – если макет делает программист, он принимает решения не на основании целей посетителя, а на основании своих приоритетов: простота разработки, логичность интерфейса (мы же сделали функцию добавления, давайте сделаем и редактирование), применение модной тенденции (например, функции через ajax – этим я и сам грешу).
Не намного легче и с дизайнером. Его главная задача – гармония в дизайне. Чтобы глазу было приятно. Например, крупный телефон – это не эстетично. А давайте-ка сделаем его рукописным шрифтом, чтобы клиент не смог прочитать его с первого раза. В дизайне, как и в рекламе, очень часто наблюдается парадокс: выставки выигрывают очень красивые дизайны и рекламы, но не эффективные. На мой взгляд, главная задача дизайна – вести пользователя системы за руку к его целям. Все остальное – не имеет значения. Посмотрите дизайн сервисов Яндекса, Google, Вконтакте или Озон. Там нет ничего лишнего. Кто-то может подумать, что там полное отсутствие дизайна, но именно это и есть настоящий дизайн.
На данном этапе мы определили, как достигать цели клиента. Где и на чем он должен щелкнуть мышкой, чтобы получить результат. В проектировании взаимодействия это называется определением сценариев взаимодействия.
Задание. Напишите цели и сценарии взаимодействия для каждого персонажа.
И вот здесь мы, наконец-то, подошли к формированию макетов. Как видите, в своем подходе я делаю упор именно на подготовку. Если подготовка проведена тщательно, то дальнейшая практическая работа обычно идет без неприятных сюрпризов.
Построить макеты на основании всех сценариев несложно. Вы можете делать это от руки в блокноте. Так будет лучше всего. Когда вы будете работать с дизайнерами и программистами, вам просто надо будет сфотографировать свои макеты и отправить их дизайнерам. Вы сэкономите время дизайнера, следовательно, свои деньги и нервы. Если вы желаете использовать какой-либо программный продукт, то помните – вы делаете их, в первую очередь, для себя и здесь важна скорость работы, а не эстетика. Вы должны думать о самом макете, а не о том, как в этом супер-редакторе задается радиус скругления углов блоков.
Начните делать макет с определения общих частей всех страниц. Мы, разработчики, называем подобные макеты мастер-страницами. На их основе создаются все остальные макеты. Обычно в роли общих элементов макета выступают: шапка (верхняя часть сайта), главное меню сайта, подвал (нижняя часть сайта). Спросите своих персонажей, что они думают об этих частях сайта. Что они хотели бы там увидеть. Пожалуйста, не забывайте обращаться к ним по имени. Уважайте их – они помогают вам создавать правильный сайт. Называя их по имени, а еще лучше имея их фотографии, вы добавляете реализма своим персонажам.
