Исследование потенциальных клиентов Продвижение на рынке «Чудесного оволосителя Джо»


НазваниеИсследование потенциальных клиентов Продвижение на рынке «Чудесного оволосителя Джо»
страница9/18
ТипИсследование
1   ...   5   6   7   8   9   10   11   12   ...   18

«Что в этом для меня?»

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

Например, на рис. 7.7 мы изменили несколько маленьких элементов на странице на Skinnerlnc.com, которая объясняет потенциальным продавцам, как они могут продавать через Skinner. Наши изменения сделали информацию более актуальной для продавца, и сразу же скачиваемость форм увеличилась на 213%.

■ Мы изменили заголовок «Продажи на аукционе» на «Выставление на аукцион проще с Skinner». Простота — это выгода, и изменение фокуса помогает процессу выглядеть доступнее.

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

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

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

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

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

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


Рис. 7.7. Несколько простых изменений на этой странице создали увеличение конверсии на 213%



Рис. 7.8. Этот заголовок домашней страницы дает решительное обещание
Преимущества

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

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

Подсчитайте количество преимуществ в моем дизайне для surfulater.com на рис. 7.9. Страница открывается сильным вы-ориентированным, четким и полным преимуществ заголовком «Зафиксируйте и найдите контент, который вам нужен… мгновенно!» За ним следует последовательность меньших заголовков, которые обращаются к конкретным преимуществам: «Сохраните мгновенно все, что угодно», «Восстановите мгновенно», «Редактируйте и комментируйте свободно», «Легко справиться» и «Делитесь повсюду» — это все энергичные преимущества, которые могут захватить внимание потенциального клиента, у которого на уме конкретная потребность, и это работает, как призыв к действию. На призыв «Попробуйте сейчас бесплатно» разумным ответом должно быть «Почему бы и нет!»
Привлекают преимущества, а не свойства

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

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

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


Рис. 7.9. Домашняя страница surfulater.com наполнена преимуществами

Рассмотрим несколько примеров замены свойств на преимущества в заголовках:

■ Доставка в этот же день (свойство) становится преимуществом: «Вы можете расслабиться, зная, что ваши товары прибудут к 5 вечера».

■ Продолжительность работоспособности сервера (свойство) становится преимуществом: «Пока вы сосредоточены на своих клиентах» мы поможем вашему серверу быть в Сети 24/7».

■ Продолжительная работа батареи (свойство) становится «Не волнуйтесь, если вам неожиданно пришлось отправиться в командировку. Наша батарея для ноутбука прослужит вам всю дорогу из Лондона в Нью-Йорк — и обратно».



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

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

■ Низкие цены (свойство) становится «На 500 долларов, которые вы сэкономите, покупая у нас, вы сможете предложить своей семье неожиданное путешествие».

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

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

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

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


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

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

Компания недавно получила следующее письмо от счастливого клиента: «Я объяснил свою проблему, и через 9 минут она была решена. Самая лучшая поддержка на свете!» Для меня такая эмоциональность — маркетинговая драгоценность, так что я сделал это основным фокусом дизайна их новой домашней страницы, показанного на рис. 7.12.



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

Когда правильнее начать со свойств

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


Рис. 7.13. Используйте здравый смысл. Если у вас есть рынок, ищущий свойства, в любом случае начните с соответствующего текста на целевых страницах
Эмоции

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

Замечание

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

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

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

Рассмотрим как, вместо обобщенного предложения вроде «Доставка цветов», следующие призывы соответствуют целевому рынку, решают проблему и предлагают покупателю ощутимые преимущества:

■ Удивите свою девушку идеальным подарком на День святого Валентина — меньше 30 долларов.

■ Как сказать ей «Я люблю тебя».

■ Доставка похоронных венков через 24 часа — гарантирована.

■ Подарок в последнюю минуту? Эти роскошные летние букеты доставляются по всей стране на следующий день после заказа.

■ Ничто не скажет «Мне жаль» так, как это сделает букет.

■ Вспышка цвета украсит любой день.

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

На рис. 7.14 показан большой заголовок, который я создал для домашней страницы инструктора по личному росту. Текст «Живите полной жизнью. Наслаждайтесь настоящим успехом. Любите каждую минуту» работает полностью в области эмоций. Кого бы не заинтересовали такие преимущества? Так как услуги и преимущества, которые может предложить инструктор по личному росту, могут быть разнообразны, это введение выделяется, делая смелое заявление, которое вдохновляет и создает общее воодушевление. Если потенциальные клиенты устанавливают связь с демонстрируемыми эмоциями и вдохновляются, они пойдут дальше.



Рис. 7.14. Эти обещания обращаются напрямую к эмоциям предложения

Замечание

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

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

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


Рис. 7.15. Когда мы заменили на контактной странице нашего агентства сухие факты на личное обращение, конверсии подскочили на 94,7%

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

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

■ «Вы отдаете $$$ каждый месяц?»

■ «Торопитесь! Получите свой, пока они все не кончились!»

■ «Защитите свою семью от смертельного излучения электромагнитного поля».

■ «Почему мужчины никогда не перезванивают — и что вы можете сделать по этому поводу».



Рис. 7.16. Конечный результат — переезд в новый дом. Заметьте, как эмоции на картинке работают в сочетании с заголовком, который предлагает конкретные и немедленные преимущества

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

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

Например, во время написания текста, для продвижения курса по более эффективному управлению жизнью, я придумал заголовок (рис. 7.17): «Если вы получаете от жизни все, что хотите, не читайте это!» Такие призывы могут вызвать чувство исключения, которое мы, естественно, хотим преодолеть.


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

Надежность

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

Кен Маккарти считает, что у всех нас есть два встроенных фильтра, застревания в которых должен избежать маркетолог. Один — это фильтр «Ну и что?» и другой — это фильтр «Чепуха!». Убедитесь, что каждое сделанное вами заявление пройдет через оба этих фильтра.

Обычный способ застрять в фильтре «Ну и что?» — это задать риторический вопрос. Риторические вопросы — это вопросы, не требующие ответа. Вопросы заставят людей читать, только если они требуют ответа. Частая ошибка, с которой я встречаюсь — это заголовок «Почему вы должны выбрать нас?». Часто на него отвечают: «Я не знаю. Это ваш веб-сайт. Вы мне должны рассказывать».

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

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

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

■ доступность;

■ заметность;

■ навигация;

■ зрительный образ;

■ вид и ощущение.
Доступность

Если посетители могут найти знаки, чтобы ответить на золотой вопрос («Я в нужном месте?») в первые несколько секунд, они, скорее всего, решат, что движение вперед более интересно, чем отказ от движения, это означает, что вы получили их внимание. Если они не найдут эти знаки, вы потерпели поражение в битве за внимание.

Я называю качество того, как легко «дойти» до цели страницы, доступностью.

Первая задача страницы состоит в том, чтобы утверждать «Да — вы в нужном месте». Когда у страницы хорошая доступность, посетители скажут: «Я понимаю ее и я знаю, что делать дальше», и им не требуется особенно задумываться. Нужные им признаки выскочат прямо на них. Это означает, что эти ключевые признаки должны быть первым, что они заметят.

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

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

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

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

Вы можете упростить любую составляющую контента или дизайна, включая макет. Рисунок 7.18 иллюстрирует эксперимент, который мы проводили над предыдущей версией страницы продаж «Сохраните пиксель». Убрав колонку слева с навигационными опциями, заменив поле подписки на новостные рассылки и дополнительную информацию, мы увеличили продажи на 20,5%. Поскольку уменьшилось количество вещей, рассеивающих внимание посетителя, оставшиеся стали выглядеть более акцентированными на основной идее.


Рис. 7.18. Убрав боковую колонку со старой страницы «Сохраните пиксель», мы получили рост продаж на 20,5% благодаря акценту на предложении

На рис. 7.19 показан вид gurushot.com, веб-приложения, которое мы разработали для демонстрации посетителям философских цитат в ответ на их запросы. Дизайн сайта исключает любые элементы, которые не нужны для предоставления желаемого взаимодействия, что позволяет посетителям сосредоточиться непосредственно на контенте.
Заметность

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


Рис. 7.19. Gurushot.com имеет минималистский дизайн, который сосредоточивает внимание на значимом контенте

Я выделяю восемь факторов дизайна, которые могут повлиять на заметность:

■ размер;

■ контраст;

■ жирность;

■ цвет;

■ расположение;

■ пространство;

■ эффекты;

■ движение.

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

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

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

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

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

Многие страницы могут позволить себе увеличить размер начального заголовка и другой первостепенной информации. Когда вы удаляете ненужный визуальный мусор, у вас появляется больше доступного пространства, так что вы можете усилить первичные сигналы, как показано в моем дизайне для EventRight, показанном на рис. 7.20. Глаз может остановиться только на элементах, у которых есть контентная ценность: наименование, навигация, текст и совокупность изображений.
Рис 7.20. Уменьшение количества визуальных элементов позволяет привлечь внимание к самым важным местам
Контраст

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

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

Рисунок 7.21 показывает дизайн EventRight с использованием размытия, основное внимание привлекают логотип (сверху и слева), главный слоган (сверху и справа), полоса навигации, фотографии внизу справа и черный заголовок в верхней части контента. Заголовок на полосе заголовка не так уж заметен, потому что был использован белый цвет на фоне средней насыщенности, попробуйте использовать черный текст или сделать фон контрастнее.

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

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

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

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

Цвет работает аналогично контрасту — создает различия между элементами. У страниц должна быть общая цветовая гамма (которая может быть неброской и гармоничной или дерзкой и кричащей в зависимости от бренда).

Существует два базовых принципа использования цвета:

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

■ Используйте контрастные цвета (обычно с противоположных сторон цветового круга), чтобы привлечь внимание к конкретным свойствам.

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

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

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

Не размещайте вверху страницы слишком много, ваш ключевой контент рискует оказаться «за линией сгиба» (то есть посетителю придется прокрутить страницу, чтобы его увидеть)!

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

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

Свободное пространство вокруг любого элемента делает его заметнее. Форму (силуэт) объекта легче узнать, если она не зажата другими элементами.

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

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

На рис. 7.22 показан раздел страницы интернет-магазина, дизайн которой я недавно переделывал. Заметьте, что у каждого элемента есть достаточно белого пространства вокруг, что делает его легким для чтения. Не поддавайтесь соблазну размещать контент плотнее друг к другу — это загромождает страницу!


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

Эффекты 3D

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

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

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

На рис. 7.23 представлен мой дизайн для synctus.com, который предлагает хитроумный инструмент для синхронизации файлов, расположенных на отдельных жестких дисках, через Интернет. Дизайн создает иллюзию плоскости, ассоциирующейся с круговой диаграммой, показывающей, как перемещаются данные между устройствами хранения.

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

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

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



Рис 7.23. Сайт synctus использует иллюзию трехмерного пространства, чтобы привлечь внимание к продукту и главному контенту
Тестирование и исправление заметности

На рис. 7.24 показаны результаты интересного эксперимента. Сначала я переделал дизайн строки заголовка towelsdirect.co.uk, чтобы больше сосредоточиться на выгодах для покупателя. (Чтобы провести тест, я использовал Google Website Optimizer, о котором рассказано в главе 11.)

Вот изменения, которые я протестировал:

■ Я увеличил заметность логотипа, телефонного номера и трех ключевых свойств.

■ Я разработал новый рекламный девиз (фразу, которая идет вместе с логотипом, чтобы объяснить предложение).

■ Я добавил рисунок знака, заявляющий «Выбор № 1».

Результатом стало значительное падение коэффициента конверсии на 45,4%.


Рис. 7.24. Три заголовка на towelsdirect.co.uk, показывающие огромное изменение в коэффициенте конверсии от нескольких на первый взгляд незначительных изменений

Я задал себе вопрос «Что могло вызвать такое негативное влияние?» Могли ли знак и остальные свойства отвлекать внимание от контента? Чтобы ответить на эти вопросы, я создал третий заголовок, на котором я убрал знак и уменьшил размер и контрастность текста. Это вызвало увеличение конверсии на 46,5% по сравнению с оригинальным заголовком! Что же стало отвлекающим фактором:

■ Возможно, знаку «Выбор № 1» не хватало достоверности.

■ Может быть, заголовок был слишком загроможденным и визуально отвлекающим.

■ Или дело было в том, что наиболее заметные элементы были не тем контентом, который искали люди.

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

Предупреждение

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

Навигация

Постоянное меню навигации вашего сайта делает три вещи:

■ Сообщает вам, где вы.

■ Сообщает, куда еще вы можете пойти.

■ Предоставляет возможность попасть туда.

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

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

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

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

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

Замечание

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



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

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

Показать человеческое лицо — это простой способ повысить привлекательность страницы. Улыбающееся и обращенное к зрителю лицо привлекает еще больше внимания.

Рисунок 7.26 демонстрирует две версии главного изображения продукта со страницы продаж клиента (bibletimelihe.net). Оригинальная картинка была показана в виде графика, но не давала представление ни о размере, ни о деталях.

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

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

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

Если страница выглядит неправильно или если пришедший посетитель задается вопросом: «Туда ли я попал?», вы плохо начали.

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

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

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

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

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

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

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

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

Рис. 7.27. Два подхода к оформлению tile.co.uk… Но как выбрать правильный?
Тесты на доступность

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

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

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

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

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

1   ...   5   6   7   8   9   10   11   12   ...   18

Похожие:

Исследование потенциальных клиентов Продвижение на рынке «Чудесного оволосителя Джо» iconОпределение круга ваших потенциальных покупателей 43 Ценообразование...
Поддержка данного проекта осуществлена фондом евразия за счет средств, предоставленных Агентством по Международному Развитию Соединенных...

Исследование потенциальных клиентов Продвижение на рынке «Чудесного оволосителя Джо» iconПубличная оферта о заключении агентского договора на оказание услуг...
Кумент является официальным и публичным предложением о заключении агентского договора с целью привлечения потенциальных клиентов...

Исследование потенциальных клиентов Продвижение на рынке «Чудесного оволосителя Джо» iconПравила акции «Ремонт в подарок!»
Акция является стимулирующим мероприятием рекламного характера, направленным на формирования положительного отношения и повышение...

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

Исследование потенциальных клиентов Продвижение на рынке «Чудесного оволосителя Джо» iconРекламной Акции «Путь в Бразилию подскажет сердце!»
Товар), а также услуги по прохождению тест-драйва (совершение пробной поездки) на автомобилях kia (далее – Услуга, Тест-драйв), и...

Исследование потенциальных клиентов Продвижение на рынке «Чудесного оволосителя Джо» iconПоложение о брокерском обслуживании клиентов на ммвб общие положения
Банк) оказывает юридическим лицам любой организационно-правовой формы и физическим лицам (далее – Клиенты) услуги на рынке ценных...

Исследование потенциальных клиентов Продвижение на рынке «Чудесного оволосителя Джо» iconИсследование имеющегося содержания существующего сайта припит и информационных...
Модернизация сайта припит с использованием системы управления содержимым сайта (cms)

Исследование потенциальных клиентов Продвижение на рынке «Чудесного оволосителя Джо» iconИванова Алефтина Аргентиновна
Обязанности: Поиск и подбор специалистов в сфере бухгалтерии и юриспруденции по заявкам клиентов центра: размещение вакансий в Интернете,...

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

Исследование потенциальных клиентов Продвижение на рынке «Чудесного оволосителя Джо» icon6. Исследование предпочтений потребителей на рынке бытовых холодильников в г. Зеленогорске
Выявление предприятий торговли, реализующих бытовые холодильники в г. Зеленогорске

Вы можете разместить ссылку на наш сайт:


Все бланки и формы на filling-form.ru




При копировании материала укажите ссылку © 2019
контакты
filling-form.ru

Поиск