Вы находитесь на странице: 1из 146
Скачивайтекрутыекнигибесплатнонаканале t.me/marketologmanager

Скачивайтекрутыекнигибесплатнонаканале

«Какувеличитьпродажинасайте.На30%за1неделю»:Москва;2017

ISBN978-5-370-04168-6

Аннотация Этакнигаотом,каксминимальнымивложениямиполучитьпервую прибыльиувеличитьпродажинавашемсайте. В ней обобщен 9-летний опыт автора в интернет-продажах и результаты работы с 35 бизнес-тематиками. Вы узнаете, как мотивировать посетителей вашего сайта и вызвать их доверие; научитесь правильно отстраиваться от конкурентов и правильно подавать цену на услуги. Здесь есть множество полезных «фишек», секретов и техник – используя их, вы сможете быстро увеличить эффективностьиотдачувашегосайта. Книгарассчитананаширокийкругчитателей.Онабудетинтересна как директору компании, интернет-маркетологу, так и начинающему бизнесмену. Лучшеевремяначатьпродавать–сейчас!Прочтякнигу,выбудете точнознать,какэтосделать. М.В.Кокухина

Какувеличитьпродажинасайте.На30%за1неделю

©М.Кокухина,2017

©ООО«Омега-Л»,2017

©ООО«КнижкинДом»,оригинал-макет,2017

*** ЯвыражаюискреннююблагодарностьсвоимродителямВалентинуи Елене,своейсестреСветланезаихлюбовьиподдержкувнаписаниикниги

«Какувеличитьпродажинасайте:на30%за1неделю».

Благодарю Жанну Фролову, руководителя издательства «1000 бестселлеров»,ивсехегосотрудников,принимавшихучастиевсоздании книги,ведьименноблагодаряихстараниямвысейчасдержитееевруках. Инаконец,явыражаюсвоюблагодарностьвам,мойчитатель.Эта книганаписанадлявас.Именновывдохновилименянаеенаписание. Садитесьпоудобнее,сваритесебечашечкукофе,укройтесьтеплым пледом–имыначнем. Всеготово?Тогдапоехаливувлекательныймирпродаж! МарияКокухина Введение Когданеладилисьпродажи,

Бюджетрекламбылнануле,

Конецделамказалсядаже,

Фортунашла,нонекомне.

ВСетиискалнавсеответы,

Ответпришелиздалека:

Нужнывмаркетингесоветы? ТогдавамточновПРОФ-МК! А.Полевой Эта книга о том, как увеличить продажи на вашем сайте, с минимальнымивложениямиполучитьпервуюприбыльиподнятьпродажи

нановыйуровень.Вкнигесобрандевятилетнийопытавторавинтернет-

маркетинге,результатыличногоиспользования35тематикбизнеса,атакже

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

характерныедля95%владельцевсайтов.

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

Обавторе

МарияКокухина–экспертпоаудитусайтов,увеличениюинтернет-

продаж.Основательстудии«PROF-MK.RU».Автор-разработчиклоготипа ланшафтногопарка«Зарядье»,расположенноговцентреМосквы.

•Опытвинтернет-маркетинге–9лет.

• 17 публикаций в таких журналах и порталах, как «Генеральный

директор», «Интернет-маркетинг», «Маркетолог», «PR в России», «SEOnews»,«LPgenerator».

•Личныйопытработыс35тематикамибизнеса.

•159проведенныхаудитовсайтов.

•ПрестижныйсертификатотGoogle–«СертификатGoogleAnalytics».

•Полнаясертификация1С-Битрикс.

•Собственныйжурналпоинтернет-маркетингу«Большиепродажи». • 2 диплома о высшем образовании: программист-математик и маркетолог.

• На заре своей карьеры руководила отделом программирования в

крупнойкомпании.

• Руководила отделом от создания сайтов с нуля до продвижения

различнымиспособами:SEO,SMM,контекстнаярекламаит.д. •Руководилаотделоммаркетингавразличныхкомпаниях. •Опыторганизацииотделамаркетингаснуля.

• Большой опыт запуска start-up проектов с нуля (сайты, интернет- магазины). КОМПЬЮТЕРНЫЕНАВЫКИ

• Программирование на C/C++, Objective-C, HTML, CSS, JavaScript

(включая инструмент Firebug), jQuery, PHP5, Ajax, MySQL5, SQL, XML/XSLT. •ЗнаниеZendFramework(немного),DOM,JSON. •УстановкаинастройкаApache,PHP.

•CMS:1С-Битрикс,WordPress,Joomla,MODX,самописные.Unix/Mac

OS.

•Web-редактор:Dreamweaver8,Notepad++

•Шаблонизатор:Smarty. •Управлениепроектами:MSProject,MSVisio. •Проектировщикинтерфейсов:Axure. •Графическиепрограммы:AdobePhotoshop.

Глава1.Основысайта

Основныеошибкиприсозданиисайта

Многиекрупныекомпаниитратятбольшиеденьгинадизайнсвоего

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

некрасивый?Отчасти,ноэстетикасамапосебенегарантирует100%-ного

успеха.Нужноразграничиватьтакиепонятия,какпотребительскийтовари платформадляпродаж,т.е.сайт. Давайте рассмотрим пример. Перед вами красивый автомобиль. Он будет продаваться лучше, чем его уродливая альтернатива. И все-таки автомобиль–этосампотребительскийтовар.Асайт–этоплатформадля продажтоваровилиуслуг.Этодваразныхпонятия.Непутайте! Сайт может обладать красивым дизайном, но быть сложным в использовании: запутанная навигация, формы с большим количеством полейдлязаполнения,отсутствиепризывакдействию(илиихслишком много),малыйразмершрифтаит.д.Вотличиеоткрасивогоавтомобиля, которыйредкокогдаокажетсятруднымвиспользовании. В погоне за красивым сайтом разработчики часто забывают о его удобстве. При виде красивого сайта посетитель скажет: «Да, красивый сайт.Нооннеработает,какяожидал». Веб-дизайнерможетсомнойнесогласиться.Ивсе-такичтоонставит присозданиисайтавоглавуугла?Чтоявляетсяегоприоритетнойзадачей при разработке? Большинство дизайнеров уделяют больше внимания внешнемувиду.Ноглавнаяцельсайта–продаватьбольше.Аэтонапрямую связаносюзабилити. Юзабилити-специалист отдает предпочтение удобству сайта для обычного посетителя, а не визуальной привлекательности. Например, графическиеэлементыдобавляютсянасайт,толькоеслионинеобходимы. Чтобыусилитьжеланиепосетителейвыполнитьнеобходимыедействияна сайте. Навигационноеменюпредназначенодляпростотывиспользовании.А лишние элементы, которые засоряют сайт, просто удаляются. Не стоит загромождатьегоиусложнятьструктуру.Важнонайтиверныйбаланспри

разработке дизайна: он должен упрощать работу с сайтом, делая ее комфортной.Простойифункциональныйдизайнподразумеваетудобство,а не«а-ля»дизайнсайта,сделанныйнаколенке. Посмотритенакрупныекомпании,такиекакGoogle,Microsoft,Яндекс ит.д.,–всеонииспользуютплоскийдизайн.Довольнопростой,безвсяких нагромождений, лишних деталей. Вам комфортно находиться на таких сайтах?Думаю,да.Воттакойсайтинужностремитьсясделать. Плоский дизайн в сочетании с минимализмом позволит передать ощущениероскоши,ультрасовременности. Рекомендую использовать полуплоский дизайн. Выглядит он как плоский, но включает в себя тонкие ЗБ-тени, блики, которые позволят создатьнекоторуюглубинувпользовательскоминтерфейсе. На первый взгляд может показаться, что плоский дизайн легко проектировать,однакоэтонетак.Вплоскойконструкциинужнотщательно продумывать, как вы будете отображать кликабельность интерактивных элементов–ссылки,кнопки,поляформыит.д. Например,неследуетиспользоватьодинитотжецветдлякнопкии для отдельного фона статического объекта. Если на вашем сайте определенный цвет интерпретируется как ссылка, то не следует использоватьегодляобычноготекста. Не вводите посетителей в заблуждение. Ваш дизайн должен тонко подсказыватьпосетителям,чтокликабельно,ачтонет. Основныеошибкиприсозданиисайта:

1.ОТСУТСТВИЕЦЕЛИ

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

2.ЛИЧНЫЕПРЕДПОЧТЕНИЯ

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

3.НЕПРОДУМАННАЯСТРУКТУРАСАЙТА

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

4.НЕЗНАНИЕЦЕЛЕВОЙАУДИТОРИИ

К сожалению, многие предприниматели плохо представляют свою

целевую аудиторию. А это очень важно – понять, кто они, посетители

вашегосайта,каконивообщевзаимодействуютссайтами.Создайтетри-

пять персонажей из каждой группы вашей целевой аудитории. Это позволитвамлучшепонятьихпроблемыисоздатьсайт,которыйотвечает потребностямклиента. Было бы ошибкой создавать сайт, не проведя исследований относительноцелевойаудитории. Сайт дает совершенно новые способы ведения бизнеса. Если ваша цель–получениеприбыличерезИнтернет,тонесовершайтеподобных ошибок. Ваш,сайтвИнтернете–этокакпесчинкавоВселенной.Еслионне устраивает посетителей, то они легко смогут найти другой сайт, которыйихустроит. Чтобыпосетителиполучиливосторготработысвашимсайтом,он должен быть очень точным, как помощник хирурга, который передает нужныеинструментытогда,когдаонинеобходимы,инемешаетприэтом. Тот, кто испытал однажды восторг от вашего сайта, будет чаще рекомендоватьвашитоварыилиуслуги,чащевозвращатьсянасайт.Тоесть выполучитеклиентов,лояльныхквашейкомпании. Восторгпользователядостигаетсязасчеттого,чтосайтработаеттак, какожидалось(илилучше),отвечаетпотребностямпользователявнужное времяивнужномместе.Итак,ответьтенавопросы:«Чтожевыхотитеот вашегосайта?Чтобыонпродавалилитольконравилсявам?»Оченьмногие компании при разработке сайта оставляют интересы целевой аудитории неучтенными.Втакомслучаестоитлиудивлятьсяобъемупродаж? Какправильносоздатьстраницуснуля Представьте себе такую ситуацию. Вам нужно создать на сайте страницуснуля,ивасначинаетодолеватьстрах.

Вголовекрутятсямысли:

Счегоначать?

Каквсеорганизоватьнастранице?

Чтобудетглавным,чтовторостепенным?

Вывпадаетевступор…

Витогестраницанесоздается.

РЕШЕНИЕ

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

вас,каквсеправильноорганизоватьнастранице.

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

сложного.Какговорится,глазабоятся,арукиделают.

Какимдолженбытьподходкпроектированиюстраницыснуля,какие

моментыследуетучитыватьприеесоздании?Решитедлясебяследующее.

1.Какиедействия,повашемумнению,посетительдолженвыполнить

настранице?

2.Какиеэлементыхотитеотобразить?Составьтесебекраткийплан.

3.Определитесьсприоритетомэтихэлементов.

Теперьразберемэтипунктыподробнее.

ПО ВАШЕМУ МНЕНИЮ,

ПОСЕТИТЕЛЬДОЛЖЕНВЫПОЛНИТЬНАСТРАНИЦЕ? Еслидействийнастраницеслишкоммного,этотолькозапутаетваших посетителей и

принятия решения.

Предпочтительнее выделить одно целевое действие. Например, если вы читаете статью на сайте, то целевое действие для этой страницы –

подписатьсянарассылку.Еслижеэтостраницатовара,тоцельсостоитв том,чтобызаставитьпосетителяположитьтоварвкорзину. 2. КАКИЕ ЭЛЕМЕНТЫ ХОТИТЕ ОТОБРАЗИТЬ? СОСТАВЬТЕ СЕБЕКРАТКИЙПЛАН Представьтеввидеспискавсето,чтодолжнобытьотображенона странице.Сформируйтеееплан. Например,длястатьипланбудетследующим:

1.

КАКИЕ

ДЕЙСТВИЯ,

парализует сам процесс

1.Заголовок.

2.Текст.

3.Датапубликации.

4.Имяавтора.

5.Социальныекнопки.Возможностьподелитьсястатьей.

6.Блок«Подписатьсянарассылку».

7.Блок«Оставитькомментарий».

Каквидите,вседовольнопросто.Главное–непугаться.

3.ОПРЕДЕЛИТЕСЬСПРИОРИТЕТОМЭТИХЭЛЕМЕНТОВ

Теперьвыдолжнырешить,чтосамоеглавноеввашемсписке.Что являетсявторымважнымэлементом,третьимит.д.Расставьтеприоритеты постепенизначимости. Например,статья.Чтотутсамоеважное?Наиболееважнымэлементом длявасбудетзаголовокстатьи.Занимможетследоватьимяавтора,есливы хотитеподчеркнутьэто.Датапубликации. Однако если вы не хотите акцентировать ее, то дату следует разместитьпослестатьи. Далеевнашемсписке–количествокомментариевкстатье.Еслионо равнонулю,тоданныйблокследуетскрытьотглазпосетителей. Наконец,самтекст. Социальныекнопки. Затемблок«Подписатьсянарассылку». Блок«Оставитькомментарий». Вотмыирасставилиприоритетыэлементовнастраницепостепени важности. Вы можете расставить их в своей последовательности по степени значимостидлявас.Сутьтого,какэтонужноделать,выуловили.Остается толькосделатьнанихвизуальныйакцентпостепениважности. При создании страницы с нуля нужно учитывать интересы ваших посетителей.Чтоонихотятувидетьнаданнойстранице,ането,что хотитевидетьнанейвысами. ЗАДАНИЕ

1.Возьмителистокбумагиикарандаш.

2.Сделайтенабросоквашейбудущейстраницы.Причемпроектируйте

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

Глава2.Всеоюзабилити

Чтоэтотакое Чтотакоеюзабилити?Далеконевседоконцапонимаютсутьэтого термина, с чем связано зачастую плохое юзабилити сайтов. Дословно usability означает «возможность использования», «способность быть использованным»,«полезность».Давайтерассмотримэтотмоментболее подробно. РЕШЕНИЕ Юзабилити–этото,чтосоздаетжелаемыйопытдляпользователей. Многие компании при разработке сайта вообще не учитывают

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

секунд.Заэтовремяпользователиуспеваютоценитьполезность,удобство,

характервзаимодействияссайтом.

Решенияпринимаютсянаосновеследующихвопросов:

1.Естьличто-тотутдляменя?

2.Какуювыгодусайтнесетмне?

3.Легколипользоватьсясайтом?

4.Вселипонятноспервогораза?

Еслипосетителиответилинавсевопросы«да»,товашсайтпрошел первуюступеньуспешно. Юзабилити удовлетворяет потребности посетителей сайта. Он передаетпростоту,удобство,легкостьосвоения,доставляетрадостьот взаимодействияссайтом. Вашацель–создатьсайт,которыйхотятивкоторомнуждаютсяваши посетители. Атрибутыкачественногосайта •Эффективность.Насколькобыстропосетителимогутвыполнитьте илииныедействиянасайте.

• Запоминаемость. Если посетитель долго не заходил на сайт, как

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

•Удовлетворение.Насколькоприятен,комфортенсайтпосетителям?

Почемутакважноюзабилити?

Удобствоипростотаиспользованияявляетсянеобходимымусловием

длявыживаниясайтавИнтернете.

Людипокинутсайт,если:

•сайтомтруднопользоваться;

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

посетителимогуттутделать; •посетителизаблудилисьнасайте; •информациюнасайтетяжелочитатьилионанеотвечаетключевым запросампосетителя. Закон электронной коммерции: если посетители не могут найти продукт,онинемогутегокупить. Мераюзабилити Мерой юзабилити является стоимость взаимодействия. Стоимость

взаимодействия – это умственные и физические усилия посетителей, направленныенато,чтобыдостичьсвоейцели.Например,вызаходитена сайт и сразу получаете ответ. Это означает нулевую стоимость взаимодействия.Однакоонаредкодостижима. Какправило,сайтпредлагаетмноготакого,чтоможетзахотетьсделать посетитель. Он, например, должен прочитать, кликнуть на ссылку, дождатьсязагрузкистраницы,азатемповторитьпроцесс. Сайты должны стремиться минимизировать стоимость взаимодействия,необходимогодлядостиженияцелейпосетителей. Минимизировать,вчастности, •загрузкустраницивремяожидания; •количествокликов; •осмыслениеинформации,представленнойнасайте; • оглядывание по сторонам, чтобы найти нужную информацию (визуальныепомехи),ит.д. Быстрая оценка стоимости взаимодействия может сэкономить вам многоденегвдолгосрочнойперспективе.Сделайтекаждыйшагкакможно проще. Сайт, который минимизирует стоимость взаимодействия, имеет лучшиешансынауспех. Частаяошибкавюзабилити Чтобы ваш сайт процветал, был успешным, вы должны ориентироватьсянапользователя,наегопотребности.Многиепонимают это,нонезнают,чтодляэтогонужносделать. Этонаиболеечастаяошибкавюзабилити–приниматьсубъективные решения, основанные на личных предпочтениях, на том, что мы сами думаем,аненатом,чтодумаетобэтомпосетительвашегосайта.Очень частоеговладелецнезнает,чтоявляетсяистиннойценностьюдляклиента. Неимеетзначения,сколькоуслуг,товароввывыпускаете.Еслиони– мусор,тоновыетовары,услугивыгрузитевобщийкотел. Ориентациянапользователя–этодостижениевашихцелейнадолгий срок.Выдолжныориентироватьсянааналитику,пользователей,анена своепредпочтение.Повторяю,ненужнопроектироватьсайтывслепую,вы должнызнать«боль»вашегоклиента. Вы–непредставителицелевойаудиториидлявашегосайта! Очень важно доверить юзабилити-аудит тем, кто понимает психологиюпосетителей,ихповедениевтойилиинойситуации. Любую теорию нужно проверять и давать достаточно времени для тестирования,чтобывконцеконцовбылисделаныправильныевыводы. Есликакой-товопросспорный,толучшийспособегорешить–проверка.Я

всегдаговорюэтосвоимклиентам:«Давайтепроверимэто!»Темсамымвы быстроилегкодокажетеилиопровергнетесвоипредположения.Практика иещеразпрактика!Тестируйтесвоигипотезы. Важныеотчетываналитике Пользовательскийопыт–этовсеаспектывзаимодействияпосетителя ссайтами,товарамииуслугами. Сосредоточьтевашевниманиенапользовательскомопытеибудетвам успех! Накакиемоментыследуетобращатьвниманиевходеанализа?

1.КАКБЫСТРОРАСТЕТМОБИЛЬНЫЙТРАФИКНАСАЙТЕ?

Этаинформацияполезна.Чтопредпочитаетвашацелеваяаудитория при просмотре вашего сайта – мобильные устройства или компьютер? Какуюотдачувамдаютмобильныеустройствапосравнениюсобычным сайтом? Выдолжныанализироватьскоростьростамобильныхпосещенийна вашресурс. 2. СКОЛЬКО ЛЮДЕЙ, ПРИШЕДШИХ НА САЙТ ЧЕРЕЗ СОЦСЕТИ, ДОСТИГЛИ ЦЕЛИ (НАПРИМЕР, КУПИЛИ ТОВАР/ УСЛУГУ)? Это позволит вам распределить рекламный бюджет в те соцсети, которыедаютнаибольшуюотдачу.

3.КАКИЕИСТОЧНИКИДАЮТБОЛЬШУЮКОНВЕРСИЮ?

Знаяэто,выраспределитесвойбюджетболееграмотно.Постепени

отдачиотних.

4.

СКОЛЬКО

ПОСЕЩЕНИЙ

ПОТРЕБОВАЛОСЬ

ПОСЕТИТЕЛЯМДЛЯКОНВЕРСИИ? Таквыузнаете,сколькопосещенийдолжнопройтидосделки.

5.КАКИЕДЕЙСТВИЯЛЮДИВЫПОЛНЯЮТНАСАЙТЕ?

Знание этого позволит улучшить сайт в плане юзабилити, если вы найдетеошибкииисправитеих. Аналитика (Яндекс.Метрика, Google Analytics) предоставляет огромноеколичествоинформации,направленнойнато,чтобыпомочьвам сделать сайт более удобным и понятным для ваших пользователей. Эти

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

Такжеследуетучитыватьто,чтопользователивИнтернетеразные:

• одни медленно выполняют задачи на сайте (медленные пользователи); •другиеболеебыстрые(быстрыепользователи). Тоестьоднилегкомогут«плыть»посайту,другие–«вязнуть».Важно

сделатьегопонятнымдлявсех,чтобыонневызывалникакихсомненийпо поводутогоилииногодействия. Вынеможетевыбиратьсебетолькобыстрыхпользователей.Трафик на сайте разнородный. Ваш сайт должен удовлетворять всех, кто его посещает,независимоотспособностей. Всезаслуживаютдостойногосервиса. ЗАДАНИЕ Откройте Яндекс.Метрику или Google Analytics. Ответьте на следующиевопросы:

1.Какбыстрорастетмобильныйтрафикнасайте?

2.Скольколюдей,пришедшихчерезсоцсети,достиглицели?

3.Какиеисточникидаютбольшуюконверсию?

4.Сколькопосещенийпотребовалосьпосетителямдляконверсии?

5.Какиедействиялюдивыполняютнасайте?

Стандартыюзабилитиприпроектированиисайтов Вюзабилитиестьопределенныестандарты,которыеприменяютсяпри проектированиисайтов.Ониоснованынамноголетнемпользовательском опыте, но часто не соблюдаются компаниями. Когда эти стандарты нарушаются, использование сайта требует от посетителей определенных усилий.Унихвозникаютвопросы:«Чтоэтотакоенасайте?Гденайти это?» Чтосчитаетсястандартом? Стандарт – это когда 50 % и более крупных сайтов размещают элементыводномитомжеместе. Отклоняться от стандартов стоит в том случае, когда ваш

альтернативныйвариантна100%удобнее,проще,понятнее.Еслименее50

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

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

Ивоткакиерезультатыполучила.

•Там,гделоготипрасполагалсявлевойчасти,запоминаемостьего былавыше,чемтогда,когдаонстоялпоцентру.Тоестьпосетителичаще вспоминалиназваниекомпании,когдалоготипбылпредставленвлевом верхнемуглупосравнениюслоготипом,расположеннымвдругомместе. •Логотипы,расположенныеслева,воспринималисьпосетителямичуть болеестильными,уникальными,чемте,которыерасполагалисьпоцентру. • На сайтах с левым логотипом посетители значительно чаще возвращались на главную страницу, чем на сайтах с центрированным логотипом. • С логотипом, расположенным по центру, у многих посетителей возникалипроблемы. Чтобы вернуться на главную страницу, они вместо логотипа чаще нажималинапервыйразделменюслевойстороны.Тоестьпользователи нажималикрайнююлевуюссылкуслучайно,посколькупривыкливидеть наэтомместелоготип. Сайт должен отвечать ожиданиям пользователя. Если что-то располагается нетрадиционно, то это заставляет пользователя тратить времянапонимание,чтоикакувасустроенонасайте,вместотого,чтобы сразувыполнятьжелаемыедействия. Соднойстороны,людейпривлекаетновизна.Сдругойстороны,когда вы нарушаете привычные модели, то рискуете вообще потерять ваших посетителей. Ядроюзабилити:вы–невашпользователь. Ваши решения по оптимизации сайта должны основываться на предпочтенияхпользователей,аненавашемличномпристрастии. Всегдапроверяйте,тестируйтегипотезынареальныхклиентах. Удобство, функциональность, простота, понятность – залог успеха вашегосайта.Чембольшевыдадитепосетителямтого,чтоонихотят,тем большепродажвыбудетеиметь.Самаялучшаястратегия! Какпосетителичитаютonline-страницы Мало кто в курсе того, как посетители читают текст на странице.

Некоторыедумают,чтооничитаютвсеподряд.Важноиметьправильное

представлениеобэтом.Знаниеотом,какэтопроисходит,позволитвам

повыситьпродажи.

РЕШЕНИЕ

Посетители читают страницы по F-образной схеме. Они сканируют текстсверхувниз,слеванаправо. ЧТОЖЕПРЕДСТАВЛЯЕТСОБОЙF-ОБРАЗНАЯСХЕМА? •Посетителиначинаютчитатьтекствгоризонтальномнаправлении, поверхнейчастисодержимого.

• Далее взгляд читателя перемещается вниз страницы. Затем он в

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

• Затем посетитель просматривает левую сторону в вертикальном

направлении. Шаблонсканированиятекстаупосетителейневсегдасостоитизтрех частей, напоминая букву F. Иногда шаблон сканирования будет больше напоминатьбуквуЕ,чемF.Вдругихслучаях–буквуL.Ночащевсего сканированиетекстабудетнапоминатьбуквуF.Чтениеслеванаправо. ЧТОДАЕТЗНАНИЕF-ОБРАЗНОЙСХЕМЫ •Посетителинебудутчитатьваштекстполностью. • Первые 1-2 абзаца должны содержать наиболее важную информацию,чтобызацепитьпосетителей. •Заголовки,подзаголовкииспискипривлекутвниманиепосетителей

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

Посетителивсреднемтратятнапервыйпросмотрстраницы29секунд.

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

•70%временизанимаетпросмотрлевойстороныэкрана,

•30%–просмотрправойполовиныэкрана.

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

Помните,чточтениетекстасэкранана25%медленнее,чемчтениес

бумаги. Посетители не хотят читать много текста в Интернете, они предпочитаютегопростосканировать,выхватываяважныедлясебякуски. ЧАСТЫЕОШИБКИМНОГИХСАЙТОВ Первые абзацы, с которых начинаются страницы, часто называют «бла-бла»–текстами.Много«воды»иничегоконкретного.Обычнопервые абзацыпропускаются.Пример«бла-бла»–текста:«Добропожаловатьна нашсайт,радывасвидетьинадеемся,чтовынайдетенашсайтполезными т.д». Обращайтевниманиенапервыеабзацыввашемтексте.Убирайте весь«бла-бла»–текст,ненесущийникакойценностидляпосетителей. Вашпервыйабзац–этократкоевведение,отражающеесутьстраницы. Онодолжнопомочьпосетителямлучшепонятьостальнуючастьконтента.

Вашпервыйабзацдолженотвечатьна2вопроса:

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

Ловушка:правило3-хкликов

Есливыработаетевинтернет-маркетинге,тоскорейвсегослышалио

правиле3-хкликов.Еслинет,тоясейчасвамрасскажуонем.

Правило3-хкликовгласит:«Выдолжныпредставитьинформациюв

пределах3-хкликов».

Этоправилоисходитизтого,что:

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

Вашацель–непопастьвловушку3-хкликов.

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

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

равномернораспределитьмежду5страницами,пытаютсяуместитьв3.В

итоге начинают требоваться дополнительные усилия посетителей для понимания того, что нужно сделать дальше для достижения цели. Стоимостьвзаимодействиявозрастает. Каждыйкликнесетвсебе«запах»информации.Какфруктыпахнут, такиссылкитоже«пахнут».Посетителипродолжаюткликатьнассылкидо техпор,покачувствуют«запах»,говорящий,чтоонинаправильномпути. Тутважныйакцентдолженбытьсделанненаколичествокликов,анато, каклегкопосетителюсделатьих.Представьтесебеситуацию:вывстали утром,чиститезубы,принимаетедуш,завтракаете,одеваетесьит.д.Все этовыделаетенаавтопилоте.Такжеисоссылками.Непопадайтесьв ловушку 3-х кликов. Остановите подсчет кликов, которые потребуются посетителю,чтобыдостичьцели–начнитеделатьтак,чтобысделатьклики былопроще. ЗАДАНИЕ 1. Посмотрите на ваши страницы, участвующие в цепочке продаж. Насколькоонипросты?Незагроможденылилишнейинформацией? 2.Уберителишний «шум»наэтих страницах.Сделайтетак, чтобы посетителямпрощеиудобнеебылодобиратьсядосвоейцели.

Глава3.Отстройкаотконкурентов

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

намного шире. И желательно учитывать ее всю: знание своей целевой аудитории–этосилавпродажах! РЕШЕНИЕ Вы должны составить максимально подробный профиль каждого вашегоклиента.Чемонбудетточнее,темэффективнеебудетработатьваш сайт и реклама на нем. Компания должна четко представлять портрет каждого типа клиента из своей целевой аудитории. Чем он живет, чем дышит,чеминтересуется,каковыегопроблемыит.д. По сути, вы создаете вымышленный персонаж, который является представителем одной из групп вашей целевой аудитории. Портрет типичного пользователя вашего продукта. Вам достаточно создать 3-7 персонажей,которыеотразятвсеразнообразиевашихпосетителей. Нужно выделить конкретные детали и важные особенности каждой группы. Персонажи – это простой способ описать целевую аудиторию ваших товаров и услуг. Без персонажей компания рискует создать сайт, способныйудовлетворитьтолькооднуизгрупп. Каждыйтиппосетителейзаходитнасайтсразнымицелями,задачами. Необходимовыделитьтехарактеристики,которыеотражаютконкретную группу пользователей. Без этого вы не сможете спроектировать пользовательский опыт каждой из них. Сосредоточьтесь на их отличительныхособенностях,азатемможетедобавлятьдополнительную информацию. Чтоженужнознатьосвоейцелевойаудитории? •Пол. •Возраст. • Внешность (можно добавить фото, присущее данной целевой аудитории.Этопозволитлучшезапомнитькаждыйперсонажизгруппы). •Семейноеположение. •Образование. •Родзанятий. •Уровеньдохода. •География:регион,городпроживания. •Интересы,увлечения. •Вкакихсоцсетяхобщаются. •Какиеунихпотребности. •Какиепроблемыихволнуют. •Чегобоятсявашипокупатели. •Ит.д. Этотсписокдалеконеисчерпывающий,инаборхарактеристикбудет

варьироватьсявзависимостиоттематикисайта. Выдолжнызнатьвсепросвоюцелевуюаудиторию.Зачемвамэто надо? Если вы четко знаете, кто ваши клиенты, то вам будет легче «зацепить»ихэмоционально,спровоцироватьнанужныевамдействия,а именноназаказтоваровилиуслуг.Этотакжепозволитвамкачественнее создаватьвашиобъявлениявконтекстнойрекламе.Ониперестанутбыть расплывчатыми, станут более целенаправленными, «заточенными» под вашихклиентов. А теперь рассмотрим пример. Представим, что мы имеем дело с фитнес-клубом. Какобычнопредставляютсвоюцелевуюаудиториютакиекомпании? Возраст 20-50 лет, мужчины 45 %, женщины 55 %, образование

среднееиливысшее.Уровеньдоходаот30до70тыс.руб.Регионы:Москва

–70%,Московскаяобласть–30%.

А теперь рассмотрим, как правильно сегментировать вашу целевую аудиторию.

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

Конкретные группы пользователей позволят вам сузить объем аналитических данных, представляемых в Яндекс.Метрике или Google Analytics.Отфильтроватьиоставитьнужнотолькоданные,относящиесяк тойилиинойгруппе.Тенденциивповедениипользователейбудутболее ясными,чемприпросмотреданныхдлявсеготрафикасайта.Такжебудет наблюдатьсяразницавскоростиконверсиидлятогоилииногосегмента пользователей. Персонажи раскроют вам поведенческие модели каждой группы

пользователей. Вы сможете лучше удовлетворять потребности ваших реальных посетителей. Все это будет способствовать качественной оптимизациисайта. ЗАДАНИЕ

1.Создайте3-7персонажейвашейцелевойаудитории.

КаксоздатьпродающееУТП Попадаянасайт,пользовательдолженчеткопонятьвыгодыпокупки именно в данной компании. Если сразу не предложить ему что-то, выделяющее вас из толпы, то велика вероятность того, что ваш сайт затеряетсясредиконкурентов. Припостроенииуникальныхторговыхпредложений(УТП)компании чащевсегоиспользуютобщиепреимущества:

•низкаяцена; •бесплатнаяибыстраядоставка; •огромныйассортимент. Посколькуданныевыгодыпредставленынаоченьмногихресурсах,в глазах посетителей такие сайты друг от друга ничем не отличаются, выглядят безликими. Отсутствие изюминки – одна из причин низких показателейпродаж. РЕШЕНИЕ

1.ЧтобысформироватьУТП,компанииследуетответитьнавопрос:

чем она отличается от конкурентов? При этом необходимо избегать шаблонных характеристик. Практика показывает, что уникальное предложениепозволяетбыстроувеличитьпродажи,дажееслиценавысока. Например,выможетепредложитьклиентамподаркизакаждыйзаказ. Еслиподарокценный,толучшеописатьеговпредложении.Илиможно поддержать интригу и не указывать, какой подарок ждет клиента. Проверено:ростпродажобеспеченвлюбомслучае. КАКПРАВИЛЬНОСОСТАВИТЬУТП? • Не пытайтесь охватить всех потребителей, четко выделите свою целевую аудиторию. Например, если вы продаете корм для животных, можно сконцентрироваться на каком-то конкретном виде питомцев. Допустим,накошках. •Опишите,какиепроблемыклиентавыможетерешить. •Поясните,какуювыгодуполучитклиент,совершивуваспокупку, какуюпользунесутвашипродукты/услуги.Сравнитевашивыгодыстеми, окоторыхговорятконкуренты,иопределите,чьепредложениезаманчивее. ВрезультатевыполучитекраткоепростоеУТП,котороепозволитвам выделитьсяизсероймассыконкурентов.

Рассмотримвкачествепримерафитнес-клуб.ПЕРВОНАЧАЛЬНЫЕ

ПРЕИМУЩЕСТВАКОМПАНИИ:

•«Индивидуальныйподходккаждомуклиенту».

•«Снамирезультатв2разабыстрее».

•«Высокоекачествоуслугподоступнойцене».

•«Вслучаеотсутствиярезультатамывернемвамденьги».

Мывидимобщийсписокпреимуществ,которыеприменимыклюбой

компанииизсферыфитнес-клуба.ДаннаякомпаниясвоимУТПникакне

выделяетсяизобщеймассыконкурентов.УТПобщие,размытые,никакой

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

Атеперьпосмотрим,какмысделалиуникальныеУТПдлякомпании:

1.40%-НАЯСКИДКАНАМАССАЖ

Для своих клиентов мы оплачиваем до 40 % стоимости 1 сеанса общегооздоровительногомассажавмассажномсалоненашихпартнеров «Здоровье».Скидки,акциидлявсех.

2.ЗВЕЗДНЫЙТРЕНЕРСКИЙСОСТАВ

Тренеры–мастераспортаРоссиипободибилдингуипауэрлифтингу, призеры Чемпионатов России, победители Кубка Урала. Опыт работы в

сферефитнесаболее10лет.

3.ПЕРВЫЙРЕЗУЛЬТАТЧЕРЕЗ1НЕДЕЛЮ

Авторскиеметодики.Ужечерез4неделизанятийпонашейпрограмме

7из10клиентовхудеютна5кгиболее.100%-налгарантиярезультата,

иначевернемвамденьги.

4.10МИНУТПУТИДОНАС

До нас можно добраться за 10 минут на машине и на автобусе из любой точки города, даже из отдаленных районов. Помогли более 2000 клиентамсоздатьтелоихмечты. Атеперьсравнитеобщиепреимуществасновыми. Предложенныепреимуществазвучатзаманчиво?Захотелосьсходитьв такойфитнес-клуб? Вот так и надо создавать ваши УТП. Найдите свою изюминку и расскажитеобэтомсвоимпосетителям.НеделайтешаблонныеУТП,пора выделяться из серой массы конкурентов. Эффективные УТП позволят поднятьвашипродаживнесколькораз! ЗАДАНИЕ

1.Создайте3-5преимуществ,присущихвашейкомпании.

Глава4.Увеличениепродажнасайте

Говорящаяпалитра:каквыбратьудачныйцветдлясайта

Неправильноподобранныйцветможетсказатьсянапродажах.Цвет–

этоодинизпсихологическихинструментов,которыепозволяютпривлечь внимание к сайту. Как правило, у него есть несколько секунд, чтобы заинтересовать своего посетителя. Очень важно, чтобы цвет отражал тематику вашего бизнеса. Иначе есть риск оттолкнуть и даже потерять посетителей.Инаоборот,правильнаяцветоваягамма,удачноесочетание цветовмогутповыситьвашипродажи. РЕШЕНИЕ Подбираяцветовуюгаммудлясайта,стоитначатьстрехвопросов. 1. Для чего нужен сайт? Какие услуги, товары будут на нем представлены?

2.Какиеэмоциисайтдолженвызывать?

3.Ктовашацелеваяаудитория(например,возраст,полит.д.)?

В зависимости от этого можно выбрать основные цвета сайта, учитывая, какие эмоции он несет и для какой сферы бизнеса больше подходит. КЛЮЧИкэмоциям Каждыйцветвспектреспособенвызыватьопределенныеассоциации инестисвойэмоциональныйзаряд. Вотнесколькопримеров. Белыйцвет Ассоциативныйряд:простота,чистота,невинность. Тематикабизнеса:лучшеиспользоватькакфон. Черныйцвет Ассоциативный ряд: солидность, серьезность, сила, изысканность, элегантность,люкс,гламур,роскошь,тайна. Тематика бизнеса: ритуальные услуги, ночные клубы, дорогой алкоголь. Черный цвет хорошо работает при продвижении престижной продукции. Красныйцвет Ассоциативный ряд: любовь, предупреждение, угроза, действие, возбуждение,страсть,сила. Тематикабизнеса:эротическиесайты,рестораныбыстрогопитания, энергетическиенапитки,сайтыобавтомобиляхиспорте,сайты,связанные сдействиями. Синийцвет Ассоциативный ряд: надежность, профессионализм, серьезность, доверие,власть,спокойствие. Тематикабизнеса:юридическиекомпании,банки,интернет-магазины (особенно продающие кондиционеры, морепродукты, лодки, воду и

фильтрыдляводыит.д.),консалтинговыекомпании,интернет-технологии, авиакомпании,туризм,социальныесети,платежныесистемы. Зеленыйцвет Ассоциативный ряд: натуральность, природа, здоровье, лечение, животные,деньги,гармония,спокойствие,безопасность. Тематика бизнеса: банки, медицина, услуги для животных, расслабляющие услуги. Сайты о здоровье, лекарствах, экологически чистыхпродуктах,еде,детях,даче. Желтыйцвет Ассоциативный ряд: веселье, развлечения, любопытство, счастье, удовольствие,привлечениевнимания. Тематика бизнеса: широко применяется, пожалуй, только на рынке такси.Ябынерекомендоваладелатьегоосновнымцветомсайта.Лучше использоватькакакцентирующий,всочетаниисдругимцветом. Оранжевыйцвет Ассоциативный ряд: праздник, веселье, творчество, молодежь, комфорт,энергичность,жизнерадостность. Тематика бизнеса: организация праздников, развлечения, детские товары.Оранжевыйцветчастоинтерпретируетсякак«дешевый».Поэтому этот цвет можно удачно обыграть, если компания продает товары в дешевомценовомсегменте. Розовыйцвет Ассоциативный ряд: сладость, молодость, нежность, невинность, мягкость,романтичность. Тематикабизнеса:женскиесайтыитовары,знакомства,косметикаи парфюмерия. Коричневыйцвет Ассоциативный ряд: земля, тепло, уют. В большом количестве воспринимаетсякактяжелыйцвет. Тематика бизнеса: кофе, изделия из дерева, антиквариат, строительство, сайты, посвященные археологическим раскопкам, историческаяинформация.Вдизайнеданныйцветстоитминимизировать, чтобыоннеоказывалподавляющеговоздействия. Серыйцвет Ассоциативныйряд:нейтральность,разумность,рациональность. Тематикабизнеса:ещеодинцвет,которыйстоитминимизироватьили вообщенеиспользоватьнасайте. ПРАКТИЧЕСКИЕРЕКОМЕНДАЦИИ •Цветавыигрываютзасчетудачныхсочетанийдругсдругом.Кроме

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

• При выборе цвета нужно учитывать, кто ваша основная целевая

аудитория – женщины или мужчины. Многочисленные исследования

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

• Если ваш бизнес ориентируется на зарубежные рынки, то важно

проверить,небудетливыбранныйцветвызыватькакие-тодополнительные ассоциации, связанные с культурой данной страны. Например, зеленый цветвЮжнойАмерике–цветсмерти.ГолубойцветвСШАассоциируется с патриотизмом, а в Китае – с исцелением. В некоторых странах Азии белый цвет несет смысл траура. Поэтому цвет сайта нужно выбирать с учетомкультурныхособенностейцелевойаудитории. •Цвет,которыйувидятпосетителисайта,можетбытьсовсемнетаким, каким он выглядит на экране вашего компьютера. Например, многое зависитотуровняосвещенностиинастроекмониторапользователя.Вы можетесделатьсвойсайтспокойно-зеленым,апользователиувидятегов ядовито-зеленой гамме. Или дама, которая хочет купить красную юбку,

увидитееврозовыхтонах.

• Чтобы цвет сайта одинаково воспринимался всеми посетителями,

нужноиспользоватьспециальныецветадляweb,апередокончательным запускомдизайнстоитпротестироватьнаразныхкомпьютерахивразных помещениях. WEB-ЦВЕТАДЛЯСАЙТА Вашемувниманиюпредлагаетсяпалитрацветов,рекомендуемыхдля сайтов. Присозданииизображениядляпубликациивсетиглавнойпроблемой является правильная передача цветов на разных типах компьютеров, мониторовибраузеров.Когдабраузерневсостоянииправильнымобразом передать тот или иной цвет, он подбирает похожий или смешивает несколькососеднихцветовпалитры. Иногда первоначальный цвет может быть заменен на что-то совершеннонеподходящее.

Цвета из данной палитры везде будут отображаться правильным образом и без искажений. Любой из 216 цветов «безопасной» палитры можетбытьиспользовандляграфики,текстаифонов. КАКПОЛЬЗОВАТЬСЯПАЛИТРОЙ Палитра состоит из 36 сочетаний 6 оттенков красного, зеленого и синего. Надкаждымцветомуказаныдвазначения–RGB(длясозданияцветав графическомредакторе)иHEX(дляобозначенияцветавHTML). Таблица«безопасных»цветов

Цветовыепредпочтениямужчиниженщин:любимыеинелюбимые

Цветовыепредпочтениямужчиниженщин:любимыеинелюбимые

цвета.«Дешевые»цвета.

цвета.«Дешевые»цвета.
ЗАДАНИЕ 1.Проверьтецветовуюгаммувашегосайта.

ЗАДАНИЕ

1.Проверьтецветовуюгаммувашегосайта.

2.Ответьтенавопрос:соответствуютлицветавашемубизнесу?

3.Еслинет,выберитедлявашегосайта2-3основныхцвета.

Адаптивныйсайт:стоитлионтого? ВнастоящеевремялюдиполучаютдоступкИнтернетучерезбольшой спектрустройствсразнымиэкранами.Этосоздаетнекоторыепроблемы длясайтов,которыепредназначенытолькодляпросмотраскомпьютера.То есть сайт адаптирован только под одно расширение экрана и не может трансформироватьсяприменьшемрасширении.Витогекомпаниитеряютс каждымгодомвсебольшесвоихпосетителей–иновых,истарых. Какжеихсохранить? РЕШЕНИЕ Прямой способ достижения этой мечты – адаптивный сайт. Сайт должен подстраиваться под различные расширения экрана. Хорошо отображаться и работать на различных устройствах. Не только на компьютере,ноинаAndroid-телефоне,IPadит.д. Чтотакоеадаптивныйсайт? Адаптивныйсайт–этокогдакаждаястраницасайтаизменяетсяв зависимостиотразмераэкрана.

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

Например,накомпьютересайтможетиспользовать2-3колонки,вто

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

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

Количество посетителей,

просматривающих сайт через мобильные устройства, неуклонно увеличивается. • Поисковые системы Яндекс и Google изменили алгоритм ранжированиявпользуадаптивныхсайтов.Именнотакиесайтыбыстрее продвигаютсявtopпозапросам. Да,переходнаадаптивныйдизайнстоиттого.Этотпутьэкономически эффективен.Игнорированиеэтогоможетстоитьбизнесуслишкомдорого. Адаптивныйсайт–этобудущее,аставкинабудущее–врядлиплохая идея.Согласны? ЗАДАНИЕ

для быстрого

поиска информации.

1.Еслиувасдосихпорнетадаптивногосайта,топораегосделать.

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

РЕШЕНИЕ

Рассмотримосновныемоментыприпроектированиислайдеров.

ВсебаннерыдолжныбытьсоставленыпопринципуОДП:

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

Рассмотримпоподробнее3вариантадедлайна:

1.ОГРАНИЧЕНИЕПОВРЕМЕНИ

Частоиспользуемыйвариант–ограничениеспецпредложения.Сутьв том,чтовыпредлагаете«вкусное»условие,котороедействуетдотакого-то

числа.Аещелучше,еслиакциядействует24часаили3-4дня.Чемменьше

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

2.ИЗМЕНЕНИЕЦЕНЫ

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

3.ОГРАНИЧЕНИЕПОКОЛИЧЕСТВУ

Нужно показать клиенту, что товар заканчивается. Например:

«Осталосьвсего17экземпляров».Длябольшегоэффектаукажите,что5из

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

2-3БАННЕРАВСЛАЙДЕРЕ

2-3БАННЕРАВСЛАЙДЕРЕ

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

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

основноевниманиебудутполучатьпервые2-3предложения.

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

1.СКОРОСТЬ

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

2.ПОСЛЕДОВАТЕЛЬНОСТЬБАННЕРОВ

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

3.АВТОРОТАЦИЯВСОСТОЯНИИФОКУСА

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

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

4.РУЧНОЕВЗАИМОДЕЙСТВИЕ

Автоматическая ротация должна быть прекращена после любого активноговзаимодействияпользователясослайдером.Например,когдаон нажимаетнакнопки(следующий/предыдущий),чтобыотобразитьновый баннервкарусели. Некоторые пользователи игнорируют карусель из-за «баннерной слепоты». Другим может просто не нравиться такой элемент дизайна. Придерживайтесь всего вышесказанного, чтобы получить наилучшие результатыприиспользованиислайдера.Посетителистанутнаходитьих более заманчивыми и полезными. А первое впечатление, как правило, очень важно для сайта. Именно оно может повлиять на желание продолжитьегоизучение. ЗАДАНИЕ 1. Проверьте, соответствуют ли ваши баннеры всем изложенным требованиям. Если нет, исправьте. Либо обратитесь к нам для создания продающегобаннера. Какулучшитьпоискнасайте Частовстречаютсясайты,гдепоисквродеприсутствует,арезультатна запрос не выдается. Или выдается результат, который не соответствует ожиданиямпосетителей.Знакомо? Чтоделаетпосетительпослеэтого?Правильно,уходитссайта.Какже этого избежать? Пришло время улучшить состояние поиска на сайте, и

начинатьнужносподдержки10типовосновныхзапросов.

РЕШЕНИЕ

Рассмотрим10типовзапросов,которыенужноучитыватьвпоискена

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

10ТИПОВЗАПРОСОВ:

1.НАЗВАНИЕПРОДУКТА

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

AppleiPadPro12.9.

Откудаонзнаетточноеназвание?Всепросто:

• либо он скопировал его с другого сайта, и теперь ему нужно

определиться,накакомсайтевыгоднеекупитьего; • либо он где-то слышал название этого продукта и хочет познакомитьсяснимпоближе.Онможетнезнать,какправильнопишется наименование,итогдавозникаютопечатки.Этиособенностинужноиметь ввидуприразработкефункционала«Поиск».Тоестьвыяснитьнаиболее частыеопечаткипользователейиучестьихвпоиске. Какэтоможносделать? Просмотрите вашу историю поиска на сайте через Яндекс.Метрику или Google Analytics. Если вы еще только разрабатываете данный функционал, то узнайте, каковы самые частые опечатки посетителей в wordstat. Такженужноучитыватьальтернативныеназваниявашихтоваровили услуг.Данныйварианттожедолженбытьобработанкорректно. Если сайт не может обработать запрос пользователя по точному названиютовара,тоэторешающийфакторвпользутого,чтобыуйтис сайта.Какдумаютпосетители?Еслитоварнеотобразилсявпоиске,значит, егонетнасайте.

2.НАЗВАНИЕКАТЕГОРИИ

Когда пользователь не знает, какой конкретно товар ему нужен, то поискосуществляетсяпокатегориям.Этоболееобщийпоисковыйзапрос. Например,посетительищетпросто«ноутбук». Почемуонвводитэтовстрокузапроса?Почемунеобратитсякданной категориивменю?

Туттриответа:

•впоискеемуудобнееискатьнужнуюкатегориютовара;

•либоунеговозниклисложностиспоискомданнойкатегориитовара.

Онпростонесмогеенайтинасайте.Тоестьсайттаксложноорганизован,

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

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

основнойкатегории;

• либо ваши категории имеют не те названия, которые обычно

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

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

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

4.ИНФОРМАЦИОННЫЕЗАПРОСЫ

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

5.ХАРАКТЕРИСТИКАПРОДУКТА

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

•цветпродукта(«красноеплатье»); •материал(«кожанаяюбка»);

•спецификацияпроизводительности(«жесткийдиск50GB»);

•формат(«DVDдиск»);

•цена(«1200руб.рюкзак»);

•бренд(«духиChanel»); •ит.д. Незабывайтепронаиболеечастоиспользуемыеатрибутытоваровв вашембизнесе.

6.ТЕМАТИЧЕСКИЕЗАПРОСЫ

Чтоименнопредполагаетсяподэтимзапросом? •Сезонность Например, пользователю нужна куртка, в которой он может ходить зимой.Оннабираетследующийзапрос:«Зимниекуртки». •Гдебудетиспользоваться

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

7.ЛЮДИ

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

8.СОВМЕСТИМОСТЬСПРОДУКТОМ

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

«зарядноеустройствоNikon8300».

9.СУБЪЕКТИВНЫЕКРИТЕРИИ

Некоторые характеристики очень важны для пользователей, но они субъективны. Дорогой или дешевый ноутбук, высокого качества товар. Например,«высокогокачествасумка». Какобработатьданныйзапроснасайте? При выводе результатов запроса нужно учитывать рейтинг товара, количествооставленныхотзывов,цену,количествопродажданноготовара ит.д. Если пользователя интересует «дешевое вино», то следует вывести диапазондешевыхвинпоцене. Запрос «красивая юбка» будет обрабатываться следующим образом. Красота–этоэстетика,тоестьнужновыделитьатрибутытовара,которые будутэтопередавать.Аналогичнообрабатывается«вкусныйторт».

10.СЛЕНГИ,АББРЕВИАТУРЫ,СИМВОЛЫ

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

Например,«духи2000».

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

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

1.Прямосейчасвозьмитеипротестируйтевашфункционал«Поиск»

на все 10 типов запросов. Насколько релевантные результаты? Соответствуют ли они ожиданиям пользователя? Если нет, срочно исправляйте.

17Причинуходапосетителейссайта.Какихустранить

Вамзнакомаситуация:зашлинасайт–ибыстроегозакрываете.Вам понятнапричинавашегоотказа,авотпредпринимателюостаетсятолько гадать,чтожетакогоестьнаегосайте,из-зачегопосетителипугаютсяи быстро закрывают его. Как избежать этого? Как задержать своего посетителя подольше на сайте? Уход клиента равнозначен тому, что уплываютвашиденьги. РЕШЕНИЕ Рассмотрим самые негативные факторы. Зная их, вы избежите быстройпотерисвоихпользователей.

1.МЕДЛЕННАЯЗАГРУЗКАСАЙТА

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

сайта.Еслискоростьвашегосайтабольше2-хсекунд,вытеряетесвоих

клиентов.Каждыйдень.

РЕШЕНИЕ

Вслучаемедленнойзагрузкисайтаважноинформироватьпосетителей

о текущем состоянии в виде индикаторов прогресса. Процесс ожидания

пользователи

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

счет снижения

воспримут более терпимо

за

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

обрабатываетегопросьбу.Еслизадержкасоставляетболее10секунд,то

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

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

2-10секунд.

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

действийболее10секунд.Лучшеэтогонеделать:

•упосетителейбыстровозникнетчувствонетерпенияиз-затого,что ониневидят,сколькоимещеосталосьждать; •есливертушкабудетвращатьсянеопределенноевремя,пользователи начнутсомневаться,аработаетливсеещесайтилиуженет.Витогеони могутпростоуйти,такинедождавшисьответа. Полезно добавить рядом с анимированным изображением текст, который объясняет, почему пользователь ожидает. Например, загрузка картинокит.д.Этовнесетдополнительнуюясностьдляпользователей. Также можно добавлять простые и забавные анимации, которые связанысвашейдеятельностью.Этосмягчитвосприятиеожидания. Оставшийсяпроцент Используйте его для действий, которые занимают более 10 секунд.

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

круги,которыезаполняютсявдиапазонеот0до100%.

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

и текст,описывающийпроцесс.

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

слишкомпоздно.

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

•проверьтескоростьвашегосайта.Иеслиожиданиебольше2секунд,

тооптимизируйтевашсайт; •добавьтеиндикаторпрогресса.

2.ВСПЛЫВАЮЩИЕОКНА

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

интересный,полезный,тонаpop-upокошки,появляющиесячерез30-60

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

«Перед тем как уйти, сделайте это» или «Не пропустите…». Либо предлагаетсяскидка,подписканарассылку. В некоторых случаях всплывающее окно может отображаться с

течениемкакого-либовремени.Например,через10секундпослезахода

посетителянасайт. Цельсостоитвтом,чтобы«поймать»егопрежде,чемонпокинетсайт. Чтобы показать ему то, что он, возможно, пропустил. Или сделать последнийпризыв,чтобыпривлечьеговнимание. Всплывающее окно воспринимается посетителем как давление. Его заставляют делать то, что он делать не хочет. Обычно это больше раздражаетпосетителей,чемпомогаетсайтуудержатьих. Пришловремяпересмотретьсвоиприоритетыидолгосрочныецели. Выможетеполучитьнесколькодополнительныхкликовсейчас,нов долгосрочнойперспективетеряетедовериеиуважениевашихпосетителей. РЕШЕНИЕ Либоуберитесосвоегосайтавсплывающиеокна,либоотображайте их не сразу, с течением времени. Дайте посетителям время, чтобы познакомитьсясвашимсайтомпоближе.

3.ПЛОХОСТРУКТУРИРОВАННЫЙСАЙТ

Еслипосетителямспервыхминутнасайтенепонятно,какувасвсе

организовано;есливашаструктуракажетсяимсложной,запутанной,то

онипростоуйдутссайта.

Представьтесебеболото.Да,посетителимогутловитьрыбувэтом

болоте,используяпоискиссылки.Ноэтонепоможетимпонятьструктуру

сайта.

Также посетители должны знать текущее свое местоположение на сайте,легконайтинужныйразделиинформацию.Чтобунихневозникало ощущения,чтокликнулинаПариж,апопаливМадрид.Неудивительно, чтопослетакогоонибыстропокинутсайт. Навигациядолжнапомогатьпосетителямориентироватьсянасайте,а небытьзагадкой. Онидолжныпониматьеесразу. РЕШЕНИЕ Сделайте навигацию по сайту интуитивно понятной, простой, последовательной. Используйте понятные названия пунктов меню. Цель навигации–помочьпосетителямнайтиинформацию. Примерынавигации:

•Меню. •Логотип. •Ссылки. •Поиск. •«Хлебныекрошки»ит.д. Какпроверитьэффективностьвашейнавигации?

ТЕСТ№1

1.Покажителюдямстраницу,которуюонивпервыйразвидят.

2.Скажите:«Представьтесебе,чтовыпопалинаэтустраницу.Гдевы

сейчас?Вкакомразделесайта?Чтопредлагаетданнаястраница?»

3.Еслиониговорят,чтонезнаютточно,гденаходятся,спросите:«Что

выожидаетездесьувидеть,чтопомоглобывамсориентироваться?»

4.Спросите,чтоониобычноделают,чтобыэтовыяснить.

ТЕСТ№2

Скажите посетителю, что его цель, например, купить фотоаппарат

CanonPowerShotSX62111.

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

4.ПРОБЛЕМАПОЛЬЗОВАТЕЛЯ

РЕШЕНИЕ Пользователи приходят на сайт за решением своей проблемы. Если онинемогутбыстронайтиответнасвойвопрос,тоонипокинутвашсайт. Оптимизируйтеегоподпроблемыклиентов.Проведитеюзабилити-аудит вашегосайта.

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

6.ПРИНУДИТЕЛЬНАЯРЕГИСТРАЦИЯ

Посетитель решил заказать товар на сайте – и вдруг сюрприз: ему предлагают вначале зарегистрироваться. Вас же, когда покупаете в обычном магазине, не заставляют предоставить свои личные данные, преждечемвыполучитесвоитовары?Такпочемужемногиесайтыломают обычноемышлениепосетителей? ПосетителипереносятсвоипривычкиизреальнойжизнивИнтернети ожидаюттакихжедействийтам.Акогдаихпредставлениерушится,тоони уходятссайта.Всепросто. РЕШЕНИЕ Не вводите принудительную регистрацию на покупку. А если уж сделали, то укажите преимущества регистрации, чтобы посетители отнеслиськэтомуболеелояльно.

7.ГИРЛЯНДА

Некоторые,особенновпраздники,начинаютукрашатьсвойсайт.Все сверкает, светится, двигается, падает снег, играет музыка и т. д. Это выглядитужасно.Какбудтопосетительпопалвночнойклуб.Особенно плохо,когдаэтоделаетсяосновнымоформлениемвбудниедни. РЕШЕНИЕ Уберите эту мишуру с сайта. Она не помогает привлечь к вам посетителей,атолькораздражаетих.

8.НЕЧИТАЕМЫЙТЕКСТ

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

•крошечныйшрифт; •узорныйшрифт; •плохаяконтрастностьмеждутекстомифономстраницы. РЕШЕНИЕ Задайтесебевопрос:«Легколичитаетсямойшрифтнасайте?» Размер шрифта: используйте шрифт крупного размера (12-14 пикселей). Достаточно, чтобы не читать ваш текст с помощью лупы. Слишкомкрупныйилислишкоммелкийшрифтснижаетскоростьчтения. Стили шрифтов: не используйте шрифты с засечками, например, Times New Roman. Их труднее читать на компьютере. Советую использовать на сайте «безопасные» шрифты без засечек, которые без проблемотобразятсяубольшинствапосетителей. «Безопасные»web-шрифты:

•Verdana; •Arial; •Tahoma; •Georgiaит.п. Старайтесь избегать на сайте нестандартные шрифты. То, что этот шрифт поддерживается на вашем компьютере, не гарантирует, что он поддерживается на компьютерах большинства посетителей. Кроме того, такиешрифтыпосетителичастоигнорируют,воспринимаяихкакрекламу. Контраст: высокий контраст между текстом и фоном увеличивает читаемость.Например,черныйшрифтнабеломфоне.Нонеиспользуйте светлыйтекстнатемномфоне. Цвет:не используйте синий цвет для обычного текста, так как он являетсястандартомдляобозначенияссылокнасайте.Нестоитвводить посетителейвзаблуждение.

9.УСТАРЕВШАЯИНФОРМАЦИЯ

Есливблоке«Новости»присутствуютновостиза2014год,анадворе

2017-й, то посетитель вообще больше не придет на этот сайт. Вы его

потеряетенавсегда.Онподумает:«Ухты…новостьза2014год.Сайтом

вообщениктонезанимается,онзаброшен.Чтотогдаятутделаю?» РЕШЕНИЕ Новостидолжныбытьактуальными.Недержитеновостипрежнихлет наглавнойстранице.Онинепринесутвампопулярность,атолькоиспортят впечатлениеовас.Вынавернякапотеряетепосетителей.

10.ГДЕЯ?

Когдапосетительзаходитнасайт,онспервыхсекундхочетпонять, где он. Чем занимается данная компания, что предлагает. Если он не

пойметэтоспервыхминут,тоуходнеизбежен. РЕШЕНИЕ Возьмите и кратко изложите это в своем лого. Создайте слоган. Короткоиясно. Какпроверить,чтослоганпонятенпосетителям?

ТЕСТ№3

Проведитетестированиесреди3-5людей,которыенезнакомысвашей

компанией.Покажитеимвашслоган.Апотомспросите,могутлионипо слоганусказать,чемзанимаетсякомпания.

11.НЕПОНЯТНАЯРЕЧЬ

Бывает, владельцы сайтов увлекаются и начинают использовать на сайтепрофессиональныйсленг,понятныйтолькоимиузкомукругулюдей. Получается,чтонавсехостальныхпосетителейимнаплевать–понимают ониихилинет.Выглядитэтотак:«Комунадо,тотпойметикупит».Но результаттакихдействийдлякомпании,какправило,плачевный. РЕШЕНИЕ Пишите простым, понятным языком. Если употребляете сленг, то расшифруйте его. Все термины, которые могут быть новыми для посетителей, объясните без какого-либо намека на снисходительность. Уважайтесвоюаудиторию.Ваштекстдолженбытьпонятендажеученику

8-9класса.Еслионпрошелэтоттест,товсевпорядке.

12.НАРУШЕНАВЕРСТКА

Бывает, на сайте в разных браузерах «едет» верстка – все прыгает, скачет. РЕШЕНИЕ Посмотрите, как выглядит ваш сайт в разных браузерах, в разных операционных системах, в разных расширениях экрана. Обратитесь к вашемупрограммистуиисправьте,еслиувасвсескачет.

13.НЕАДАПТИВНЫЙСАЙТ

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

•компьютеры–42,8%трафикаи63,9%отобъемапродаж;

•планшеты–12,5%трафикаи15,5%отобъемапродаж;

•мобильныетелефоны–44,7%трафикаи20,6%отобъемапродаж.

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

14.ГДЕСТРАНИЦА«ОНАС»/«ОКОМПАНИИ»?

Представьте,чтопосетительзаходитнасайт,аэтойстраницынет.Что ондумает?Угадайте.«Сайт-однодневка,чтоли?Чтотогдаятутделаю? Порауходитьотсюда.Зачемтратитьсвоедрагоценноевремязря?» РЕШЕНИЕ Если у вас данная страница отсутствует, срочно разместите ее на сайте.

15.НЕПРАВИЛЬНОПОДОБРАННАЯЦВЕТОВАЯГАММА

Цветоваягамма,несоответствующаятематикебизнеса,создаетплохое впечатление о сайте и затрудняет чтение, знакомство с представленной информацией. Например, вы зашли на сайт банка, а он в розовом цвете. Ваши впечатления? Вот так иногда воспринимаются ваши сайты, если вы неправильноподобралицветовуюгаммудлятематикивашегобизнеса.Или слишкомпереборщилисиспользованиемцвета,ивашсайтпревратилсяв маскарад.Егоуженевоспринимаюткаксайтсерьезнойкомпании. РЕШЕНИЕ Подберитеправильнуюцветовуюгаммудлятематикивашегобизнеса. Инеувлекайтесьцветами.

16.ОДНООБРАЗНЫЙСАЙТ

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

17.ОТСУТСТВИЕРАЗДЕЛА

«ЧАСТОЗАДАВАЕМЫЕВОПРОСЫ»(FAQ) Припопаданиинакакой-либонезнакомыйсайтупосетителеймогут возникнутьвопросы,преждечемоничто-токупят.Вымоглибыизвлечьиз этогофинансовуювыгоду. Какжебыстрозакрытьвсевозраженияклиентовинепотерятьих? РЕШЕНИЕ ВампоможетразделFAQ(«Частозадаваемыевопросы»).Такойраздел помогаетпосетителямтратитьменьшевременинавыяснение,чтоикактут устроено. Показывая посетителям часто задаваемые вопросы, вы предоставляетеимлучшееобслуживание.Демонстрируетеим,чтоваша компания–прозрачная,заботливая,честная. Номногиеданныйблокнеразмещаютнасайте,ссылаясьнаразные причины. Давайтерассмотримнаиболеераспространенныеизних.

1.УНАСУЖЕЕСТЬПОИСК

Владельцысайтовограничиваютсятолькоразделом«Поиск»,считая разделFAQужелишним.Тоесть«Поиск»вихглазах–альтернативаFAQ. Такой подход часто приводит к плачевным результатам. Рассмотрим основныеизних:

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

2.FAQГРОМОЗДКИЙ

Чтобыизбежатьгромоздкостиданногораздела,выберитетолькочасто задаваемые вопросы ваших посетителей. Достаточно 7-10 вопросов. Сделайтевформате«вопрос–краткийответ». Если ответы достаточно большие, то лучше оформить их таким образом,чтобыприкликенавопросразворачивалсяответ.Этопозволит людямбыстронайтито,чтоимнужно.Открытьтуинформациюнавопрос, котораяихинтересуетвданныймомент. КакпридатьразделуFAQбольшеценностивглазахпосетителей? Тонобщения • Ваши ответы на вопросы должны быть вежливыми, понятными вашей целевой аудитории. Тон общения служит индикатором для

потенциальных клиентов о том, что собой представляет компания, ее услуги,товары. •Честноли,отзывчиволиразделрешаетпроблемыклиентов? •Насколькооткрыто,откровенноразделотвечаетнавопросы? Еслитонобщениявответахзаданнеправильно,топосетительпросто уйдетнадругойсайт. Качественныйответ Покачествуответапосетителимогутсудитьокачествевашихтоваров, услуг и компании. Они проверяют данные ответы по следующим критериям:

•Насколькоправдоподобнаинформация,указаннаявответах? •Ответыясные,грамотноизложены? •Ответыоткровенныеилибольшепоходятнамаркетинговыйобман? • Открыто признаются проблемы, ограничения, которые есть в компании, или скрываются? Это особенно вредно, когда о них многие знают. •«Закрываются»ливсевозраженияпосетителейдопокупки? За списком часто задаваемых вопросов обращайтесь к вашим менеджерампопродажам,квашемуcall-центру(операторамнателефоне). Вопрос+ответ=словамипосетителей Обратитевниманиенато,какзадаютвопросыпосетителивпоисковой выдачеилипотелефону,когдавамзвонят. Приформированиивопросовиответовважноиспользоватьсловарь общениявашихпосетителей.Посмотрите,каконизадаютданныйвопрос, какимисловами.Этопозволитповыситьлояльностьпосетителейквашей компании. Экономиявремениклиента+оператора FAQ снизит нагрузку на ваш call-центр. Никто не хочет отвечать каждый день на один и тот же вопрос по нескольку раз. Это дорого обойдетсявашемубизнесу,посколькуоператорыбудуттратитьвремяна телефонныеразговоры,отвечаяначастозадаваемыевопросы. Сдругойстороны,ипосетителинехотяттратитьсвоевремянато, чтобы получить информацию, которая и так должна присутствовать на сайте. Ихвремятожеденьги.Вашичастозадаваемыевопросыработаютна

вас24часа,7днейвнеделю.Грехнепользоватьсятакойвозможностью.

FAQпозволитпомочьдругдругу.Вам–снизитьнагрузкунаваших

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

Постоянноеобновление

Еслипосетителипостояннозадаютваммноговопросов,тоэтоявный признак того, что вам нужен FAQ. Обновляйте ваши вопросы в этом разделе,еслипоявляютсяновыечастыевопросы. Оформление Дизайн подачи этого раздела также должен быть эстетичным. Используемый шрифт должен легко считываться посетителями, чтобы можнобылобыстропросмотретьвопросыинайтинужнуюинформацию. FAQсделаетциклпродажболеебыстрымиэффективным. Вот мы и рассмотрели наиболее распространенные причины ухода посетителейссайта.Темнеменее,досихпормногиесайтысовершают данные ошибки. Обратите на них внимание. Устранив их, вы сможете существенноувеличитьвашипродажи. ЗАДАНИЕ 1. Откройте ваш сайт и пройдитесь по каждому пункту. Если есть ошибки,срочноисправляйте. Продающаяподачатекста.Каксвиданияизреальнойжизнимогут научитьпродажам Как мы уже знаем, большинство посетителей не читают страницы слово в слово. Они быстро просматривают текст, сосредоточив свое внимание на заголовках, отдельных словах, предложениях. Когда посетителивидятвашсайтвпервыйраз,унихнетникакогодоверияк вашей информации. Цель пользователя – быстро получить конкретное решениепроблемы.Правильнаяподачаинформациинастраницеприведет к увеличению продаж. Как же сделать так, чтобы ваши тексты начали продавать? РЕШЕНИЕ Рассмотримважныемоментыпродающейподачитекста.

1.СТРУКТУРАСТРАНИЦЫ

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

•использоватьчеткиеизаметныезаголовки;

•применятьмаркированныесписки;

• организовать структуру текста в том порядке, в котором она

понадобится посетителю. Разместить блоки на странице по степени приоритетности.

2.ТОН

Посетительпопалнавашустраницу,порасменитьрекламныйтон.Вы больше не конкурируете за его внимание. Смените фокус на решение проблемы, которую пользователь пытается решить. Если ваш текст на

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

•Минимизоватьиспользованиеприлагательных.

•Обеспечитьтексттолькообъективнойинформацией.

•Сфокусироватьсянапроблемахпосетителей.

• Не использовать профессиональный сленг, непонятный вашей

целевой аудитории; различные метафоры; разговорные выражения.

Посетителииндивидуальны,икаждыйможетинтерпретироватьтекстпо-

своему.

3.ФОРМАТ

Тут мы поговорим о важных особенностях формата текста – какой лучшеиспользовать. • Используйте цифры вместо слов. Например, 22 вместо «двадцать два». •Выделяйтеважныесловавтексте,нонепереборщите.Неследует

выделятьцелыепредложения.

• Четкий призыв к действию. Используйте активные глаголы в неопределеннойформе.Например:«заказать»,«получить»ит.д. •Используйтемаркированныесписки.

Список до 7 пунктов – это предел кратковременной человеческой памяти.

• Содержательный текст для ссылок. Например, вместо ссылки

«подробнее»болеесодержательныйвариант:«узнатьцены». Каксвиданияизреальнойжизнимогутнаучитьпродажам

1.НЕПРЕДЛАГАТЬНАПЕРВОМСВИДАНИИ

Представьтесебеситуацию:увассвидание.Выдолжнысначалакак

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

Аненаоборот.

Выведьпланируетепростовстретиться,анеобручиться?

Тожесамоеверноидлявашейпродающейстраницы.Выдолжныдать

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

2.ВСТРЕЧАЮТПООДЕЖКЕ

Вашаодежданасвиданииможетмногоесказатьовас.Аналогичнои страницаговоритспосетителями,рассказываявнешнимвидомосебе. Ваша страница должна выражать профессионализм и годность к употреблению.Всеэтопередаетсязасчетшрифтов,цветов,графических элементов,изображенийит.д.Этоодеждавашейстраницы. Например, вы говорите, что вы крупная, известная компания. А внешний вид сайта этому не соответствует. Происходит нестыковка внешнеговидаитого,чтовызаявляете. 3. ПОКАЖИТЕ, ЧТО ВАША КОМПАНИЯ – ИДЕАЛЬНЫЙ ВЫБОР Насвиданиивыженехотитетратитьвремяначеловека,скоторыму васнетобщихинтересов? То же самое относится и к клиентам. Вы должны показать посетителям,чтовашсайт–этото,чтоимнужно.Идеальныйвыбордля решенияихпроблем.

4.ВТОРОЕ,ТРЕТЬЕСВИДАНИЕ

Невсеступениотношенийпроходятнапервомсвидании.Аналогично и для сайта. При первом посещении не все заканчивается сделкой. Для сделкиможетпотребоватьсяещенесколько«свиданий»насайте.Тоесть выпостепенноуглубляетесвоиотношениясклиентом. Данные советы позволят сделать ваш текст более убедительным в глазахпосетителей.Иповыситьвашипродажи. ЗАДАНИЕ 1. Теперь ваша цель – критично взглянуть на ваши тексты и добросовестновыполнитьвсерекомендации.

14Способовповыситьдовериексайту.Пирамидадоверия

Многиесайтыимеютвысокийпоказательотказов. При заходе на страницу посетитель в течение 15 секунд решает, остатьсянанейилиуйти.Чтоженужносделать,чтобыповыситьдовериек вашемусайту? РЕШЕНИЕ Прежде чем мы перейдем к 14 способам вызвать доверие, давайте познакомимсястем,какформируетсядовериексайту.Какиешагидолжны пройтипосетители,чтобыпреодолетьпервоначальныйскептицизм,прежде чемвызатребуетеунихконтактныеданныеилиденьги.

Для этого рассмотрим пирамиду доверия. Она состоит из 5 шагов. Установлениедоверияснезнакомымсайтомидетпостепенно. Накаждомуровнеобязательствлюдиимеютсвоипотребности. Еслиониудовлетворяются,посетительпереходитнадругойуровень доверия. Итак,пирамидадоверия:

доверия. Итак,пирамидадоверия:

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

(например,получениеконтактов,адреса,номерабанковскойкартыит.д.), покадовериепосетителянаначальномуровне. Например, он заходит на сайт – и сразу видит всплывающее окно,

котороенезакрывается,покапосетительневведетсвоиконтакты(имя,e-

mail).Доверияещенет,асайтуженачинаетчто-тоотнеготребовать.Тем самымвыперепрыгиваетенатретийуровеньдоверия,пропускаядругие уровни. Как рассуждает посетитель: «Моя электронная почта? Моя учетная записьвFacebook/Vkontakte?Мытольковстретились.Тыкто?» Нужно сначала поставить фундамент доверия, пройти уровень за уровнем.Тоестьиззыбкойпочвыпреобразоватьдовериевтвердыйгрунт. Дляэтоговсешагинужновыполнятьпоследовательно.

14способоввызватьдовериексайту

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

2.ОБНОВЛЕНИЕ

Блок «Новости» позволит показать, что сайт активно живет, а не заброшен.

3.ЧЕЛОВЕЧНОСТЬ

Люди не доверяют сайтам, они доверяют людям, которые за ними стоят.Тоестьреальномучеловеку,анекакому-тороботу.Вотпочемутак важноиспользоватьреальныефотовашейкоманды.Этоочеловечиваетваш сайт.

Желательнотакжеиспользоватьвидео.Сделайтевидеотурповашему офису,вашимтоварам.Всеэтоповыситдовериеккомпании.

4.СОЦИАЛЬНОЕДОКАЗАТЕЛЬСТВО

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

поведение.

Вкачествепримерасоциальныхдоказательствмогутвыступать:

•Отзывы,оставленныечерезсоцсети. Как рассуждают посетители? Например, если другим нравится этот чай,возможно,имнепонравится. •Рейтингитоваровилиуслуг. То есть люди оценивают товар, например, по 5-балльной шкале. Выставляютоценкиотносительноосновныххарактеристиктовара. •Поведение. Отображение на сайте товаров, которые просмотрели другие посетители. •Группы«Facebook»,«VK»ит.д. Группы позволяют показать, сколько поклонников у компании, присоединитьсяиначатьотслеживатьновости. •Like. Дайте посетителям возможность «лайкнуть» понравившийся товар. Если«лайков»будетмного,этопривлечетвниманиедругихпосетителейк данномутоваруипоспособствуетпродажам.

5.СКОРОСТЬЗАГРУЗКИ

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

течение2секунд.Еслижевашсайтзагружаетсямедленнее,товыможете

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

6.ХОРОШОСТРУКТУРИРОВАННЫЙ

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

Цельсайта–убедитьихостатьсяна30секунд.Послеэтогоестьшанс,

чтоониостанутсягораздодольше–частона2минутыибольше.Плохие

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

«Хороший» сайт или «плохой»? Это решение принимает сам посетительвтечениепервыхнесколькихсекундпослеприбытиянасайт. Чтобыполучитьнесколькоминутеговнимания,выидолжныпредставить хорошоструктурированныйсайт.

7.БРЕНДЫ

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

8.КТОВЫ?

Подготовьтестраницу«Окомпании».Расскажитеовашихуникальных преимуществах.Чемвыотличаетесьотконкурентов.Этоотличныйспособ привитьдовериеновыхпосетителейквашемусайту.

9.ГДЕВЫ?

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

10.ОШИБКИНАСАЙТЕ

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

11.ПРОЗРАЧНОСТЬ

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

12.ОТЗЫВЫКЛИЕНТОВ

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

написанылюдьми,которыеужевоспользовалисьпродуктом. Разместите отзывы клиентов разного формата: благодарственные письма,видеоотзывы,отзывычерезсоцсети.

13.ПРЕИМУЩЕСТВА

Покажитевашиуникальныепреимуществанавидномместе.

14.FAQ(ЧАСТОЗАДАВАЕМЫЕВОПРОСЫ)

Раздел позволит закрыть большую часть возражений посетителей. Покажитесвоюзаботуонихдопокупки. Данные способы помогут устранить неопределенность в принятии решенияивызватьбольшедоверияксайту. ЗАДАНИЕ

1.Откройтевашсайт.

2.Пройдитесьпокаждомупунктуипринеобходимостиподправьте.

Длинныеиликороткиестраницы?Оптимальнаядлинатекста Некоторыедумают,чтодлинныестраницычитатьнасайтениктоне будет.Чтоважноделатьихкороткими. Какаяжепроблемаудлинныхстраниц?Вседовольнопросто.Очень частаяошибка–отсутствиепризывакдействию. Максимум – он есть только в конце страницы. Либо эти призывы разнородные,упосетителейдажеглазаразбегаются:зачтобывзяться?В итоге,когдаассортиментдействийнастраницебольшой,сделатьвыбор сложнее.Ипосетителипростоуходятссайта. Рассмотримпример.Леснаселяютбольшиеималенькиезайцы.Каких зайцевбудетестьволк?Напервыйвзглядответочевиден:большихзайцев. Потому что они обеспечивают наибольшую выгоду с точки зрения наполненияжелудка.Ноеслибольшихзайцевпойматьтрудно,товыгода уменьшается. Намного лучше ловить маленьких зайцев, если их легче поймать.Тоестьволкдолженпотреблятьбольшекалорий,чемзатрачивает, преследуядобычу. Реальнаяценность–этосоотношениезатратквыгоде.Тожесамое верно и относительно длины текстов. Длинная статья может содержать больше информации, но если сканирование текста занимает много времени, то посетитель будет отказываться от длинных статей в пользу короткихтекстовнадругихсайтах. Вамследуетоценитьколичествозатративыгодуотчтениядлинных иликороткихстатей. В данном случае в качестве затрат будет выступать время, которое требуется на чтение статьи. Посетители не любят тратить свое время впустую.Выгодойслужитрешениепроблемыпосетителя,легкостьподачи

информации и удовольствие от прочтения. То есть во время чтения посетитель должен получить какую-то выгоду. Текст должен содержать ценнуюинформацию. Есливычитаететекстрадилюбопытства,товыпредпочтетекороткую статью. Ноесливывпоискевашейпроблемы,то,вероятно,короткойстатьей вы не будете удовлетворены. Вы с удовольствием прочитаете длинную, которая предупредит вас обо всех вещах, которые нужно избегать в решении проблемы. То есть длинные статьи лучше, если они несут ценность. РЕШЕНИЕ Таким образом, чтение короткой или длинной статьи зависит от обстоятельствпользователя. •Есливыспециализируетесьнаимпульсивныхпокупках,толучше использоватькороткиестатьисразвернутымсодержанием. • Если товары более сложные, то тут нужно сосредоточиться на длинныхстатьях.Такиестатьиболееполнорешатпроблемупосетителей. Носамоелучшеерешение–статьисмешанноготипа.Делатькороткие обзоры для большинства пользователей и дополнять их углубленным изучениемпроблемыдлятех,ктохочетзнатьбольше.Длясложныхтоваров и услуг лучше сделать простые обзоры, чтоб посетители поняли вас, преждечемначнутисследованиявглубину. Еслистатьякачественная,интересная,топосетительпрочитаетееот начала до конца, даже если она длинная. А если статья скучная, то и краткостьнепоможет. Настраницедолжнобытьтолькоодноцелевоедействие! Именно одно, а не несколько разноплановых действий. Вы должны определитьдлясебя,какоедействиенасайтедлявасважноотпосетителей. Заказать? Подписаться на рассылку? Зарегистрироваться? Посмотреть акции?Толькоодно! Всегда четкий призыв к действию, а не расплывчатый текст. Например: «Звоните», «Пишите», «Кликните на картинку», «Заполните форму»ит.д.Еслистраницадлинная,топризывкдействиюдолженбыть вверху,внизуивнутристраницывразумномместе. Какаяжедлинатекстасчитаетсяоптимальной?Длиннаяиликороткая? Давайтевыполнимнебольшойтестипройдемсяпопунктамвашеготекста.

Тест№1

1.ПОСЕТИТЕЛЬПОНИМАЕТ,ОЧЕМРЕЧЬВТЕКСТЕ?

•Да

•Нет

Еслинет,товаштекстнеинтересенпосетителю.Напишитеегозаново. Еслида,тоидемдальше.

2.ПОСЕТИТЕЛЬУЗНАЕТЧТО-ТОНОВОЕ?

•Да •Нет Еслинет,товаштекстнеинтересенпосетителю.Напишитеегозаново. Еслида,тоидемдальше.

3.ЭТОУЛУЧШАЕТЕГОЖИЗНЬ?

•Да

•Нет

Еслинет,товаштекстнеинтересенпосетителю.Напишитеегозаново.

Еслида,тоидемдальше.

ЖИЗНЬ

УЛУЧШИТСЯ? •Да •Нет Если нет, то вернитесь к третьему шагу и донесите до посетителя информациюотом,какулучшитсяегожизнь. Еслида,ваштекстинтересенпосетителю,поэтомуегодлинанеимеет значения.Оптимальнаядлинатекста–покаинтересночитателю.

4. ПОСЕТИТЕЛЬ ПОНИМАЕТ,

ЧТО

ЕГО

Тест№2

Чтобы результаты текста не были субъективными, основанными

тольконавашемличноммнении,дайтепочитатьего3-5людям.Ипусть

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

•стрелка;

•человек,взглядкоторогонаправленнацелевоедействие;

•анимация;

•красивыйпейзаж.

Давайтерассмотримпримеры:

1.СТРЕЛКА:

Хотите дальше профессиональныйаудит.

терять деньги

ипи

готовы заказать

деньги ипи готовы заказать

2.ЧЕЛОВЕК,ВЗГЛЯДКОТОРОГОНАПРАВЛЕННАЦЕЛЕВОЕ

ДЕЙСТВИЕ Представьтесебеглазачеловека,направленныенаформу.Например, влево.Витогеглазапосетителейначинаютблуждатьвтомженаправлении, что и взгляд на картинке. С ее помощью ваше внимание будет сосредоточенонаформе.Онастанетэпицентромвашеговнимания.Тоесть мысклонныследитьзавзглядомокружающихнаслюдей,чтобыувидеть, начтоонисмотрят.Может,что-тоинтересноеилиопасноеестьвэтом направлении? Теперьпредставим,чточеловексмотритпрямонавасиливдругую сторону от формы. Например, вправо. Фокус с формы немедленно перемещается на самого человека. Теперь картинка воспринимается как бесполезное украшательство на сайте. Она как бы отвлекает внимание посетителейотболееважногоэлемента,т.е.формы.

3.АНИМАЦИЯ

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

4.КРАСИВЫЙПЕЙЗАЖ

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

сторонуобъекта. Также важно, чтобы текст на кнопках был понятен и лаконичен. Используйте названия, которые четко описывают желаемое действие, чтобысвестикминимумусовершенияошибочныхдействий.Вкачестве названийдлякнопокиспользуйтеглаголы.Избегайтеиспользованиятаких ярлыков,как«Отправить»,которыеотражаюттолькосампроцессотправки формы. Вместо этого прибегайте к таким названиям, которые четко соответствуютдействиюпосетителя. Например, «Скачать файл», «Добавить комментарии», «Вылечить сайт»,«Поднятьпродажи»ит.д. ЗАДАНИЕ

1.Привлекитевниманиекцелевомудействиюнасайтеспомощью

графическогоэлемента. Созданиеиллюзии,чтоonline-товарможнопотрогатьруками Одним из самых больших барьеров на пути к покупке в интернет- магазинеявляетсято,чтотоварнельзяпотрогатьруками.Вынеможете прикоснутьсяипочувствоватьпродукт,егозапах,повернутьего.Вотличие отпокупкивреальноммагазине,гдевсеэтоможносделать.Поэтомудля продаж на сайте очень важно передать иллюзию того, что посетитель держиттоварвруках.Какжеэтогодобиться? РЕШЕНИЕ Рассмотримнесколькоспособовпередачиэтогоощущения.

1.Большиеизображениятоваров.

2. Важные элементы показывать отдельно, крупным планом. Изображениядолжныбытьхорошегокачества. 3. Возможность просмотреть товар под микроскопом, используя эффект лупы. Это важно для товаров, где нужно просмотреть мелкие детали.Например,обувь,часы,украшения,одеждаит.д.

4.Видеоотоваре(1-2минуты).

5.ЗБ-товарилиэффектповоротана360градусов.

6.Товарвдействии.

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

1.Покажитенавашемсайте,чтоваштоварможнопотрогатьруками.

Принципсимпатии,иликакбыстропродатьтовар

Представьтесебе,чтовывобычноммагазинепокупаетеноутбук.К

вамподходитпродавециначинаетрассказыватьодостоинствахданного

товара.Выеговнимательнослушаете. Атеперьвопрос.Какомупродавцувыпозволитесебяуговоритьна покупку? Воттакойжемоментнаступает,когдавызаходитенасайт.Ивроли продавца выступает фото человека, рекламирующего товар или услугу. Чтобы повысить продажи на сайте, очень важно передать посетителю ощущение«мытакие,каквы»,«мыничемнеотличаемсяотвас». Какэтосделать? РЕШЕНИЕ Какие же фото людей нужно использовать, чтобы передать такое ощущение?Создатьположительныеассоциациидлявашегосайта,товаров илиуслуг?

1.ЗНАМЕНИТОСТИ

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

2.КРАСИВЫЕЛЮДИ

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

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

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

4.ИДЕАЛЫ

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

Такогородафотографиипосетителиигнорируют,потомучтоонине

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

1.Используйтепринципсимпатииквашемусайту.

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

•Капчаненесетникакогосмысла.Какправило,этобессмысленный наборбуквицифр.Естьриск,чтопосетительсделаетопечаткупривводе этойкомбинации. •Людисплохимзрениемвообщенесмогутпрочитатьвашукапчу.В итогевыпотеряетечастьсвоейцелевойаудитории. РЕШЕНИЕ Готовы удалить свою капчу из форм? Советую протестировать – убратьеенакакое-товремя.Азатемсравнитьколичествозаявокскапчейи безнее.Вашихлопотысоспамомпокажутсяпослеэтогоничтожнымипо сравнениюсвыросшимипродажами. Сравнитеростконверсиибезкапчисфактическимколичествомспама ипримитевзвешенноерешение,основанноенаэтихданных. Еслижевыстоитенасвоемикапчавамнужна,каквоздух,товотвам

несколько советов, как сделать ее более дружественной для ваших посетителей:

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

непришлосьнадеватьочкиилибегатьзалупой.

2.Сделайтекапчуболееосмысленной.Непроизвольныйнаборбукв

илицифр,а,например,конкретноеслово.Или:«2+3=?».Этонамного

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

3. Возможность обновить капчу. Это поможет посетителям, если в

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

4. Объясните, почему используете капчу в форме. Например, вы

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

посочувствуют вам, поскольку сами каждый день имеют с этим дело в своейпочте.

5. Принимайте буквы, написанные заглавными и прописными, как

равные,анекакразныебуквы. 6. Для лиц со слабым зрением разместите рядом с картинкой аудиокнопку,тоестьвозможностьпрослушатьвашукапчу. ЗАДАНИЕ

1.Проверьтевашиформынасайте–присутствуетливнихкапча?

Еслида,толибоудалитеее,либоубедитесь,чтоонасоответствуетвсем

изложеннымтребованиям.

Скоростьсайтаивремяотклика.Важныепределы

Большаячастьпосетителейожидает,чтоскоростьзагрузкисайтабудет

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

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

делать,еслискоростьзагрузкивашегосайтабольше2секунд?

РЕШЕНИЕ Рассмотримспособыуменьшениязагрузкисайта. 1. Проведите оптимизацию ваших картинок. Если ваши картинки большие,многовесят,уменьшитеихизагрузитенасайтзаново.

2.Этоспособдляпрограммистов:активизируйтесжатиевашихстилей

искриптоввкоде(html,ess,javascriptфайлы).Данныефайлысодержат ненужные комментарии, пробелы, перевод строк. Уберите их, сделайте файлымаксимальночистыми. 3. Сосредоточьте внимание посетителей на времени загрузки, разместивотвлекающийэлемент.Например,картинкасэффектомзагрузки (вращающийся круг). Также можно визуализировать время – сколько посетителю осталось ждать до окончательной загрузки. Тогда долгая загрузкабудетвосприниматьсяимболеелояльно:вот-вот,ещечуть-чуть осталосьдополнойзагрузки.

4.Загружайтеконтентневесьсразу.

Минимизируйте http-запросы для вашего сайта. Просто загружайте контентневесьсразу,апомерепрокруткистраницы.Этоускоритзагрузку сайта. Какэтогодобиться?ИспользуйтеAjax.Благодаряданнойтехнологии подгружаетсяневсястраница,атолькоотдельнаяеечасть.Этоуменьшит нагрузкунахостинг,гдележитвашсайт.

5.Разместитевсесамыеважныеэлементы,которыенужнозагрузить

настраницевпервуюочередь,повышевкоде. Почемутакважнаскоростьзагрузкисайта/страницы? •Онавлияетнаколичествопостоянныхпосетителейинапродажи. •Быстраязагрузкавызываетбольшедоверия,уваженияксайту.Дает возможностьвыйтивtopпоисковыхсистем,посколькуявляетсяважным параметром,которыйучитываетсяприранжированиисайтоввпоисковой выдаче. •Положительносказываетсянаколичествепосетителей,пришедшихс мобильныхустройств. Времяоткликавашегосайтанадействияпользователядолжнобыть быстрым. В тот момент, когда сайт не может дать немедленный ответ, следует предоставить пользователю обратную связь – например, в виде индикатора загрузки, – указывая в процентах, сколько времени еще осталосьждатьпосетителю.

ПОКАЗАТЕЛИПРОГРЕССАИМЕЮТ3ПРЕИМУЩЕСТВА:

•Убеждаютпользователя,чтосайтобрабатываетихзапрос.

•Указывает,сколькопримерноосталосьждатьвыполнениянужного

действия.Этопозволитпосетителямвмоментдолгогоожиданиязаняться

своимиделами.

•Этоделаетожиданиеменееболезненным. Графический индикатор лучше, чем индикатор, который показывает оставшеесявремявцифрах. Примерыграфическихиндикаторов:

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

Быстраяоперациянадействияпользователя–2-10секунд.

Оптимальноевремяотклика:

0,1секунды.

Пользователичувствуют,чтосайтреагируетмгновенно.

•1секунда.

Пользователимогутужезаметитьзадержкувработесайта.

•10секунд.

Дляпользователяэтопределсохранениявниманияназадаче. Если время отклика больше 10 секунд, то посетителям нужно предоставлятьиндикаторнастранице.Онидолжнызнать,скольковремени имждать.Этотпроцессбудетменееболезненнымдлянихсиндикатором. Ивысохранителояльностьвашихбудущихклиентов. ЗАДАНИЕ 1. Проверьте скорость вашего сайта. При необходимости оптимизируйтеее. Какпомочьпосетителюбыстропонять,гдеон Знакомаливамситуация,когдавыходитепосайтуинепонимаете,где высейчаснаходитесь?Вкакомразделесайта?Когдавыкликаетенаодини тотжеразделвнадежде,чтоещенепосещалиего?Какжеизбавитьсяот этогозамкнутогокруга? РЕШЕНИЕ Для этого достаточно показать посетителю, где он уже был, что просмотрел. Рассмотримвсеварианты. 1. ВИЗУАЛЬНО ВЫДЕЛИТЕ ПОСЕЩЕННУЮ ССЫЛКУ ДРУГИМЦВЕТОМ Довольно просто, но многие владельцы сайтов этим пренебрегают. История посещений поможет посетителям сориентироваться на вашем сайте.Гдеонибыли,гдеонисейчасикудаидтидальше. Еслижевизуальноневыделятьпосещенныеразделы,топользователи

будуттерятьсячаще,просматриваяодниитежестраницысноваиснова, покаврасстроенныхчувствахнепокинутвашсайт.Сохранениеистории посещенийявляетсяоднойизосновюзабилити.Выдолжныпомочьсвоим посетителямболееуверенноилегкоориентироватьсянавашемсайте. 2. ВЫДЕЛИТЕ ЦВЕТОМ АКТИВНОЕ В ДАННЫЙ МОМЕНТ МЕНЮ Это позволит посетителям быстрее понять, где они находятся в данныймомент. Дляактивныхссылокиспользуйтеяркийцвет(например,синий),адля посещенныхразделов–болеесветлый(например,серый).

3.ИСПОЛЬЗОВАНИЕ«ХЛЕБНЫХКРОШЕК»

Навигация на странице, показывающая, на каком уровне находится посетительвданныймомент. Советуюиспользоватьпредложенныеварианты.Этоокажетогромную помощьвашимпосетителям.Авамвоздастсяввидебольшейлояльностик сайту. ЗАДАНИЕ

1.Проверьтеиубедитесь,чтовсе3вариантаприсутствуютнавашем

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

Во-вторых, многие из них думают, что как только они предоставят свойe-mailилителефон,тонанихсразупосыплетсяспамоткомпании.

Почемуонитакдумают?Потомучтонескольколетназадинтернет-

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

рассылкуновостейилиспам. Посетительрассуждает:«Когдаяпокупаютуфливобычноммагазине, мнежененужнорегистрироватьсяиподписыватьсяначто-либо.Япросто плачузатовар.Почемуяобязанэтоделатьнасайте?» РЕШЕНИЕ Чтобы не вызвать раздражение у своих клиентов, уберите

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

телефоннужендлятого,чтобысделатьsms-рассылкуостатусезаказа,ae-

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

Также важно сохранять данные о посетителях на вашем сайте в течениекакого-либовремени,например,втечениемесяца.Делаетсяэтоза счетcookies(куки).Этопозволитоблегчитьжизньвашемуклиенту.Тоесть при повторном заказе ему уже не надо будет вводить свои данные, посколькусайтегоужезапомнил. ЗАДАНИЕ 1. Проверьте ваш сайт. Присутствует ли на нем принудительная регистрация? Если да, то уберите ее. Запрашивайте только минимум информации. Какнепотерятьклиента,когдасайтнедоступен Бываютситуации,когдавходеработысайтавозникаюттехнические ошибкиилисбои.Возникаютпроблемысхостингом,исайтнакакое-то времястановитсянедоступенпосетителям.«Глюк»насайтеприводитк мгновенному его закрытию – ваши посетители даже не попытаются перезагрузитьстраницуиливернутьсянанеечерезнекотороевремя.Если вашипосетителиушли,тоониушлинавсегда. Какжерешитьэтупроблемуинепотерятьпотенциальногоклиента? РЕШЕНИЕ Еслинавашемсайтепроисходяткакие-тосбоииливыпростохотите застраховать себя от них, то единственный способ избежать проблем – постаратьсяснизитьразочарованиевашихпосетителей. Рассмотримнесколькопримеровтого,какможнорешитьэтотвопрос:

•Принеситеизвинениязасбойипредложитепосетителямвернуться через некоторое время, где они получат за сбой 10 %-ную скидку на покупкувашихтоваров.Этоотличныйспособсохранитьпосетителей.Так

вынедадитеимповодауйтинадругойсайтисделатьтампокупкутехже товаровилиуслуг.Выпростопредлагаетеимнемногоподождатьикупить увастоварсвыгодойдляних. •Предложитепосетителямоставитьсвойтелефонилиe-mailвформе длясвязи,чтобывымоглипотомсвязатьсясними,когдавсеналадится. •Простопринеситеизвинениязаошибкуиобъяснитепричину. Это оставит хорошее впечатление у посетителей о вашем обслуживании.Небольшиеулучшениявсистемебудутстоитьзначительно дешевле,чемпотеряклиентаипривлечениеновыхпосетителей.Каждый привлеченныйклиентдолженбытьуваснасчету.Неразбрасывайтесьими! Следуетобратитьвниманиеинатонвашегопосланиякпосетителям. Он имеет решающее значение и может быть проанализирован по 4 параметрам:юмор,формальность,уважительность,энтузиазм. Давайте попробуем сделать серьезное, уважительное сообщение об ошибке:

•Мыприносимвамсвоиизвинения,номыстолкнулисьспроблемой!

•Мысожалеем,номыстолкнулисьспроблемой.Атеперьдобавим

эмоции:

• Ой! Мы сожалеем, но мы столкнулись с проблемой. Теперь с юмором:

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

1.Создайтестраницунасайте,котораябудетотображатьсявмомент

недоступностисайта. Общиеправиладляотображенияссылок Думаю,высталкивалисьстаким:вродебытекст,номожетбытьи ссылка. Многие на своих сайтах совершают ошибку, выделяя обычный тексттакже,какссылку,темсамымвызываяупосетителейнепонимание, чтоэто. РЕШЕНИЕ Какжеизбежатьэтойпутаницы?Запомните,текст–этотекст,ион долженбытьоформленкактекст.Ссылка–этоссылка,ионадолжнабыть оформлена по всем канонам ссылки. Большая часть посетителей под

ссылкой воспринимает текст синего цвета с подчеркиванием. Ссылку можносделатьидругогоцветавстилевашегосайта,ноподчеркивание желательнооставить. ОБЩИЕПРАВИЛА:

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

• Если же вы убрали подчеркивание, то эффект фокуса позволит

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

тон.

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

цвет,вэтомслучаеподчеркиваниеобязательно.Длясинегоцветаможно этимпренебречь. Какговорится:«Жизньслишкомкоротка,чтобынажиматьнавещи, которыевынепонимаете».Посетителиотносятсякщелчкам,какквалюте, инехотяттратитьеебессмысленно. Напервыйвзглядэтимелкиедетали, такие,какоформлятьссылки ссылками,могутпоказатьсявамнетакимиужважными.Азря!Правильно сделанная ссылка имеет большое значение. От этого зависит, насколько быстроилегкопосетителисмогутвзаимодействоватьсвашимсайтом.Все это позволит улучшить его юзабилити. И у посетителей не возникнет сомненийотносительнотого,какперемещатьсяпосайту. ЗАДАНИЕ 1. Проверьте ваши ссылки на сайте. Соответствуют ли они общим правиламотображения? Общиеправиладлявыпадающихсписков Огромные выпадающие списки воспринимаются посетителями как кошмар. Такая информация загромождает страницу. И работать с таким спискомпосетителюдовольнотрудно. Рассмотрим выпадающие списки с большим количеством полей. Например, более 15 штук. Сканировать такую навигацию посетителю сложно. Нужно делать прокрутку внутри выпадающего списка, ограниченногопространства.Этомедленныйпроцессдляпоисканужного пункта. Какжебыстрополучитьответизэтогосписка? РЕШЕНИЕ Общиеправиладлясписков:

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

Когдавариантоввспискеменьше,например3-5,удобнееиспользовать

радиокнопки,анесписки.

Вчемжеплюсырадиокнопок?

Вчемжеплюсырадиокнопок? •Онипозволяютсразупросканироватьвсевариантыинформации,не нажимаянасписок.Тоестьчтобыувидетьинформациюизсписка,вам придется совершить 2 клика. Для радиокнопок – ни одного. Вся информациявиднасразу. •Срадиокнопкамиувасбольшеконтролянаддизайномвариантов. Также к каждому варианту можно добавить небольшие пояснения. Чего нельзясделатьвсписках. ЗАДАНИЕ

1.Проверьтевашисписки.Принеобходимостиупроститеих.

5 предупреждающих знаков, которые указывают на проблему с категориями Одна из проблем, которая наблюдается на многих сайтах – это чрезмерная категоризация. Слишком большое дробление товаров на категории,подкатегории.Тогдакаквзаимоисключениелучшеиспользовать вфильтрах.Чемдольшепосетителибудутбродитьподлиннымкатегориям впоискенужнойстраницытовара,тембольшеихбудетуходитьссайта. Малоктохочеттратитьсвоевремянапоискиглывстогесена. РЕШЕНИЕ

Запомните:доступккарточкетоварасглавнойстраницы–2-3клика.

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

ноутбуковвывыноситекакотдельныеподкатегории.Начинаетедробить

вашсписоктоваров–ионразбиваетсянамелкиечастипо6-10товаровв

каждойкатегории.Такимобразом,чтобыдойтидостраницытовара,нужно зайтинаглавную,вкатегорию«Ноутбуки»,подкатегорию«Длядома»и только потом уже до страницы товара. Всего-то 4 клика. Хватит ли терпенияувашихпосетителей?Вместотогочтобытипыиспользования реализоватькактематическиефильтры. Сверхкатегоризацияделаетиерархиювашегосайтаслишкомглубокой. Этомешаетувидетьвсетоварыизопределеннойкатегории.Например,все ноутбуки.Дляэтогопридетсявыбиратьподкатегориюирассматриватьих отдельнодруготдруга.Пользовательвынужденперебиратьодинвариант задругим. Дажееслиестьвозможностьпросмотретьвсетовары,тосовмещать данныеподкатегорииподобщимфильтромневсегдаполучится.Каждаяиз

нихбудетиметь1илинесколькофильтров,присущихтолькоей.Нелучше

лииспользоватьобщийсписок? Еслижепосетительтуманнопредставляет,какойтоваремунужен,все становится еще более проблематичным. Ему придется делать выбор, не понимаяпоследствийитемсамымупускаяшанснайтиподходящийдля неготовар. Когдажеэтореализованоспомощьюфильтров,топосетительпросто выбирает общую категорию, а затем применяет какие-либо параметры фильтрации.Этоособенноважно,когдапосетительещенеопределился, чтоемунадо,плохознакомстоваром. Например, посетитель может запросить: «Мне нужен легкий велосипед».Когдажесайтразделеннаподкатегории,тоэтоусложнитему выборинепоможетпринятьправильноерешение. Скорее всего, у вас возникает вопрос: когда же использовать это в качествефильтра,акогда–вкачествекатегории?Выдолжнысмотретьна потенциальнуювыгодупревращениякатегориивфильтринаоборот.Также нужно учитывать, что если данный атрибут присущ всей категории, то следуетегоиспользоватькаккатегорию. Еслиэтоуникальныйнаборатрибутов,тонужносмотретьнасписок товаровирешать,каквыгоднееэтосделать.Еслисписоктовароввданной подкатегории мал, дробление бессмысленно. Посмотрите на ваши категории,подкатегории–везделиониуместноиспользованы? Рассмотрим 5 предупреждающих знаков, которые указывают на проблемусвашимикатегориями:

Объем трафика к категории – наиболее очевидный показатель того, насколько полезна и интересна данная категория для посетителей. При этомнужноисключитьизаналитикиповторныепросмотрыоднимиитеми жепосетителями.Иначеобъемтрафикаможетбытьзавышенотреальных данных.Учитывайтетолькоуникальныепросмотры. Какпонять,чтотрафикнизкий? •Являетсялитрафиксопоставимымстрафикомдругихкатегорий?

Есликатегорияполучает5%отвсеготрафиканасайте,то,скорее

всего, данная категория не имеет никакого отношения к большинству вашейцелевойаудитории. • Существуют ли факторы, которые влияют на неравенство в категориях? Например, некоторые категории имеют более высокий трафик, посколькувизуальноболеезаметныирасположенывышепосписку. •Понятналиданнаякатегорияпосетителям? В некоторых случаях стоит попробовать для нее другие названия. Альтернативныйвариант,чтобыувеличитьеепонятностьдляпосетителей, – сделать более ясным ответ на вопрос: «Что скрывается под этим названиемкатегории?».

2.НИЗКАЯКОНВЕРСИЯ

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

3.ВЫСОКИЙПОКАЗАТЕЛЬОТКАЗА

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

•Доступнолисодержимоевданнойкатегории. Проверьте,чтоотображаетсянаданнойстраницеиотображаетсяли вообще.Насколькотамудобнопредставленосодержимое.

4.НИЗКИЕЦЕНЫ

Ввашейкатегориипредставленынедорогиетовары,ноконверсияпри этомнизкая.Какиепоказателинужнопроверить? •Низкийтрафикнаданнуюкатегорию. Тогдапроблемывпродвижении.Нужнопростоэтимзаняться. •Низкийтрафикнавсекатегории. Нужно проанализировать каждый рекламный канал в отдельности (социальный,поисковыйтрафикит.д.).Найтипричинуиустранить. •Высокийуровеньконверсиидляузкойгруппыпользователей. Еслида,толучшеоставить,таккаконаэффективнадляэтойниши пользователей.

5.ЧАСТОЗАПРАШИВАЕМЫЙПОИСКОВЫЙЗАПРОС

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

1.Проверьтесписоквашихкатегорийвменю.Вселиониуместны,

понятныпосетителям?

7рекомендаций,какповыситьколичествозаявоквформах

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

пользователив2разачащезаполняютформудоконца.Этастатьяпоможет

вамулучшитьвашиформы,повыситьпродажи. РЕШЕНИЕ

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

1.ДЕЛАЙТЕИХКОРОТКИМИ

Частовстречаютсяформы,состоящиеиз5-10полей.Заполнятьтакие

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

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

чемменьшеполейвформе,тембольшезаказов.

Достаточно,чтобыклиентзаполнилтольковажные2-3полявместо5-

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

•полученакаким-либодругимспособом;

•собранавболеепозднийсрок;

•простоопущена.

Есливызапрашиваетедополнительнуюинформациюотпосетителей,

тоследуетобъяснитьпричину.Почемуонавамтакнужна,каквыеебудете

использоватьихранить.Будетлиданнаяинформацияпередаватьсятретьим

лицам.

Сравнимэффективнуюинеэффективнуюформу.

НЕЭФФЕКТИВНО:

1)e-mail;

2)имя;

3)отчество;

4)фамилия;

5)город;

6)телефон.ЭФФЕКТИВНО:

1)имя;

2)e-mailилителефон.

Все!Большевамничегоненужноотклиента.Всюдополнительную информациюоклиентеменеджерполучитпотелефонуилиe-mail. Поповодукапчи:устанавливайтееетольковтомслучае,еслиидет спам.Еслиспаманет,токапчавданныймоментвформененужна. Каждыйраз,когдавысокращаетеполявашейформы,выповышаете вашуконверсию.

2.СООТВЕТСТВИЕПОЛЕЙТИПУИРАЗМЕРУ

Избегайте раскрывающегося меню, если у вас всего 2-3 варианта. Лучшеотобразитькороткийсписокввидерадиокнопок.Во-первых,все

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

3.ОБЯЗАТЕЛЬНЫЕПОЛЯ

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

4.ФОРМАТИРОВАНИЕ

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

5.ИЗБЕГАЙТЕКНОПКУ«ОЧИСТИТЬ»

При наличии данной кнопки рядом с кнопкой «Отправить» повышаетсярискслучайногонажатияненатукнопку.Врезультатевремя пользователяназаполнениеформыбудетпотраченовпустуювсегоиз-за однойошибки. Даннуюкнопку«Очистить»нужно:

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

ПРИМЕР№1

ПРИМЕР№2 3проблемы,которыевызываеткнопка«Очистить»

ПРИМЕР№2

ПРИМЕР№2 3проблемы,которыевызываеткнопка«Очистить»

3проблемы,которыевызываеткнопка«Очистить»

1.НАЖАТИЕКНОПКИПООШИБКЕ

Посетительхотелнажатьнакнопку«Отправить»,анажалнакнопку «Очистить». Взрывмозга:всеначинатьсначала!

2.ЗАГРОМОЖДЕНИЕФОРМЫ

2кнопкиусложняютвосприятиеформы.Посетительтратитвремяна

то,чтобыпросканировать2кнопкиирешить,какаяизнихправильная.

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

3.ДОПОЛНИТЕЛЬНЫЙВЫБОР

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

Дажееслиончастоимеетделосданнойформой,вкнопке«Очистить» всеравнонетнеобходимости. Проще редактировать старые данные, чем удалять и начинать все сначала.

6.ХОРОШОВИДИМЫЕСООБЩЕНИЯОБОШИБКЕ

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

7.LABELВНЕПОЛЯВВОДА

Labelсообщаетпользователю,какуюинформациюследуетвводитьв

поле.Многиедопускаютошибкуиразмещаютlabelвнутриполяввода.

Частыепроблемысэтим: НАПРЯГАЕТ

Частыепроблемысэтим:

НАПРЯГАЕТ

ПОЛЬЗОВАТЕЛЕЙ Эта информация, как правило, быстро исчезает из поля, когда пользовательначинаетвводить.Частоегоотвлекают,например,телефон, электроннаяпочтаит.д.Врезультатепривозвращениикформеонможет

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

1.

ИСЧЕЗНОВЕНИЕ

ПОДСКАЗКИ

1. ИСЧЕЗНОВЕНИЕ ПОДСКАЗКИ

ОТПРАВКОЙ Приотсутствииlabelклиентуневозможноубедиться,чтоонправильно всезаполнил.Нетlabel–нетспециальнойинструкциидлякаждогополя. Многие перед отправкой формы привыкли проводить проверку, все ли правильнозаполнено.Атутнеясно,какоеполезачтоотвечает.

3.ОШИБКА–ЗНАЧЕНИЕПОУМОЛЧАНИЮ

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

4.УДАЛЕНИЕТЕКСТА-ЗАПОЛНИТЕЛЯВРУЧНУЮ

Иногда заполнитель внутри поля не исчезает, и пользователь вынужденвручнуюудалятьего,преждечемонвведетсвоюинформациюв поле.Этаизлишняянагрузкаувеличиваетвремязаполненияформы. Такимобразом,оченьважно,чтобыlabelразмещалсявнеполяввода.

Взглянитенаформынавашемсайтеиубедитесь,чтоонинесодержат этихошибок.Исправивих,высможетеповыситьколичествозаполненных формнасайте. ЗАДАНИЕ 1. Взгляните на формы на вашем сайте и убедитесь, что они не содержатэтихошибок. Каксделатьстраницу«Окомпании»болеепродающей Вашипосетителихотятзнать,ктовыипочемуследуетзаказатьтовару вас.Поэтомутакважноправильнооформитьстраницу«Окомпании».Но, как правило, данной странице не уделяется должное внимание. Там присутствуетобщеескучноеописание.Какшаблон,которыйприменимк любойдругойкомпании,еслипростопоменятьлоготипиназвание.Чтобы такогонебыло,нужноправильнооформитьданнуюстраницу.Как?

1.ПОКАЖИТЕ,ЧТОВЫРЕАЛЬНОСУЩЕСТВУЕТЕ

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

живыелюди.Разместитенаэтойстраницереальныефотовашейкоманды,

вашегоофиса.Аещелучшесделатьвидеотурповашейкомпании.

Несовершайтеошибкимногихкомпаний–неиспользуйтестоковые

изображения с натянутыми улыбками. Такие фото не несут никакой ценностидлявашихпосетителей,неулучшаютвиденьевашейкомпании. Лучшеиспользоватьсвоифотосживымиэмоциями. 2. НЕ НУЖНО ПИСАТЬ О ЦЕЛЯХ ВАШЕЙ КОМПАНИИ, ВАШЕЙМИССИИ.ВАШИМПОСЕТИТЕЛЯМЭТОБЕЗРАЗЛИЧНО Советуюнеиспользоватьобщиефразывформате:

•«Мыпредоставляемкачественныеуслуги». •«Унасширокийассортименттоваров». •«Мыстабильнаяиответственнаякомпания»ит.д. Этифразывсемдавноуженадоели.Ониненесутникакойсмысловой нагрузки. Посетитель хочет знать нечто конкретное о вас и вашей компании.Егонеинтересуетобщееописание,котороеприменимоклюбой компании-конкуренту. Как в математике: «От перемены мест слагаемых сумманеменяется». Лучше расскажите своим посетителям, как быстро вы решаете их проблемы и т. д. Не используйте фразы «мы», «наша компания», «мы делаем»ит.д.Поменьшеговоритеосебеипобольше–оклиенте,его проблемах,путиихрешения. Большеконкретикиввашемтекстеипоменьшеобщихфраз.Покажите уникальностьсвоейкомпании.

3.ЛЕГКОСТЬСКАНИРОВАНИЯ

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

4.ПОКАЖИТЕ,КТОВЫ

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

5.СКАЖИТЕ,ЧТОВЫДЕЛАЕТЕ,НАПРОСТОМ,ПОНЯТНОМ

ЯЗЫКЕ Представьтесебеситуацию:посетительпришелнавашсайтвпервый раз, ничего о вас не знает. С чего начать презентацию? Для этого вам

достаточноответитьна2простыхвопроса:

•Ктовашацелеваяаудитория? •Чтовыделаете?Какиетовары,услугипредлагаете? Ответы дайте в простой, краткой форме. Не нужно создавать сочинение. Формат:вопрос–краткоответ.Четкоиподелу.

6.ВАШИУТП(ПРЕИМУЩЕСТВА)

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

7.НАПРАВЬТЕКВАШИМПРЕДЛОЖЕНИЯМ

Укажите на этой странице легкий путь для дальнейшего взаимодействия с вашим сайтом. Например, посмотрите наши акции, популярныетовары,отзывыит.д. Давая информацию о своей компании, вы устанавливаете с посетителямидоверительностьиформируетеуважениеквам. Хорошийраздел«Окомпании»облегчаетпонимание.Четкоопишите, ктовы,чтовыпредлагаете,ктовашацелеваяаудиторияит.д. Преждечемчто-токупитьнасайте,посетителиоцениваюткомпанию вкачественадежнойорганизации,деловогопартнера. ЗАДАНИЕ

1.Откройтевашустраницу«Окомпании».

2.Принеобходимостиподправьтеее.

Плюсы и минусы функционала «быстрый просмотр карточки товара» Некоторые интернет-магазины используют функционал – «быстрый просмотркарточкитовара»прямосостраницыкатегорий,думая,чтоэто улучшаетюзабилитисайта. На самом деле этот функционал вызывает серьезные проблемы у посетителей. На первый взгляд быстрый просмотр карточки товара кажется отличной идеей. Функция предоставляет пользователю возможность просмотретьтоварвовсплывающемокне,беззаходанастраницукарточки товара.Тоестьонпросматриваетдополнительнуюинформациюотоваре, изображенияит.д.,непокидаятекущуюстраницу. Почемужеянерекомендуюегоиспользовать? РЕШЕНИЕ Рассмотримплюсыиминусыданногофункционала.

1плюс:

1.БОЛЕЕКРУПНОЕОСНОВНОЕИЗОБРАЖЕНИЕ,НАЛИЧИЕ

ДОПОЛНИТЕЛЬНЫХ ИЗОБРАЖЕНИЙ И БОЛЕЕ ПОЛНАЯ ИНФОРМАЦИЯ Быстрыйпросмотркарточкитоварапозволяетисправитьнедостатки на странице «Категории». А именно – мелкое изображение товара,

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

3минусаданногофункционала:

1.КЛИК

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

2.ЗАГРУЗКАИНФОРМАЦИИ

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

3.ЗАГРУЗКАСТРАНИЦЫ«КАТЕГОРИЯ»

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

Получается,чтокликнастраницутовараинабыстрыйпросмотр– действияодинаковые.Этокликизагрузкавобоихслучаях.Икакого-либо преимущества тут не прослеживается. Дополнительные изображения, информациятакжедоступнанастраницетовара.Причемданнаястраница дает больше возможностей посетителям, чем всплывающее окно. Преимуществоиспользованиябыстрогопросмотра–бессмысленное. Также часто посетители путаются и вместо того, чтобы открыть страницу о товаре, попадают в режим быстрого просмотра товара. Особенно когда кнопка «Быстрый просмотр» помещена в середине карточкитовара. Этонепроблема,когдапосетителиэтозамечают,таккаконимогут закрыть режим быстрого просмотра и перейти на страницу товара. К сожалению,многиеэтогонезамечаютивоспринимаютрежим«быстрого просмотра» как страницу товара. Следовательно, они не видят всю доступную информацию о товаре. Получается, что данный функционал лишаетпосетителейважнойинформацииифункций,которыеможнонайти тольконастраницетовара. На одних сайтах режим быстрого просмотра осуществляется по кнопке.Надругих–принаведениикурсорамышинакарточкутовара,что ещесильнеезапутываетпользователей. Такимобразом,уданнойконструкцииестьсущественныенедостатки. Онаусложняетпониманиетого,какработатьсвашимсайтом. АЛЬТЕРНАТИВНОЕРЕШЕНИЕ«БЫСТРОГОПРОСМОТРА» Принаведениикурсорамышиследуетотображатьвкарточкетовара дополнительнуюинформациюонемпрямовспискепродуктов.Первичная информацияулучшитспособностьпользователейсканироватьиоценивать спискипродуктов.Этопозволитимотказатьсяотнерелевантныхтоваров, уменьшив количество переходов к товарам, которые не соответствуют ожиданиям.Витогепосетителинеищутиголкувстогесена.Всепростои понятно. Таким образом, режим «быстрого просмотра» размывает различия междупредварительнымпросмотромтовараистраницейтовара.Исоздает проблемы – как, когда и где показывать кнопку «Быстрый просмотр», чтобыпользовательслучайнонеоткрылпредварительныйпросмотр,когда насамомделеискалстраницутовара. ЗАДАНИЕ

1.Просмотритевашикарточкитоваранасайте.

2.Еслионисодержатфункционал«быстрыйпросмотр»,тоудалите

его.

7способовполучитьбольшезаказов

Превращение посетителя в покупателя является одной из основных задачинтернет-магазина.Ночтопроисходит,когдаклиентоформилзаказ? Вответнастранице«Спасибозапокупку»онслышит:«Спасибоза заказ, менеджер свяжется с вами в ближайшее время». Что означает:

«Спасибо за деньги – идите дальше». Клиент потратил свое время на оформлениезаказа,потратилсвоикровнозаработанныеденьги. Грех не воспользоваться ситуацией, когда клиент очень лоялен к компании. РЕШЕНИЕ

Рассмотрим7способовполучитьбольшезаказовотвашейстраницы

«Спасибозапокупку».

1.ДОПОЛНИТЕЛЬНЫЕПРОДАЖИ(CROSS-ПРОДАЖИ)

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

Например:«Втечение15минутвыможетекупитькакой-либотовариз

предложенных по суперскидке – 25 %». Желательно объяснить клиенту причинутакойскидки.

2.ПОДПИСКАНАРАССЫЛКУ

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

3.ПОДПИСКАНАГРУППЫВСОЦСЕТЯХ

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

4.СОЦИАЛЬНЫЕКНОПКИ

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

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

5.МЕРОПРИЯТИЕ

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

6.КУПОННАСКИДКУ

Предложите вашим клиентам купон на скидку при совершении следующейпокупки.Этопозволитвернутьихнавашсайт.

7.ЗАДАТЬВОПРОС

Какойвопросможнозадатьклиентунаданнойстранице? Ачтоволнуетвпервуюочередькомпанию?Правильно.Чтоклиент думаетвмоментпокупки?Чегоемунехватает?Чтопредставляетдлянего больший интерес и т. д.? Так почему бы не спросить об этом ваших посетителей?Например:«Какмыможемулучшитьнашсайт?» Или:«Чтовасзаставилокупитьтовар/услугуименноунас?» Такимобразом,выполучитечеткиеответыотсвоейаудиториивтот момент,когдапосетительнаиболеерасположенквашейкомпании. Эти способы позволят эффективно использовать вашу страницу «Спасибозазаказ».Неупуститесвойшанс! Тутперечисленыосновныеспособы,носуществуютидругие. ЗАДАНИЕ

1.Откройтевашустраницу«Спасибозазаказ».

2. Подправьте страницу, используя один из перечисленных выше приемов. Почемуклиентыбросаюткорзинунеошормленной?15 способов решитьпроблему Многиеинтернет-магазинысталкиваютсясчастойпроблемой:клиент положилтоварвкорзину,нооформлятьзаказдоконцанестал.Вчемже истинныепричинытакогоповедения,икакнанихможноповлиять? Рассмотрим причины, по которым клиенты бросают корзину неоформленной:

1.ПРОСТООТВЛЕКЛИ

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

РЕШЕНИЕ Внешние факторы вы не можете контролировать. С этим нужно смириться. А вот с внутренними факторами вполне можно справиться, убравссайтаэлементы,которыеотвлекаютпосетителейотпокупки.

2.ОТСУТСТВИЕМОБИЛЬНОЙВЕРСИИ

Например, посетитель хочет оплатить. Заходит на страницу «Корзина»,авмобильнойверсииотображаетсяуменьшеннаякопиявашего сайта.Еслионнеадаптированподмобильныеустройства,тобольшинство посетителейдажепытатьсянебудутчто-либозаполнить.Онипростосразу уйдут. Бываетитакое.Посетительговорит:«Доберусьдокомпьютера,тогда исделаюзаказ».Недоберется.Онпростоовасзабудетвсуматохедел.Все, выпотеряливашегоклиента. РЕШЕНИЕ Вашсайтдолженбытьадаптированподмобильныеустройства.

3.МЕГАФОРМЫ

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

Сократитеколичествополейвформе.Оставьтетольковажные:имя,e-

mailителефон–этоговполнедостаточно.Чембольшеданныхвыпросите заполнить в форме, тем меньше посетителей будут это делать. Максимальноупроститеоформлениезаказа.

4.ОГРАНИЧЕННОЕКОЛИЧЕСТВОСПОСОБОВОПЛАТЫ

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

Ивоттутихждетсюрприз.Какиевозможныварианты? •Насайтенеподдерживаетсяоплатакредитнымикартами,инужно оплатитьбанковскимпереводом. • Не поддерживается именно ваш тип кредитной карты. Например, интернет-магазины принимают только карты MasterCard, что является проблемойдлявладельцевVisa.

• Отсутствуют самые распространенные способы оплаты: QIWI, Яндекс.Деньги,WebMoneyит.д. •Нетвозможностипровестиплатежonline.Нужноличноприехатьв офис и оплатить. Не у всех посетителей есть время на это. Многие не оформляюткорзинуиз-затого,чтоимнеподходятпредлагаемыеформы оплаты. РЕШЕНИЕ Предоставьте посетителям широкий выбор способов оплаты. Чем большевариантоввыпредложите,тембольшешансов,чтоклиентоплатит. Самые популярные способы оплаты: WebMoney, Яндекс. Деньги, QIWI-кошелек,Visa/MasterCard,«Связной»,«Евросеть». Дайтевозможностьпосетителямпровестиonline-платеж,подключив платежнуюсистему.Например,Paypalит.д.

5.ПЛОХОЕЮЗАБИЛИТИ

Посетителям сложно понять, как купить у вас товар. Так и не разобравшись,они,разочарованные,уходятссайта.Припокупкесложных товаров (например, компьютер, стиральная машина и т. д.) люди будут болееснисходительноотноситьсяксложностиоформлениязаказа.Делая импульсивныепокупки(например,книги,шоколадкаит.д.),онинебудут ждатьипростопокинутсайт. РЕШЕНИЕ Сделайтестраницуболееудобнойипонятнойдлявашихпосетителей.

6.ПРИСУТСТВИЕПРОМО-КОДА

Чтоделаетклиент,увидевтакоеполе:«Еслиувасестьпромо-код,то введите его здесь»? Правильно. Начинает его искать по всему сайту. Результат:ненайдяпромо-код,посетительуходитссайта,такинесделав заказ. Наличиепромо-кодасообщаетпосетителю,чтооннеполучитлучшее предложение. РЕШЕНИЕ Выбрасываем данное поле из «Корзины» или делаем его менее заметным.

7.ОТСУТСТВИЕДОВЕРИЯ

Все слышали страшные истории о том, как интернет-магазины обманывают покупателей. Забирают деньги, а потом исчезают. Так вот, еслипосетителинечувствуютсебявбезопасностинавашемсайте,если сайтневызываетдоверия,толишьнемногиебудутрисковатькупитьздесь что-либо. РЕШЕНИЕ

Повышайте чувство безопасности на сайте. Разместите в процессе оформления заказа значки безопасности (например, закрытый замок), значки платежных систем. Чтобы посетители чувствовали себя более уверенноприпередачесекретнойинформации. Укажитетакже,чтовседанныепередаютсявзашифрованномвидепо защищенномупротоколу.Стехническойточкизрениятаконоиесть.Но мало кто из посетителей знает об этом. А сделав на этом акцент, вы получитеконкурентноепреимущество. Еслижевашакомпаниянаслуху,тодовериеквамужесформировано. Хотядополнительныезначкибезопасностинепомешают.

8.СООТВЕТСТВУЕТЛИТОВАРРЕАЛЬНОСТИ

Например,выпокупаетеплатье.Есливреальноммагазиневыможете потрогать его, примерить, то на сайте такой возможности нет. Это усложняетпокупкуonline.Посетителипытаютсяудостовериться,чтоэто то,чтоимнадо.Вреальноститоварвыглядитточнотакже,какнасайте. Нокогдадоходитдооплаты,иходолеваютсомнения:«Чтоеслиэтоплатье мненеподойдет?» РЕШЕНИЕ Нужно использовать дополнительную имитацию реальности: дать пользователювозможность«потрогать»,«увидеть»товар.

9.НЕПЛАНИРОВАЛИПОКУПАТЬ

Естьтакаякатегориялюдей,котораялюбитзаниматьсяшопингомна просторахИнтернета.Онипросто«кладут»товарвкорзину,нопокупать егонепланируют.Либосейчасунихнетденег. РЕШЕНИЕ С этим ничего не поделаешь. Нужно принять это как данность. Небольшаяпогрешностьввашейконверсии.

10.ДОПОЛНИТЕЛЬНЫЕРАСХОДЫ

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

Вседополнительныерасходыдолжныбытьозвученыдооформления заказа,настраницекарточкитовара,чтобынаэтапеоформлениякорзины это не стало шоком для покупателей. Желательно также все расходы закладыватьвстоимостьпродукта.Нужносделатьнаэтомакцент,указав, что в стоимость заказа бонусом входит бесплатная доставка, монтаж изделия.Этооченьподкупаетпосетителей. Оченьважноделатьдоставкубесплатной.Этобольшестимулируетк покупке,чемдоставкасдополнительнойплатой.Еслижевамбесплатная доставканевыгодна,укажите,прикакойсуммепокупкипредоставляется бесплатнаядоставка. Слово«бесплатно»–этомощныйэмоциональныйрычагдляваших посетителей.Бесплатнаядоставкапозволяетпривлечьбольшеклиентовна сайт.

11.ЛИШНИЕШАГИ

Удалитененужныешагинаэтапеоформлениязаказа.

12.ПРИНУДИТЕЛЬНАЯРЕГИСТРАЦИЯ

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

В результате посетители чаще уходят с сайта, чем регистрируются. Пользователинеготовырасставатьсясосвоимиличнымиданными,прежде чемунихнепоявитсячувстводоверияксайту. РЕШЕНИЕ

без

предварительнойрегистрации.Запрашивайтетолькоминимуминформации напоследнемэтапеоформлениязаказа.

Дайте возможность посетителям совершать покупку

13.МЕДЛЕННАЯЗАГРУЗКА

Представьте,чтопосетительхочетпобыстрееоформитьзаказ.Ноему

приходится ждать, когда загрузится корзина и пройдут все этапы оформлениязаказа.Укакогоклиентахватиттерпения?Егоэтоначинает нервировать,таккаконнепривыктакдолгождать. Ионуходитссайта,бросивоформлениекорзины. РЕШЕНИЕ Проверьтевашсайт.Еслионзагружаетсямедленно,тоувеличьтеего

скорость.

14.СОПУТСТВУЮЩИЕТОВАРЫ

Представьте,вызаполнилисвоютележкуипереходитев«Корзину»

дляоформлениязаказа.

Ичтовывидите?Прямов«Корзине»вампредлагаютдополнительные

товары.Дляинтернет-магазинаэтовозможностьувеличитьобъемпокупки.

Для вас – раздражение, так как вы уже определились с вашим заказом, решениепринято,аотвасчего-тоещехотят.

В обычном магазине это привычно и не вызывает раздражения.

Например,в«McDonalds»,помимобургера,вамдополнительнопредлагают

картошкуфриисоус.Вампредлагаютдополнительныетоварынакассе,

покавынаходитесьвпроцессеформированиясвоегозаказа.

В интернет-магазине вы уже приняли решение, выбор сделан. И

сопутствующиетоварыначинаютотвлекатьвасотпокупки.Особенноесли они вам понравились. Вы уходите из «Корзины» на страницы дополнительных товаров. И в итоге так и не заканчиваете свой заказ. Некоторыепокупателидоводятсвойзаказдоконца,ноихнемного. Такимобразом,сайтыбольшетеряют,чемполучают,когдаотвлекают посетителейотпроцессаоформлениязаказа. РЕШЕНИЕ Уберитесопутствующиетоварыизкорзины.

15.ОТСУТСТВИЕНОМЕРАТЕЛЕФОНА

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

получитьподдержкуврешениипроблемыилиответынавопросы,которые унихмогутвозникнуть. Сдругойстороны,телефонговоритпосетителямостабильности,это свидетельствотого,чтовы–реальнаякомпания.Указанныйномерсоздает довериеидаетпосетителюпонять,чтоонимеетделосзаконнойфирмой. РЕШЕНИЕ Разместитеваштелефоннавидномместе.Например,вшапкесайта. Какжеснизитьпроцентброшенныхкорзин? Идеальная«Корзина» Дамнесколькосоветовпосозданиюидеальной«Корзины».

1.Установитемобильнуюверсиюсайта.

2.Укажитетелефоннавидномместе(вшапкесайта).

3.Создайтепонятнуюструктурувсехэтаповоформлениязаказа.

4.Уберителишниешагиприоформлениизаказа.

еестоимости.

6.Предоставьтевозможностьсделатьзаказбезрегистрации.

7.Избегайтемегаформы.Оставьтетольковажныеполя.

8.Уберитепромо-кодилисделайтеегоменеезаметным.

9. Предоставьте все типы оплаты. Самые распространенные и востребованные.

10. Повысьте чувство безопасности оплаты. Добавьте значки платежныхсистем,закрытыйзамок,ssl-сертификатит.д. 11. Избегайте сопутствующих товаров в «Корзине». Они воспринимаютсякакспамиоченьотвлекаютпосетителейотзаказа.

12.Увеличьтескоростьзагрузкисайта.

13. Покажите клиентам, что их всегда ждут, сохранив заказ в

«Корзине».

14.Дайтеклиентампонять,чтоимвсегдарады–правильнооформите

страницу«Спасибо». Этипростыеулучшенияокажутбольшоевлияниенавашипродажи. Посмотритенавашсайтглазамивашихпосетителей! ЗАДАНИЕ

1.Откройтевашустраницу«Корзина».

2. Проверьте, соответствует ли «Корзина» всем описанным

требованиям.

3.Принеобходимости,подправьте.

Психологияценника.13способовподатьцену

Цена играет важную роль в принятии решения о покупке. Чтобы сделатьеевглазахвашихпосетителейболеепривлекательной,важнознать психологию ценника. Многие сайты допускают в этом деле серьезные ошибки.Какжеихизбежать?Нужновзглянутьнаценыподдругимуглом, найтиидеальнуюцену,котораяподниметвашипродажинановыйуровень. РЕШЕНИЕ Рассмотримразличныеподходыформированияценынатовар.

13способовпредставитьцену:

1.ЦЕНАЗАЕДИНИЦУ

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

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

•канцелярскиепринадлежности(бумага,ручкиит.д.); •оборудование(болты,винтикиит.д.); •напитки(газированныенапитки,вино,колбасаит.д.); •недвижимость(квартирыит.д.).Например,дляквартиры–ценаза квадратныйметрит.д. Указываяценузаединицутовара,выпомогаетепосетителямлучше понять,каконимогутсэкономить,покупаяцелыйкомплектувас.Если указанатолькообщаяценазакомплект,тоэтонепозволяетпосетителям принять взвешенное решение. И в итоге они уходят покупать товар в другом месте. Поэтому так важно показать выгоду от покупки вашего комплектаявнымобразом. Цена за единицу позволит быстрее сравнить ее с аналогичными продуктамиуконкурентов. Удивительно:вобычныхмагазинахуказываютценузаединицутовара, а в интернет-магазинах этот момент многие опускают. В качестве меры цены за единицу берется то значение, которое соответствует данной категории товаров. Почему-то владельцы сайтов думают, что клиент вытащиткалькуляторисамвсепосчитает. Представьте, что посетитель вашего сайта хочет найти продукт по низкойценезаединицутовара.Дляэтогоондолженсамостоятельновсе рассчитатьдлякаждогоотдельногокомплектаввашемспискепродуктов. Потом все записать и после этого повторно найти продукт, который он определилкаклучшийтовар.Очевидно,чтониодинпосетительнебудет

этогоделать.Особенноесливспискетоваровунегобольше10пунктов.Он

простоуйдетнадругойсайт. Цена за единицу эффективно подталкивает посетителя на более крупныепокупки.

2.УТОЧНЕНИЕЦЕНЫ

Издвухцен–округленной(например,6000руб.)иточной(5990руб.)

– вторая в большинстве случаев покажется потребителю более привлекательной. Почему? Считается, что причина этого в «сложности» цены. Если первая цифра считается легко, то со второй уже надо

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

он

подсознательно воспринимает их как взятые из воздуха или даже

наоборот, кажутся

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

искусственно завышенные. Точные цены,

3.ОКРУГЛЕНИЕЦЕНЫ

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

4.ЦЕНАСДЕВЯТКОЙ

Спорыоценниках,которыезаканчиваютсяна«99»,«90»или«95»,не

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

Например,мыпроведемтакуюманипуляциюсценником«3000руб.»и

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

подсознательновоспринимает«2900»каксумму,стремящуюсяк«2000».А

этовсе-такинатретьменьше,чем3000руб.

5.ПРОДАЖАВРАССРОЧКУ

Перед вами товар, который стоит 5900 руб., но потребителю он кажется дорогим. Попробуем предложить его в рассрочку: например, 5 платежей по 1180 руб. Новый взгляд на цену поможет привлечь покупателей,длякоторыхполнаясуммаявляетсяпороговой.Но,чтоне менее важно, рассрочка меняет весь процесс сравнения вашей цены с ценаминатовары-аналоги. Частопокупателиподсознательносравниваютценупорассрочке(то

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

6.СТОИМОСТЬВВИДЕЕЖЕДНЕВНОГОВЗНОСА

Данная тактика часто используется при покупке дорогостоящих товаров(квартира,машина,бытоваятехника). Ценапредоставляетсяввидеежедневногоилиежемесячноговзноса

(например,«всего250руб.вдень»или«7500руб.вмесяц»).Хотяобщая

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

Возможно,ваштоварстоитстолькоже,сколько1000чашеккофеили

50походоввкино?

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

7.МЕНЬШИЙРАЗМЕРШРИФТА

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

8.ПОВЫШЕНИЕЦЕНЫНАПРЕДЫДУЩУЮВЕРСИЮ

Выпуская новую версию продукта, не стоит кардинально занижать

стоимостьстарой(например,стараяверсияпродукта–7000руб.,ановая–

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

изменениецен.Например,стараяверсияпродукта–12000руб.,новая–

15000руб.Разницавценахнетакаярезкаяикажетсявполнеобоснованной.

9.ПРЕДОПЛАТА

Необходимость платить по счетам включает в работу центральную

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

10.КОМПЛЕКСНЫЙПРОДУКТ

Предложитесвоимпокупателямкомплексныйпродукт(товар№1+

товар№2=цена).Врезультатеимбудетсложнееопределитьстоимость

каждогопродуктавнутрикомплекта.Всеэтотакжепозволитуменьшить больотрасставаниясденьгами.

11.АКЦЕНТНАВРЕМЯ

Приуказанииценыпопробуйтеиспользоватьслово«время».Можно рассказать,насколькоприятнымбудетвремя,проведенноепокупателемс вашим продуктом. Или как долго этот продукт прослужит. Подобные описанияделаютобразтовараболеепривлекательным,авзглядвбудущее отвлекаетотмыслейорасставаниисденьгами.

12.«ПРАВИЛОСОТНИ»

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

Например,«цена–2800руб.,скидка–700руб.»,«цена–950руб.,

скидка–20%».

13.МЕДЛЕННЫЙРОСТ

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

составляет5600руб.,тоееувеличениедо5775руб.будетменеезаметно,

чемувеличениедо5900руб.Вашацель–подниматьценыпочуть-чуть

через определенный промежуток времени. Тогда повышение пройдет безболезненнодляклиентов,авозможно,ониегонезаметят. Крометого,этатактикапомогаетвыигратьвремядлянаблюденияза реакциейрынка. Какие бы способы игры с ценами не применяла компания, сделать обоснованныевыводыобихреальномвоздействиинаспросможнотолько попрошествиивремени. ЗАДАНИЕ

1.Тестируйтекаждуютехникуценообразованиядлявашегосайта.

11шаговдлясозданияпродающеговидео

Есть2формыонлайн-видео:

•Развлекательноевидео ЭтотрадиционноеТВ-шоу.Пользователюостаетсятолькосмотретьи наслаждаться. Повременивидеоничемнеограничено. •Информационноевидео Данныйтипвидеоболеекороткий,специализированный.Егоцель– продатьтоварилиуслугу,анеразвлекатьпосетителей. Здесьмыостановимсянавторомтипевидео,посколькуименнопри егосозданиивозникаетмногопроблем.Какправильноегосоздать?Как продатьсегопомощьютовар? Видео – это отличный способ подачи информации. Прежде чем рассмотретьправильноепродающеевидео,ответьтенавопросы. ЗАЧЕМВИДЕОНАСАЙТЕ? •Смотретьвидеолегче,чемчитать. •Оноприближаетваскпосетителю. •Повышаетдоверие. •Удерживаетвнимание. •Посетительсильнеереагируетнапризывкдействиюввидео. • Дает дополнительный трафик за счет размещения видео в социальныхсетях,поисковыхсистемах. ВАРИАНТЫВИДЕО:

•обзоркомпании,вашихтоваров/услуг;

•кейсы;

•отзывыклиентов;

•обучение,советы;

•интервью,новости.

ЭТАПЫСОЗДАНИЯПРОДАЮЩЕГОВИДЕО:

Дляначаланужноопределиться,накакихстраницахследуетвнедрять

видео.ЗаконПареттогласит:20%действийдают80%результата.

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

2.ДАЙТЕУПРАВЛЕНИЕПОЛЬЗОВАТЕЛЯМ

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

тестированияавтозапуска.

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

3.ДЛИТЕЛЬНОСТЬВИДЕО

Видеонедолжнобытьслишкомкороткимилидлинным.Посетителям

сложносконцентрироваться,когдаонодлинное.Никтонехочеттратить

своедрагоценноевремянапросмотрдлинногоролика.Онодолжнобыть

лаконичнымвподачеинформации.Без«воды»,четкоипосуществу. Оптимальная длительность видео не должна превышать 1-2 минут. Чем больше людей просмотрит его до конца, тем больше посетителей выполнитвашецелевоедействие. Исключение–обучающиевидео.

4.РАССКАЖИТЕПОЛЬЗОВАТЕЛЯМ,ЧТОБУДЕТВВИДЕО

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

5.ВСТУПЛЕНИЕ

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

информации.Датьпонятьсутьсодержания.Навсепровсеувас10секунд.

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

6.ПРИЗЫВКДЕЙСТВИЮ

Многиевидео,посути,тупиковые,посколькуоставляютпосетителей

послепросмотрабезчеткогопути.Ачтоимтеперьнужноделать?Какую

цельпреследоваловидео?Поэтомуприсозданиироликакомпаниядолжна

четкопродумать,чтодолженсделатьпосетительпослеегопросмотра.То

естьважновключитьввидеопризывкдействию.

ВАЖНЫЕМОМЕНТЫ:

• Призывы к действию могут быть разные: сделать заказ,

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

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

7.ЛЮБИТЕЛЬСКОЕВИДЕО

ИЛИПРОФЕССИОНАЛЬНОЕ? По опыту любительские видео вызывают больше доверия, чем профессиональные.Тестируйте.

8.КАМЕРАИЛИЗАПИСЬСЭКРАНА?

Записьсэкранапрощесделать.Нозаписьскамерывызываетбольше

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

В любом случае тестируйте. Делайте разные варианты видео и

смотрите,насколькоониэффективноработаютввашейтематикебизнеса.

9.ИСПОЛЬЗОВАНИЕМУЖСКОГО/ЖЕНСКОГОГОЛОСА?

Зависитотвашейцелевойаудитории.Тестируйте.

10.ПРИМЕНЯТЬАНИМАЦИЮИЛИНЕТ?

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

11.НАКЛАДЫВАТЬМУЗЫКУИЛИНЕТ?

В одних случаях музыка может усиливать видео, а в других –

отвлекать.Тестируйте. ФОРМАТЫВИДЕО

•Самыераспространенныеформатывидео–avi,m4v,swf

ит.д. Насколькосущественноповышаетвидеоконверсиюнасайте? Я провела исследование, в результате которого были получены следующиеданные.

были получены следующиеданные.

Создавайтевашивидео,загружайтенаYoutube,внедряйтеихнасвой сайт.Впередкповышениюпродаж! ЗАДАНИЕ

1.Создайтевидеодлявашихтоваровилиуслуг.

Почемускидкиперестаютпривлекатьпокупателей,икакснова

заставитьихработать

Дажеесликомпанияпредлагаетпотребителюскидку,совсемнефакт, чтоонобратитнанеевнимание.Почему? Какобычнорассуждаютмаркетологи,даваяпотребителюскидку?Дал

скидкупосетителям10-15%–исиди,попивайкофеинезабывайсчитать

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

скидку10-15%ичего-тождут,работаясебевубыток.Затоскидка!

Поделюсь с вами несколькими секретами, которые сделают ваши скидкиболееэффективными.

1.ВЫРАЗИТЬЭКОНОМИЮВПРОЦЕНТАХИВРУБЛЯХ

Представим,чтокомпаниядаетскидку15%натовар,которыйстоит

7590руб.Можетпоказаться,чтоперспективасэкономить15%дляклиента

оченьдажепривлекательна.Ночтонасамомделе? Клиент не видит своей выгоды: 15 % –это сколько в рублях?

Правильныйответтакой:1138.50руб.Новыдумаете,покупателибудут

самивысчитыватьэто,чтобыпонять,сколькоониэкономят? Большинствонебудетсебяэтимутруждать.Скореевсего,онипоищут магазин,гдечеткоиконкретноуказано,сколькоможносэкономить.Благо, выборсейчасбольшой. Решениеочевидно:укажитеточно,какуюсуммуэкономитклиентпри покупке скидочного товара. Согласитесь, «экономия» – 1138.50 руб.»

звучитпонятнееипривлекательнее,чем«скидка15%».

2.КОРОТКИЙDEADLINE

Чемкорочесрокдействиявашейскидки,темлучшедляпродаж.Что

думаетклиент,когдакомпанияуказываетскидку,котораядействует1-1,5

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

3.ПРЕДОПЛАТА

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

готовсразуоплатить100%,стоитпредоставитьскидку.

4.ПРЕДЗАКАЗ

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

ипредоставьтескидкутем,ктооформилзаказнановуюуслугу/товардо стартапродаж.

5.ОБОСНОВАНИЕ

Любая скидка, которую запускает компания, должна быть «прозрачной». «В честь чего такая щедрость?» – может подумать покупатель. Возможно, ему хотят «сбагрить» очередной залежавшийся товар,которыйнепользуетсяспросом?Аосликомниктонехочетбыть. Чтобыэтогонепроизошло,важнообосноватьсвоискидки.Например:

«вчестьпраздника»,«наденьрождениякомпании»,«открытиефилиала», «сезонныескидки»иличто-тоеще.

6.ПОДАРОК

Скидка–этохорошо,ноподароклучше.Онболееощутимипонятен

дляклиента.Например:«Припокупкевнашеммагазиненасуммуот6900

руб.одинизчетырехэксклюзивныхгелейдлядушавподарок!».

7.КЛУБНЫЕКАРТЫ

7.КЛУБНЫЕКАРТЫ

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

8.1ПОКУПКА=10ПОДАРКОВ

Будьте креативнее. Ищите новые форматы скидок. Предоставьте скидкуприпокупкебольшегообъема.Илисделайтенеодинподарок,а

несколько–этакийнабор.«Прилюбойпокупкенасуммуот3000руб.в

периодс1июняпо10июнявыполучаете10подарков».

9.НАКОПИТЕЛЬНЫЕСКИДКИ Данный вид скидок позволит сформировать

9.НАКОПИТЕЛЬНЫЕСКИДКИ

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

10.СОПУТСТВУЮЩИЕТОВАРЫ

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

3важныхправилавработесоскидками

1. Скидка должна оправдывать ваши затраты. Не работайте себе в убыток.

2.Непродавайтетоварысоскидкоймассово.Соднойстороны,вы

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

3.Делайтескидкинаразныетоварывразныепромежуткивремени.И

следитезареакциейпокупателей.

следитезареакциейпокупателей. Глава5.Практика

Глава5.Практика

Магазинсвоимируками:10готовыхрешенийдляростапродаж

Многиеимеютсвойсайт,апродажинанемсгодамитакинерастут. Какжеисправитьситуацию? РЕШЕНИЕ

Специальнодлявасрасскажуо10простейшихтехнологиях,которые

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

1.ВЫГОДЫОТПОКУПКИ

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

•Изчегосделанавашапродукция? •Откудаэтиматериалы?Кемонибылипроизведены? •Каксоздаютсявашитовары? •Ктоихпроизводит? •Каковыуникальныепреимуществавашихтоваров? • Какая история стоит за вашей компанией и какую ценность она добавляетпродукциивглазахпользователей? •Чтоуникальноговыможетепредложить? Найдя ответы, вы сможете без труда выстроить собственную уникальнуюбизнес-историю. Иногда при разработке УТП (уникальные торговые предложения) выручаетболееузкоепозиционирование:«Мужскиеноскипоподписке», «Интернет-магазин детективов», «Уничтожение насекомых с 100 %-ной

гарантией»,«Кухниза1день(покупка,доставка,установка)».

СовременемУТПдолжнонайтиотражениенетольковрекламных

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

2.ДОСТАВКАИОПЛАТАВКАРТОЧКЕТОВАРА

Информация об условиях доставки и оплаты товара требуется посетителю на том этапе, когда решение о покупке практически сформировано. Важно, чтобы она была изложена простым и понятным языком и находилась«подрукой». То есть не только в справочном разделе сайта, но и на странице с карточкойтовара. Атакжесопровождалавесьпроцессоформлениязаказа. Магазинам, работающим на WordPress, может пригодиться плагин «Order Delivery Date» (в версиях от свободно распространяемой до платной). Он дает покупателю возможность самостоятельно выбирать дату и времядоставкитовара. В профессиональной (платной) версии, помимо расширенных настроек календаря, есть возможность включить оповещение о дате предлагаемойдоставкивэлектронноесообщениесподтверждениемзаказа, котороеотправляетсяпокупателю.

3.ВИРТУАЛЬНЫЕКАТЕГОРИИ

Когда посетителю сложно сделать выбор, на помощь приходят виртуальныекатегории,которыепомогаютсделатьэтозанего:«Новинки», «Хитыпродаж»,«Товарыдлямужчин»,«Подаркидляженщин»ит.д.

Отличныйспособдляпродвижениятакихспециальныхпредложений– это

Отличныйспособдляпродвижениятакихспециальныхпредложений– это либо категории в меню, блок товаров, либо слайдеры. Они дают возможностьвыводаизображений,видеоилидругогоконтентанасайте довольнопривлекательнымспособом. Если «Тема», на которой работает WordPress-магазин, не имеет встроенных слайдеров или вы просто хотите добавить что-то более броское,посмотритенаплагиныпремиумкласса(например,«RoyalSlider» или«SliderRevolution»). «Slider Revolution» ($19) удобен тем, что содержит библиотеку примеров, которые можно адаптировать под свой дизайн. В этой библиотеке можно найти варианты слайдеров, которые заполняются не только сообщениями из блога, но и записями другого типа, например, продуктамиWooCoomerce.

Аплагин«WCBox»($17)ивовсе«заточен»именноподэтузадачу.

С помощью таких слайдеров на любую страницу можно вывести «Карусель»товаровиззаданныхвамикатегорий.

4.ИНФОРМАЦИОННЫЕСТРАНИЦЫ

Как правило, владельцы сайтов не уделяют большого внимания информационнымстраницам(«Оплата»,«Доставка»,«Каксделатьзаказ»). Азря. Этоважныестраницыдляпосетителей,которыепозволяютсклонить ихкпокупке. •Страница«Каксделатьзаказ» Предоставьте для каждого способа заказа краткое описание и скриншоты(приредизайнесайтаследитезаихактуальностью). •Страница«Доставка» Опишите все возможные способы доставки товара. Не совершайте ошибку – не описывайте доставку для всей России. Разбейте всю

территориюнаосновныесекторы–Москва,Санкт-Петербург,регионы.И длякаждогосектораукажитесвойсрокистоимостьдоставки. Многие владельцы сайтов ленятся рассчитать стоимость и срок доставки для каждого региона и вместо этого указывают ссылки на транспортныекомпании.Этонеуважениекпосетителю.Всюнеобходимую информациювыдолжныпредоставитьсами,анеуводитьпосетителяна постороннийсайт. •Страница«Оплата» Предоставьтенаданнойстраницевесьсписокспособовоплаты.Для каждого варианта оплаты предоставьте картинку, которая узнаваема посетителями.Незабудьтеуказать,чтопроцессonline-оплатыбезопасени проходитчереззащищенныйпротокол.

•Страница«Возвраттовара»
•Страница«Возвраттовара»

•Страница«Возвраттовара» Даннаястраницапомогаетразвеятьпоследниесомнениясостороны покупателей(инаоборот,ееотсутствиеснижаетчислозаказов).Укажите информациюобусловияхвозврататовара.

Еслипозаконудляданноготоваранеобязателенвозвратвтечение14

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

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

магазинувцелом.Спомощьюплагина«WarrantiesandReturns»($26)их

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

5.«БЫСТРЫЙЗАКАЗ»ИЛИ«КУПИТЬВОДИНКЛИК»

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

телефону. При покупке с помощью кнопки

При покупке с помощью кнопки «Добавить в корзину» покупатель

можетсобратьвкорзинемноготоваровизатемоформитьзаказв2-3шага.

Припокупкеводинкликзаполняетсятелефониимяпокупателя.Адреси

суммузаказаоператоруточняетпотелефону.

Дляэтогонастраницетовараразмещаетсякнопка«Быстрыйзаказ»

или«Купитьводинклик».Прикликенакнопкубудетвсплыватьокно,

котороесодержитследующиеполяввода–«Имя»и«Телефон».Данный

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

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

«Тоbuyinoneclick»–«Купитьводинклик»($14).

6.ЗАРАНЕЕПОЛНАЯКОРЗИНА

Корзина «О товаров / 0 рублей»? Большая часть сайтов использует именнотакуюформулировку.Насамомделекорзинапосетителянедолжна бытьпустойникогда.Дажееслионтолькочтозашелнасайт,тамвсегда должночто-толежать.

Вместотекста«Отоваров/0рублей»напишите:«Вкорзиневасждет

подарок».Этоповыситвашипродаживнесколькораз.

В качестве подарков может

В качестве подарков может выступать что-то ценное, полезное для посетителяинедорогое.Допустимо,еслиподаркибудутникакнесвязаныс тематикойбизнесакомпании.Например:«Призаказешампуня«SexyHair» насуммуNруб.выполучитедизайнерскуюсумкувподарокилибилетыв театр».

Платныйплагин«DynamicCartNotices»($17)позволяетсопровождать

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

тележкой.Например:«Добавьтеещеодинтовариполучитескидку30%на

всюсуммузаказа!»

7.ВСПЛЫВАЮЩИЕОКНА

Представьте,чтовыоткрываетесайтивидитеокносрекламой.Сразу

возникаетжеланиезакрытьсайт,верно?Казалосьбы,решениеочевидно:

вообщенеиспользоватьpop-upокнонасайте,разэтоможетраздражать посетителей.Нотестыпоказывают,чтоpop-upвсплывающиеокнаочень эффективны. Главное – использовать их так, чтобы они не раздражали посетителей. •Показывайтеихпризакрытиисайта.Этоещеодинспособудержать посетителя,еслионничемнезаинтересовалсянасайтеилиещенеготовк покупке.

•Сделайтедизайнpop-upокнавстилесайта.

•Сделайтедизайнpop-upокнавстилесайта. •Убедитепосетителя,чтовашепредложениевpop-upокнеценнодля негоипринесетемупользу. 8. ДОПОЛНИТЕЛЬНАЯ ИНФОРМАЦИЯ О ТОВАРЕ НА СТРАНИЦЕКАТАЛОГА Как правило, многие сайты ограничиваются на странице каталога небольшойинформациейотоваре:название,фото,ценаикнопка«Купить». Врезультатепосетителисовершаютмноголишнихдействий,переходяна конкретныйтовар,которыйпохарактеристикамможетихизначальноне устраивать. Совершив 2-3 раза подобные действия и не найдя нужный товар,посетителиуходятссайта. Чтобыэтогоизбежать,представьтепосетителюнастраницеикраткую, и более развернутую информацию о товаре. Например, при наведении мыши на карточку товара можно перечислить его наиболее важные характеристики. С одной стороны, это не перегрузит карточку товара в каталоге. С другой–позволитпосетителямнесовершатьлишнихдействий,переходя наненужныйимтовар,и,расстроившись,уходитьссайта. Таким образом, вы облегчите жизнь посетителю на вашем сайте, сделаете его выбор более простым и удобным, повысив лояльность к вашемусайту.

Указывая подробную информацию о характеристиках товара, вы

Указывая подробную информацию о характеристиках товара, вы помогаетепользователямсделатьвыборвпользуименновашейпродукции

9.«СПАСИБОЗАПОКУПКУ!»