Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

повышение конверсии интернет магазина

2,230 views

Published on

Второе выступление на конференции "Интернет бизнес" 16 апреля 2011 г.

Published in: Business
  • Be the first to comment

повышение конверсии интернет магазина

  1. 1. Повышение конверсии интернет-магазина Евгений Кулаков Usabilitylab
  2. 2. Доверие Главная страница Каталог и поиск Страница продукта Покупка <ul><ul><li>Остается всегда слишком мало </li></ul></ul>
  3. 3. <ul><ul><li>Общие вопросы продаж </li></ul></ul>
  4. 4. Объясните ценность продаваемого товара <ul><li>Покупатель должен быть согласен с тем, что цена справедливая. Ценность товара должна быть наглядна. Поэтому в непосредственной близости от цены следует поместить аргументы того, что она оправдана, что потребительские свойства товара соответствуют цене. </li></ul>
  5. 6. Говорите на языке пользователя <ul><li>Называйте объекты и действия точно. Пользуйтесь реальными и распространенными выражениями. Изучите, как принято называть эти товары/действия/функции. Избегайте жаргона, специальных терминов и аббревиатур.  </li></ul>
  6. 7. При нажатии на кнопку &quot;Оформить заказ&quot; страница перегружается и... остается той же самой. Она как бы &quot;зацикливается&quot;. Покупатель в недоумении: почему он не может перейти к покупке?
  7. 8. Е Есть ли здесь самовывоз?
  8. 9. Оформление существенных элементов <ul><li>Существенные элементы (кнопки, поля ввода) и их статус должны выглядеть однозначно. </li></ul><ul><li>Не оформляйте интерфейсные элементы как рекламу - при этом есть риск потерять внимание пользователя. </li></ul>
  9. 10. Какое поле не заполнено?
  10. 11. Существенный элемент выглядит как реклама
  11. 14. Распродажи / скидки <ul><li>Дайте посетителю инструменты для того, чтобы он мог воспользоваться промо-акциями. Раздел скидок и/или распродаж должен присутствовать на сайте, быть узнаваемым и непротиворечивым. </li></ul>
  12. 15. Несоответствие заявленной скидки и реальной цены
  13. 16. Расскажите о товарах, которых временно нет в продаже <ul><li>И с точки зрения поисковой оптимизации, и с точки зрения покупателя – правильно, когда страница с недоступным товаром все равно присутствует на сайте. </li></ul><ul><li>При этом должно быть и визуальное представление товара, и его характеристики. </li></ul>
  14. 18. Слишком формальное предложение о замене.
  15. 20. Укажите полную стоимость товара до оформления заказа <ul><li>Информируйте покупателя о полной цене конкретного товара необходимо еще до того, как он начнет процесс оформления заказа. В противном случае посетитель будет неприятно удивлен изменившейся ценой и даже может в последний момент уйти. </li></ul>
  16. 21. При изобилии информации ни на одной из этих страниц не указана конкретная стоимость доставки.
  17. 22. На этой странице не сказано, что при покупке данного товара доставка бесплатна (хотя это правда).
  18. 23. Не перегружайте пользователя широким выбором форм оплаты <ul><li>Необходимо соблюдать баланс. С одной стороны, альтернативы всегда должны быть. С другой стороны, слишком большое количество информации может запутать пользователя. </li></ul>
  19. 25. Доверие <ul><ul><li>Доверие </li></ul></ul>
  20. 26. Дайте больше информации о компании <ul><li>Вопрос доверия в Интернете более важен, чем в оффлайне. Покупатель не видит материального магазина, он может вообще сомневаться, что за фасадом сайта стоит кто-то заслуживающий доверия. Поэтому нужно показать, что компания на самом деле существует, что есть к кому обратиться за помощью или с требованиями. </li></ul>
  21. 27. Интернет-магазины по-разному доказывают свою надежность
  22. 29. Необходимо альтернативное мнение о товаре <ul><li>Предоставлять альтернативное мнение о продукте, публиковать «плюсы» и «минусы» нужно для того, чтобы сформировать доверие посетителя к сайту-продавцу. </li></ul>
  23. 31. Объясните ценность регистрации. Покупка без регистрации <ul><li>Расскажите, как будут использованы полученные данные. Сделайте форму регистрации максимально легкой, сведите ее к минимуму. Если это лишь данные для доставки, то не называйте процедуру регистрацией. Если возможно, откажитесь от регистрации вообще. </li></ul>
  24. 33. Ничто не мотивирует посетителя регистрироваться
  25. 34. Большие сложные формы ввода отпугивают посетителей
  26. 35. Посетитель должен ясно представлять себе преимущества от регистрации
  27. 36. <ul><ul><li>Главная страница </li></ul></ul>
  28. 37. Выразите назначение сайта на главной странице <ul><li>Первая страница должна объяснить посетителю, что он попал именно на сайт интернет-магазина, и дать представление о том, какие товары/услуги здесь имеются, и как их приобрести. </li></ul><ul><li>Все это должно быть описано в явных выражениях, а не подразумеваться. </li></ul>
  29. 38. Недостаточно ясно выражена специализация интернет-магазина
  30. 39. Недостаточно ясно выражена специализация интернет-магазина
  31. 40. Избегайте чрезмерного продвижения отдельных товаров <ul><li>Чересчур интенсивное продвижение на первой странице какой-то группы товаров может совершенно исказить впечатление посетителя о назначении сайта. </li></ul>
  32. 41. Активный баннер оттягивает на себя все внимание
  33. 42. Продвигаемые товары оттеснили каталог в самый низ главной страницы
  34. 43. <ul><ul><li>Каталог. Списки товаров </li></ul></ul>
  35. 44. Не прячьте каталог <ul><li>Хороший сайт строится на прозрачно организованном каталоге и позволяет начать процесс покупки прямо с главной страницы. Каталог должен находиться и узнаваться сразу. Покажите его и дайте ему ясное название. </li></ul>
  36. 45. На главной странице этого интернет-магазина вообще нет каталога – он доступен только на странице продукта:
  37. 46. Довольно экстремальный случай «пропажи» каталога:
  38. 47. Создавайте каталог и списки товаров по понятным принципам <ul><li>Каталог / список должен формировать правильные ожидания относительно того, где искать тот или иной товар. Точек входа и путей к одному и тому же товару может быть несколько. </li></ul>
  39. 51. В некоторых случаях алфавит – лучший принцип каталогизации:
  40. 52. Единообразное представление в каталоге <ul><li>Представляйте рубрики каталога, категории второго уровня и сами товары по возможности единообразно, консистентно. </li></ul><ul><li>Реакции системы на действия пользователя должны быть предсказуемы. </li></ul>
  41. 53. Неконсистентность в каталоге
  42. 54. Выберите схему классификации, полезную для пользователей <ul><li>Для релевантной классификации соберите информацию о пользователях Интернет-магазина: в какой роли они выступают, насколько подготовлены, какие задачи решают и как именно выбирают товары. </li></ul>
  43. 55. В каталогах одежды нужна классификация по размерам / по возрасту:
  44. 56. Не перегружайте внимание пользователя длинными списками товаров <ul><li>Если посетитель Интернет-магазина зашел в какую-то рубрику и увидел список товаров на несколько страниц (больше двух-трех), то есть вероятность, что до конца этого списка он никогда не доберется.. </li></ul>
  45. 57. Слишком распространенный каталог не позволяет посетителю воспользоваться им:
  46. 58. Сортировка списка товаров <ul><li>Предоставляйте возможность сортировки по значимым для пользователя критериям. </li></ul>
  47. 59. Не вполне понятно, что такое «сортировка по умолчанию»
  48. 60. При сортировке по алфавиту не сохраняется сортировка по наличию:
  49. 61. Сравнение товаров <ul><li>Предоставьте способ сравнения товаров. Оформляйте таблицу сравнений так, чтобы подчеркнуть различия. Предоставьте пользователю возможность самому выбирать товары для сравнения. </li></ul>
  50. 62. Сравнение оказалось важным для принятия решения о покупке более дорогого товара
  51. 63. <ul><ul><li>Поиск </li></ul></ul>
  52. 64. Реализуйте правильную модель поиска <ul><li>Сделайте форму поиска заметной и простой. Используйте форму поиска вместо ссылки на поиск. Сделайте поиск терпимым к ошибкам, опечаткам, синонимам и вариантам. Выводите результаты в релевантном виде. </li></ul>
  53. 65. Ссылку на поиск намного труднее заметить, чем форму ввода:
  54. 66. Нестандартная форма поиска:
  55. 67. Форма поиска должна быть на каждой странице, но одна <ul><li>Ее структура должна быть по возможности узнаваемой и стандартной. </li></ul>
  56. 68. Сколько здесь поисковых форм?
  57. 69. Сколько здесь поисковых форм?
  58. 70. Форма поиска должна быть максимально простой <ul><li>Лучше всего, когда она состоит из пустой строки, кнопки «Найти» и, возможно, ссылки на расширенный поиск. </li></ul>
  59. 71. Встречаются сайты, на которых в поисковой форме нет кнопки «Найти»:
  60. 72. Поддерживайте синонимы <ul><li>Поиск должен воспринимать синонимы, которыми описываются товары из ассортимента магазина, и выдавать на них релевантные результаты. </li></ul>
  61. 73. Иногда по простому запросу пользователь получает самые неожиданные результаты:
  62. 74. Будьте терпимы к ошибкам ввода. Предлагайте исправления <ul><li>Настройте поиск так, чтобы он принимал опечатки, варианты слов и словосочетания. </li></ul>
  63. 75. Поисковая машина «не понимает» примитивных ошибок:
  64. 76. Давайте только то, что просят! <ul><li>Слишком много результатов поиска – плохо. Особенно, если они не соответствуют ожиданиям пользователя. </li></ul>
  65. 77. Явно не те результаты, которые ожидал пользователь:
  66. 78. <ul><ul><li>Страница продукта </li></ul></ul>
  67. 79. Дайте описание товара, которое ожидает пользователь <ul><li>Описание должно быть компактным, конкретным, понятным и обеспечивать нужные детали. </li></ul>
  68. 81. Недостаточное описание продукта:
  69. 82. Покажите товар лицом… и в профиль <ul><li>Используйте узнаваемое изображение продукта. Сделайте дополнительные иллюстрации – крупные и с разными ракурсами. Достоверно покажите комплектность. </li></ul>
  70. 83. Помехи разрушают позитивное восприятие продукта
  71. 84. Искаженное представление о внешнем виде товара
  72. 85. Неявное завышение количества предметов в комплекте
  73. 86. Цена, дополнительные расходы, доступность товара <ul><li>Размещайте цену и валюты как в каталоге, так и на странице товара. Покажите все дополнительные расходы. Обозначьте, когда пользователь сможет получить покупку. </li></ul>
  74. 87. В этом интернет-магазине цена на странице товара не указана:
  75. 88. Цена в неизвестной валюте:
  76. 89. Сразу покажите все опции и варианты <ul><li>Покажите все варианты товара. Пользователь должен выбирать опции до того, как добавит товар в корзину. Избегайте многоуровневых списков для выбора опций. </li></ul><ul><li>Покажите товар в каждом из цветовых вариантов, используя общеупотребительные названия цветов. </li></ul><ul><li>Не заставляйте пользователя выбирать из списка, состоящего из одной опции. </li></ul><ul><li>Отображайте в корзине опции, выбранные ранее. </li></ul>
  77. 90. Наличие всех вариантов товара помогло клиенту купить продукт за меньшие деньги:
  78. 91. Расцветка и детали товара недоступны для восприятия:
  79. 92. Цвета товаров на иллюстрациях не соответствуют цветам, заявленным в описаниях
  80. 93. <ul><ul><li>Покупка </li></ul></ul>
  81. 94. Добавление товара в корзину <ul><li>К месту используйте слова «Купить» и «Добавить в Корзину». </li></ul><ul><li>В пустой корзине дайте инструкции о том, как совершать покупки. </li></ul><ul><li>Используйте простую, заметную и понятную кнопку для добавления в корзину. Разместите эту кнопку и на увеличенном изображении товара. Обеспечьте очевидную обратную связь от нажатия на нее. </li></ul><ul><li>Дополнительные кнопки рядом с кнопкой «Добавить в корзину» путают пользователей. </li></ul>
  82. 95. На этом сайте  пользователь не смог найти кнопку &quot;Купить&quot;:
  83. 96. Корзина, вид сверху:
  84. 97. Ярлык для корзины разработчики сайта сделать... забыли. Его нет ни в каталоге, ни на странице товаров.
  85. 98. Что должно быть в корзине? <ul><li>Лучше интегрировать корзину в страницы сайта, а не делать ее отдельной. Кроме списка отобранных товаров, дайте в корзине ссылки на важную информацию, средства для удаления/изменения количества позиций и ясную навигацию для оформления заказа. Ссылка «Продолжить покупки» должна ясно показывать, куда именно она ведет. </li></ul>
  86. 99. Кнопка «Удалить» должна быть у каждого элемента списка:
  87. 100. Покажите все шаги оформления <ul><li>Ясно покажите все этапы оформления покупки. Шаги оформления должны соответствовать ожиданиям пользователей. </li></ul>
  88. 101. Шаги заказа можно показать визуально:
  89. 102. Шаги оформления покупки обозначены цифрами:
  90. 103. Вопросы?
  91. 104. Спасибо за внимание! Евгений Кулаков [email_address]

×