Текст книги "Как создать продающий сайт с нуля"

Руслан Раянов

Как создать продающий сайт с нуля.

Краткое руководство для предпринимателя.

· Концепция

· Разработка требований

· Аутсорсинг

· Ключевые показатели

· Конверсия

· Интернет-реклама

2013 © Rudensoft.

Введение

Созданию сайтов посвящено много книг. И большинство из них относится, в основном, либо к дизайнерам, либо к программистам,

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

Как вы, наверное, уже понимаете сейчас сложно обойтись без сайта практически в любой отрасли бизнеса: будь это продажа спорттоваров или крупный завод. Хорошо спроектированный и адаптированный под требования заказчика сайт позволяет решать ваши бизнес-задачи.

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

“подкручивать” основные элементы своего бизнеса. Об этом мы еще поговорим позже.

Из этой книги вы узнаете, как создавать сайт в правильном русле, не имея навыков дизайна, программирования. Вам необходимы только общие навыки работы с Интернетом: поиск (например, Яндекс или

Google) и работа с почтой (рекомендую Gmail.com). Этого вполне достаточно, чтобы начать работу над созданием своего бизнес-сайта.

На самом деле для большинства бизнес-сайтов может быть только одна конечная цель. И все остальные цели должны быть ей подчинены. Очень часто об этой цели забывают и сайт делается без учета этой цели. Все это приводит к такому положению, когда проще всего начать заново. “Что это за цель?” – спросите вы. Узнаете в следующей главе;)

Глава 1. Цель, идея, концепция сайта

Цель

Сайт должен продавать!

Это главная цель любого сайта. Всегда об этом помните, когда вам кто-то пытается что-то внедрить на сайт. При изменении сайта всегда себя спрашивайте: « А как это отразится на моих продажах?» Интернет

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

Главная цель сайта - продажи.

Очень часто можно увидеть такую ситуацию, когда на сайте много всякой информации о предприятии, о генеральном директоре, форум,

новости и т.д. Просматривая такой сайт, спросите себя: “Помогает ли это продажам? Убеждает ли это клиента купить ваш товар?

Предлагает ли это клиенту купить что-то еще интересное?”

Если Вы будете помнить это правило, то вы уже не сможете потратить деньги впустую, создавая свой сайт.

Идея и концепция

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

все ваши решения относительно сайта, например, дизайн, текст,

механизмы и др., должны учитывать эту идею.

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

Упражнение. Напишите, в чем заключается идея вашего будущего сайта.

Распишите ответ на этот вопрос как можно подробнее, потому как в будущем это вам очень поможет при создании сайта.

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

заложенная в вашем товаре.

Упражнение. Напишите, какую ценность несет ваш товар для потребителя.

Примечание. Пожалуйста, обязательно делайте задания письменно.

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

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

Вы продаете не товар, а ценность товара.

А теперь давайте перейдем к тем, кому вы продаете свой товар.

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

Здесь я ввел два новых термина.

Контент – это содержимое сайта: текст, видео, графика, редко звук. Т.е. это то, что посетители сайта увидят при очередном визите.

Конверсия – это отношение посетителей, выполнивших целевое действие, к общему количеству посетителей.

Допустим, у нас есть страница, на которой расположена форма заказа. Если из 100 человек, посетивших эту страницу, 5 человек заполнило форму заказа – это значит, что конверсия составляет – 5 / 100 = 5%. Говорить о возможном диапазоне конверсии нет смысла,

поскольку это очень сильно зависит от того, что вы продаете.

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

Упражнение. Определите следующие параметры своих клиентов:

● пол

● возраст

● место жительства

● семейное положение

● профессия

● привычки, ритуалы (например, читать утром определенную газету)

● специальные области, если это необходимо (религия, политика и т.д.)

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

Например, для парикмахерских это могут быть женщины и мужчины,

т.к. для этих групп предназначены различные сервисы обслуживания.

Кто ваш потребитель?

Теперь мы знаем, ЧТО мы продаем и КОМУ мы продаем. Это два важнейших вопроса, без ответа на которые сложно построить хороший бизнес.

Мы посмотрели внешние элементы вашей системы: товар и клиент. А теперь давайте рассмотрим ВАС. Одним из самых важных вопросов в бизнесе является:

Почему должны покупать у ВАС и именно СЕЙЧАС?

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

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

Упражнение. Выберите 10 компаний и напишите, почему люди покупают у них и сейчас.

К примеру, возьмем лидера рынка безалкогольных напитков – Coca-Cola. Почему покупают у них? Потому что они прочно создали ассоциацию “напиток Coca-Cola – хорошее настроение”. Почему сейчас – потому что она повсюду (их реклама) + постоянный рекламный призыв. Они тратят гигантские суммы на рекламу, но видимо это окупается, раз они до сих пор на коне.

Упражнение. Напишите ответ на вопрос: “Почему должны покупать у ВАС и именно СЕЙЧАС?”

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

Итак, мы рассмотрели: ЧТО мы продаем, КОМУ мы продаем, ПОЧЕМУ покупают именно у нас. Однако не хватает одного важного элемента,

незнание которого может свести на нет все ваши усилия по продвижению своего товара. Об этом мы и поговорим в следующей главе.

Глава 2. Изучение рынка и конкурентов

Исследование рынка

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

Представим, что мы предлагаем нашим клиентам услуги по прокату автомобилей в Москве.

Давайте посмотрим, что выдает Яндекс по запросу “Прокат авто в Москве”:

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

Что мы видим:

Во-первых, это количество ответов, которые нашел Яндекс – это 50 млн. Это довольно большая цифра, свидетельствующая о том, что это тема не нова, и вы не будете одиноки на этом рынке.

Во-вторых, если посмотреть на рекламу (сверху и справа на рис.1) – то можно увидеть довольно много поставщиков этих услуг, нацеленных именно на эти вопросы.

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

Мы изучили предложение, а теперь давайте изучим спрос.

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

Наберите в браузере wordstat.yandex.ru. Этот инструмент позволяет узнать как часто посетители набирают тот или иной запрос в Яндексе.

Итак, заходим на wordstat.yandex.ru и пишем наш запрос, в ответ получаем примерно такую картину:

Рис. 2.2 Оцениваем величину спроса.

Мы видим, что такой запрос набирают примерно 2500 человек в месяц. Эти цифры вы можете использовать для оценки величины спроса.

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

Примечание. Помните, что запрос запросу рознь. Что это значит? Отнеситесь к подбору ключевых запросов внимательно, поскольку если выбрать неправильные ключевые слова – это даст неверную оценку рынка.

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

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

Google Trends и Google Correlate. Откройте Google Trends и введите запрос ”прокат авто”.

На рис. 3 вы видите, что спрос в целом растет, но вероятнее всего это связано только с ростом аудитории в Интернете.

Если вы не проводите предварительные исследования перед началом

проекта - ваши риски по рентабельности проекта крайне высоки.

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

Рис. 2.3 Использование Google Trends для оценки спроса.

Упражнение. Проведите анализ спроса и предложения при помощи Яндекс, Wordstat и Google Trends.

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

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

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

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

● насколько сильны конкуренты

● как они оценивают рынок и потребителя

● цены

Изучаем конкурентов

Набираем свой целевой запрос в Яндекс и смотрим, кто попадает в ТОП10 по данному запросу.

Далее вы посещаете их сайты и по крупицам собираете информацию о них и заносите в сводную таблицу.

Что нас интересует в первую очередь:

● их цены

● их УТП

● какой сервис или продукты они предлагают

● посещаемость

● по каким ключевым словам они продвигаются в поисковых системах

C ценами все и так ясно. Цены конкурентов надо знать. Эта информация может быть полезна при составлении своего уникального торгового предложения.

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

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

Посещаемость может помочь вам определить, как идут дела в плане продаж у клиента через сайт. Если вы представляете средний показатель конверсии и средний чек, то вы можете определить сколько примерно клиентов он имеет в день через сайт. Есть несколько способов определить посещаемость. Один из самых простых заключается в следующем: наберите в строке браузера http://counter.yadro.ru/values?site=site.ru и подставьте вместо site.ru адрес сайта своего конкурента.

Вы получите примерно следующий результат: LI_site = 'site.ru';

LI_month_hit = 3183;

LI_month_vis = 1060; LI_week_hit = 723; LI_week_vis = 255; LI_day_hit = 107; LI_day_vis = 35; LI_today_hit = 8; LI_today_vis = 4; LI_online_hit = 1; LI_online_vis = 1;

Показатель LI_month_vis – это количество посещений за месяц.

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

Существует множество различных онлайн-сервисов в интернете для анализа ключевых слов конкурентов. Вы без труда их найдете через поисковые системы.

Упражнение. Проведите анализ конкурентов, используя ТОП10 Яндекса, и зафиксируйте результаты в сводной таблице.

Также необходимо пару слов сказать об одной полезной методике оценки конкурентов (да и своего бизнеса тоже), которая позволит вам по-новому взглянуть на различные аспекты рассматриваемого бизнеса. Я говорю о SWOT:

1 Первое, что вы должны сделать в рамках SWOT – это выявить, какие сильные стороны (Strengths) есть у данного бизнеса. В чем его преимущества по отношению к другим конкурентам?

2 Далее определите в чем слабость (Weaknesses) бизнеса на данный момент. Как вы можете использовать это?

3 Какие у них есть возможности (Opportunities)?

4 Откуда исходят угрозы (Threats)?

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

Упражнение. Выполните SWOT анализ своего бизнеса и ваших конкурентов и зафиксируйте результаты на бумаге.

Самое главное – никогда не стесняйтесь подсматривать за конкурентами. Это отличный метод для увеличения своей конкурентоспособности. Только не копируйте слепо – анализируйте, сопоставляйте, адаптируйте и внедряйте.

SWOT-анализ – strengths (сильные стороны), weaknesses (слабые стороны),

opportunities (возможности) и threats (угрозы).

На данный момент мы уже довольно хорошо представляем, ЧТО и КОМУ мы продаем. Мы знаем, ПОЧЕМУ они, клиенты, у НАС покупают. Мы знаем наших КОНКУРЕНТОВ в лицо и имеем представление о рынке.

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

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

Глава 3. Проработка будущего сайта

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

Аудитории, цели и механизмы

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

После того, как вы определили свои аудитории, необходимо понять их цели. Для каждой аудитории определите их главные цели. Зачем они пришли на сайт? Что они ищут?

Теперь важно определиться со своими целями и определить что же нам нужно от каждой их этих групп. Для этих целей выделяют 4 категории:

● вывод клиента на личный контакт. Это значит, что целевым действием клиента может быть звонок, заполнение формы, отправка сообщения на email.

● уменьшение издержек на обслуживание клиентов. Многие компании содержат огромные call центры и службу технической поддержки. Сайт может взять на себя часть функций поддержки. Это может быть корпоративный блог, сервис вопросы-ответы (так называемая база знаний) с возможностью поиска, видео инструкции и многое другое. Главная цель – разгрузить обслуживающий персонал.

● повышение лояльности. Лояльность клиентов для любого бизнеса очень важна. Лояльность позволяет сгладить ваши слабые места. Это очень хорошо можно видеть в сфере хостинга сайтов. Если хостер обеспечивал высокую надежность в течение длительного времени, то какие-то краткосрочные неисправности на серверах не приведут к волне негодований среди клиентов данного хостинга. Напротив, если хостер оповестит своих клиентов упреждающим письмом, то клиенты еще раз заметят внимание к ним с его стороны. Описанный пример описывает, как негативное явление может быть истолковано как позитивное в глазах клиента. Однако следует отметить, что если это станет нормой, то лояльность будет очень быстро потеряна. Достижение лояльности требует очень кропотливой и постоянной работы. Потеря лояльности – процесс быстрый и труднообратимый. Как повысить лояльность клиентов? Очень просто: всегда удовлетворяйте их потребности, предугадывайте их, давайте им немного больше чем то, на что они рассчитывали. И всегда извиняйтесь, если вы допустили ошибку. Как сайт может помочь в повышении лояльности? Во-первых, это постоянная информационная поддержка – вы должны давать клиенту то, что он хочет; во-вторых, это удобство пользования и понятность сервиса. Сделайте свой сервис понятным настолько, насколько это возможно. В-третьих, предлагайте своим посетителям какие-нибудь сюрпризы и бонусы. Это просто приятно.

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

В качестве примера приведу аудитории своего сайта rudensoft.ru. У нас идет разделение всех посетителей на 3 аудитории:

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

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

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

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

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

Аудитория

Ее цель

Наша цель

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

Рассмотрим наш пример с прокатом авто. Допустим, у нас есть 3 аудитории: прокат для торжеств, прокат для некоторой хозяйственной деятельности и прокат для путешествий.

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

Хорошо представляйте себе, какие есть

аудитории у сайта и их цели в контексте сайта

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

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

У каждого способа есть свои преимущества. Например, телефон позволяет вести диалог со своим клиентом и на месте выяснять все нюансы, как со стороны клиента, так и со стороны поставщика услуг.

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

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

Задание. Добавьте в рассмотренную выше таблицу колонку с механизмами, необходимыми для достижения целей клиента и вашего бизнеса.

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

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

Создаем макеты страниц

Существует такая наука – Interaction Design (проектирование взаимодействия), которая позволяет проектировать интерфейс исходя из опыта взаимодействия пользователя с системой. Здесь мы коснемся только самых основ. Но этого будет вполне достаточно, чтобы спроектировать грамотный интерфейс.

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

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

Сначала это будет несколько непривычно, но, немного потренировавшись и отпустив свою фантазию на свободу, вы сможете придумать довольно реалистичные портреты своих клиентов.

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

Задание. Создайте свои персонажи и максимально подробно опишите их.

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

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

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

Не намного легче и с дизайнером. Его главная задача – гармония в дизайне. Чтобы глазу было приятно. Например, крупный телефон – это не эстетично. А давайте-ка сделаем его рукописным шрифтом, чтобы клиент не смог прочитать его с первого раза. В дизайне, как и в рекламе, очень часто наблюдается парадокс: выставки выигрывают очень красивые дизайны и рекламы, но не эффективные. На мой взгляд, главная задача дизайна – вести пользователя системы за руку к его целям. Все остальное – не имеет значения. Посмотрите дизайн сервисов Яндекса, Google, Вконтакте или Озон. Там нет ничего лишнего. Кто-то может подумать, что там полное отсутствие дизайна, но именно это и есть настоящий дизайн.

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

Задание. Напишите цели и сценарии взаимодействия для каждого персонажа.

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

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

Начните делать макет с определения общих частей всех страниц. Мы, разработчики, называем подобные макеты мастер-страницами. На их основе создаются все остальные макеты. Обычно в роли общих элементов макета выступают: шапка (верхняя часть сайта), главное меню сайта, подвал (нижняя часть сайта). Спросите своих персонажей, что они думают об этих частях сайта. Что они хотели бы там увидеть. Пожалуйста, не забывайте обращаться к ним по имени. Уважайте их – они помогают вам создавать правильный сайт. Называя их по имени, а еще лучше имея их фотографии, вы добавляете реализма своим персонажам.

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

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

Стоит особо отметить один макет, который обычно необходим на всех сайтах. Я говорю о макете страницы с типовым текстовым контентом. На вашем сайте в любом случае будут страницы с текстом и вы (вернее ваши персонажи) должны заранее решить, как будет выглядеть текст на вашем сайте.

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

Желаете удобный сайт для вашего бизнеса?

Используйте проектирование взаимодействия.

А теперь попробуйте провести небольшое тестирование. Разложите все макеты на столе и попробуйте “побродить по сайту” в качестве каждого персонажа по очереди. Вы можете не рассматривать других людей, поскольку это не ваша целевая аудитория.

Допустим, вы показываете свои макеты человеку из своего окружения. Это могут быть ваши друзья, коллеги или родственники. Он говорит, что “тут все и так понятно” или, наоборот, ему ничего непонятно. Не принимайте близко к сердцу – он не из вашей целевой аудитории.