Автор: Miss Content
Тема: Статья. 5 дизайнерских уловок для увеличения конверсии.
В извечном вопросе, чему уделить максимальное внимание и усилия: дизайну или продвижению, я думаю, пальму первенству следует отдать дизайну. Ведь именно ваш сайт является конечным пунктом, куда попадают ваши потенциальные клиенты после проведенных вами мероприятий по раскрутке и пиару. Между ними существует прямая зависимость: уменьшение на 10% показателя отказов на сайте приводит к 10% уменьшению затрат на продвижение.
Сегодня мы рассмотрим несколько проверенных приемов по улучшению вашего дизайна, с целью повышения конверсии.
1. Слайдеры картинок — это отстой.
Почему? Давайте я расскажу: слайдеры добавляют сайту вес. Что происходит, когда страница долго загружается? Люди уходят, не посмотрев ничего. Слайдеры, хороши только для демонстрации, с них нет толку для побуждения к действию. Когда университет Нотр-Дама тестировал на главной странице слайдер, отклик получала только самая первая картинка. И даже этот отклик был чрезвычайно низок. Только 1% посетителей совершили желаемое действие. Иными словами, только 1% посетителей заинтересовались тем, что занимает верхнюю половину главной страницы. Все исследования, которые я проводил, доказали неэффективность слайдеров. Многие посетители воспринимают их как рекламные баннеры и ситуация осложняется «баннерной слепотой».
Вывод: откажитесь от использования слайдеров и ротаторов. Если ваш клиент/начальник настаивает на их использовании, покажите им этот пост.
2. Важность «закрытия» сделки.
Еще одним способом увеличить удовлетворение пользователя от покупки — правильно завершить сделку. Человек всегда подсознательно ищет подтверждения, что он все сделал правильно. Это относится и онлайн покупкам. Большое значение здесь играет постпродажный процесс. По данным недавнего исследования из журнала Consumer Research, можно повысить уровень удовлетворенности клиентов покупкой, если у вас на сайте есть четкие сигналы завершение сделки.
Авторы исследования подчеркивают, что для интернет-продаж, визуальные сигналы особенно важны. Они показывают, что процесс покупки завершен и больше не о чем волноваться. Продемонстрирую, как это работает на неправильном примере завершения продажи:
< s c r i p t language="javascript" type="text/javascript">< / scr ipt>![]()
Важно: ваш заказ либо завершен, либо просрочен.
Эта фраза, завершающая сделку содержит все самое плохое, что только может быть: она двусмысленна, безлична и откровенно сбивает с толку.
Чтобы избежать этого, убедитесь, что после совершения любого действия на сайте пользователь получит подтверждение успешности выполнения.
3. Анонсы вместо постов.
Как показало исследование, размещение анонсов, вместо постов целиком, заставляет людей читать больше.
< s c r i p t language="javascript" type="text/javascript">< / scr ipt>![]()
Анонсы позволяют разместить больше информации на странице и каждый может найти для себя что-то интересное. Ещё один плюс – пользователям просто не нравится, долго крутить страницу вниз, чтобы найти необходимый ему(или хотя бы просто интересный) пост. Но как написать анонс, почитав который, люди почувствуют непреодолимое желание дочитать статью до конца?
Самое главное правило: короткие абзацы прочитывают, длинные абзацы бегло просматривают, огромные абзацы пропускают.
Ниже приведены несколько приемов, которые помогут удержать внимание читателей:
4. О законе Фиттса.
В 1954 году Поль Фиттс сформулировал правило, ставшее известным как Закон Фитса:
Время достижения цели прямо пропорционально дистанции до цели и обратно пропорционально размеру цели.
Обычно это правило используется при рассмотрении движения мышью от точки A к точке B. Это может быть важно при размещении элементов, количество кликов на которые желательно увеличить.
Одним из наиболее важных уроков, который мы можем извлечь из закона Фиттса является, что несмотря на то, что легче всего щёлкнуть по самой большой кнопке, это не обязательно будет самая важная кнопка. Именно из-за этого заблуждения во множестве интерфейсов пользователей кнопки подтверждения просто огромные.
Зная это, можно выделить (цветом или размером) ДЕЙСТВИТЕЛЬНО важные кнопки.
Обратите внимание, как на этом скриншоте сгруппированы кнопки. При этом, самые важные и наиболее используемые кнопки выделены и доступнее для клика.
< s c r i p t language="javascript" type="text/javascript">< / scr ipt>![]()
Рассмотрим еще одно исследование проведенное Techwyse. Они представили главную страницу сайта, занимающего грузоперевозками, в виде тепловой карты.
< s c r i p t language="javascript" type="text/javascript">< / scr ipt>![]()
< s c r i p t language="javascript" type="text/javascript">< / scr ipt>![]()
Здесь вы можете видеть закон Фиттса в действие: самый большая и наиболее доступная для клика область (некликабельный значок «NO FEES») занимает центральное место на странице.
Ниже вы видите обновленный сайт, где на самом видном место размещен элемент, непосредственно повышающий продажи — номер телефона!
< s c r i p t language="javascript" type="text/javascript">< / scr ipt>![]()
< s c r i p t language="javascript" type="text/javascript">< / scr ipt>![]()
Возможно это покажется кому-то слишком незначительным, но учитывая, что ужасный дизайн, плохая навигация и запутанные сайты являются основной причиной потери посетителей, может быть стоит проверить, как работает правило Фиттса на вашем сайте?
5. Слишком много ценников.
В классическом маркетинге, двойная цена используется чтобы показать снижение цены и подталкивает покупателя совершить покупку. Но работает ли этот прием в интернет торговле?
Вот результаты эксперимента, в котором отслеживались движения глаз посетителей, впервые попавших на сайт.
На первой картинке указана только одна цена (со скидкой).
< s c r i p t language="javascript" type="text/javascript">< / scr ipt>![]()
Вполне ожидаемо, наибольшее внимание привлекает сам продукт и его цена. Если мы добавим еще один ценник, как будут вести себя покупатели? Будет ли они игнорировать старую цену?
< s c r i p t language="javascript" type="text/javascript">< / scr ipt>![]()
Старая цена обведена кружком.
Люди действительно сравнивают цены, чтобы убедиться в выгодности покупки!
Все это очень интересно, но какое отношение это имеет к конверсии? По словам автора исследования: после совершения покупки я попросил покупателей оценить выгоду от приобретения по семибалльной шкале, где 1- максимальное удовлетворение.
Потребители, которые видели только цену со скидкой, дали средний балл 2,4. Потребители, которые имели возможность сравнить цены оказались более довольны покупкой - 1.7 баллов.
Посетители, в действительности, ленивы и не склонны к анализу. Им гораздо проще принять решение, когда есть дополнительные данные, на которые можно опереться.
Оригинал статьи на английском языке: http://unbounce.com/conversion-rate-optimization/conversion-killing-tactics/
Тема: Статья. 5 дизайнерских уловок для увеличения конверсии.
В извечном вопросе, чему уделить максимальное внимание и усилия: дизайну или продвижению, я думаю, пальму первенству следует отдать дизайну. Ведь именно ваш сайт является конечным пунктом, куда попадают ваши потенциальные клиенты после проведенных вами мероприятий по раскрутке и пиару. Между ними существует прямая зависимость: уменьшение на 10% показателя отказов на сайте приводит к 10% уменьшению затрат на продвижение.
Сегодня мы рассмотрим несколько проверенных приемов по улучшению вашего дизайна, с целью повышения конверсии.
1. Слайдеры картинок — это отстой.
Почему? Давайте я расскажу: слайдеры добавляют сайту вес. Что происходит, когда страница долго загружается? Люди уходят, не посмотрев ничего. Слайдеры, хороши только для демонстрации, с них нет толку для побуждения к действию. Когда университет Нотр-Дама тестировал на главной странице слайдер, отклик получала только самая первая картинка. И даже этот отклик был чрезвычайно низок. Только 1% посетителей совершили желаемое действие. Иными словами, только 1% посетителей заинтересовались тем, что занимает верхнюю половину главной страницы. Все исследования, которые я проводил, доказали неэффективность слайдеров. Многие посетители воспринимают их как рекламные баннеры и ситуация осложняется «баннерной слепотой».
Вывод: откажитесь от использования слайдеров и ротаторов. Если ваш клиент/начальник настаивает на их использовании, покажите им этот пост.
2. Важность «закрытия» сделки.
Еще одним способом увеличить удовлетворение пользователя от покупки — правильно завершить сделку. Человек всегда подсознательно ищет подтверждения, что он все сделал правильно. Это относится и онлайн покупкам. Большое значение здесь играет постпродажный процесс. По данным недавнего исследования из журнала Consumer Research, можно повысить уровень удовлетворенности клиентов покупкой, если у вас на сайте есть четкие сигналы завершение сделки.
Авторы исследования подчеркивают, что для интернет-продаж, визуальные сигналы особенно важны. Они показывают, что процесс покупки завершен и больше не о чем волноваться. Продемонстрирую, как это работает на неправильном примере завершения продажи:
< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Важно: ваш заказ либо завершен, либо просрочен.
Эта фраза, завершающая сделку содержит все самое плохое, что только может быть: она двусмысленна, безлична и откровенно сбивает с толку.
Чтобы избежать этого, убедитесь, что после совершения любого действия на сайте пользователь получит подтверждение успешности выполнения.
3. Анонсы вместо постов.
Как показало исследование, размещение анонсов, вместо постов целиком, заставляет людей читать больше.
< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Анонсы позволяют разместить больше информации на странице и каждый может найти для себя что-то интересное. Ещё один плюс – пользователям просто не нравится, долго крутить страницу вниз, чтобы найти необходимый ему(или хотя бы просто интересный) пост. Но как написать анонс, почитав который, люди почувствуют непреодолимое желание дочитать статью до конца?
Самое главное правило: короткие абзацы прочитывают, длинные абзацы бегло просматривают, огромные абзацы пропускают.
Ниже приведены несколько приемов, которые помогут удержать внимание читателей:
- 1. Убедитесь, что ваш анонс отвечает на самый главный вопрос читателя: «Зачем мне это нужно?»
2. Заинтригуйте читателя, сообщив ему только о чем будет пост. Для получения информации ему придется прочитать сам пост целиком.
3. Заставьте людей испытать сильные эмоции в самом начале. Потом, когда они окажутся у вас на крючке, можно дать им информацию.
4. Используйте завлекающую картинку — изображения всегда привлекают внимание. При этом, обрамленная текстом картинка, делает строчки короче, облегчая восприятие.
4. О законе Фиттса.
В 1954 году Поль Фиттс сформулировал правило, ставшее известным как Закон Фитса:
Время достижения цели прямо пропорционально дистанции до цели и обратно пропорционально размеру цели.
Обычно это правило используется при рассмотрении движения мышью от точки A к точке B. Это может быть важно при размещении элементов, количество кликов на которые желательно увеличить.
Одним из наиболее важных уроков, который мы можем извлечь из закона Фиттса является, что несмотря на то, что легче всего щёлкнуть по самой большой кнопке, это не обязательно будет самая важная кнопка. Именно из-за этого заблуждения во множестве интерфейсов пользователей кнопки подтверждения просто огромные.
Зная это, можно выделить (цветом или размером) ДЕЙСТВИТЕЛЬНО важные кнопки.
Обратите внимание, как на этом скриншоте сгруппированы кнопки. При этом, самые важные и наиболее используемые кнопки выделены и доступнее для клика.
< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Рассмотрим еще одно исследование проведенное Techwyse. Они представили главную страницу сайта, занимающего грузоперевозками, в виде тепловой карты.
< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Здесь вы можете видеть закон Фиттса в действие: самый большая и наиболее доступная для клика область (некликабельный значок «NO FEES») занимает центральное место на странице.
Ниже вы видите обновленный сайт, где на самом видном место размещен элемент, непосредственно повышающий продажи — номер телефона!
< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Возможно это покажется кому-то слишком незначительным, но учитывая, что ужасный дизайн, плохая навигация и запутанные сайты являются основной причиной потери посетителей, может быть стоит проверить, как работает правило Фиттса на вашем сайте?
5. Слишком много ценников.
В классическом маркетинге, двойная цена используется чтобы показать снижение цены и подталкивает покупателя совершить покупку. Но работает ли этот прием в интернет торговле?
Вот результаты эксперимента, в котором отслеживались движения глаз посетителей, впервые попавших на сайт.
На первой картинке указана только одна цена (со скидкой).
< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Вполне ожидаемо, наибольшее внимание привлекает сам продукт и его цена. Если мы добавим еще один ценник, как будут вести себя покупатели? Будет ли они игнорировать старую цену?
< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Старая цена обведена кружком.
Люди действительно сравнивают цены, чтобы убедиться в выгодности покупки!
Все это очень интересно, но какое отношение это имеет к конверсии? По словам автора исследования: после совершения покупки я попросил покупателей оценить выгоду от приобретения по семибалльной шкале, где 1- максимальное удовлетворение.
Потребители, которые видели только цену со скидкой, дали средний балл 2,4. Потребители, которые имели возможность сравнить цены оказались более довольны покупкой - 1.7 баллов.
Посетители, в действительности, ленивы и не склонны к анализу. Им гораздо проще принять решение, когда есть дополнительные данные, на которые можно опереться.
Оригинал статьи на английском языке: http://unbounce.com/conversion-rate-optimization/conversion-killing-tactics/