Идеи для тестирования продающих сайтов (2 часть)

Идеи для тестирования продающих сайтов (2 часть)

Наши зарубежные коллеги из goodui.org продолжают радовать полезными идеями для тестирования продающих сайтов. В первой части мы рассмотрели 13 идей, сегодня предлагаем познакомиться ещё с 17 идеями-рекомендациями. Тестируйте! Улучшайте конверсию!

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

Возьмите опции из выпадающего меню (Pull Down Menu) и покажите эти варианты действия в один ряд в виде кнопок. Это удобнее для пользователя, поскольку он сразу видит варианты и быстрее делает выбор между ними. Выпадающее меню – это необходимость сделать клик по стрелке, а потом выбрать из списка (кстати, все мы часто промахиваемся и выбираем строчку ниже или выше). Особенно полезно заменить выпадающее меню на кнопки с вариантами выбора, когда речь идет о действиях, которые пользователь повторяет часто.

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

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

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

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

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

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

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

17. Попробуйте показать состояние в списке – «Оплачено», «Оплатить»

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

Попробуйте показать состояние в списке – «Оплачено», «Оплатить»

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

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

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

19. Попробуйте прямые указания, а не безконтекстные меню

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

Попробуйте прямые указания, а не безконтекстные меню

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

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

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

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

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

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

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

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

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

23. Попробуйте меньше границ между блоками – они рассеивают внимание

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

Попробуйте меньше границ между блоками – они рассеивают внимание

24. Попробуйте продавать преимущества продукта вместо его свойств

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

Попробуйте продавать преимущества продукта вместо его свойств

25. Попробуйте сориентировать дизайн на «нулевые» данные

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

Попробуйте сориентировать дизайн на «нулевые» данные

26. Попробуйте стратегию Opt-Out («Отказаться») вместо Opt-In («Подписаться»)

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

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

Попробуйте стратегию Opt-Out («Отказаться») вместо Opt-In («Подписаться»)

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

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

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

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

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

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

29. Попробуйте общепринятое расположение элементов

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

Попробуйте общепринятое расположение элементов

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

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

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

В скором времени будет продолжение! Следите за новыми публикациями на сайте!

Автор: Игорь Назаров

Подписаться на новости

Читайте также

26 сентября / Комментарии

Разбор юзабилити интернет-магазина Ulmart.ru и его преобразования за 2016 год

Изначально статья планировалась как одно целое, где я хотел рассмотреть возможные ошибки в юзабилити топа российских интернет-магазинов. Но после нескольких дней обзора, понял, что каждый сайт заслуживает отдельного разбора. Кроме того, мне захотелось не только осветить проблему, но и предложить своё видение ее решения. В связи с этим вся статья строится по схеме: Гипотеза о проблеме > Причина и Обоснование > Решение.
Поскольку статья начата еще в ноябре 2015 года, а закончена только сейчас, Ulmart успел исправить часть проблем,  обозначенных в статье. Об этом я дополнительно говорю в примечаниях . И сейчас мы можем отследить те преобразования, которые были сделаны.

далее →

6 сентября / Комментарии

Комфорт покупателей как залог успешного бизнеса. Основные ошибки в юзабилити интернет-магазинов

Четыре года назад была опубликована статья «22 ошибки в юзабилити интернет-магазинов, а также работающие варианты по их исправлению». Мы решили, что настала пора освежить данную информацию и задали разработчикам сайтов и CMS следующие вопросы: «Какие указанные в данном материале ошибки по-прежнему актуальны?», «С какими юзабилити-ошибками интернет-магазинов вам приходится встречаться чаще всего?», «Какие юзабилити-советы вы можете дать заказчикам?». И вот что мы узнали.

далее →

11 августа / Комментарии

Чек-лист юзабилити интернет-магазина

По-настоящему проверить удобство интернет-магазина без подтверждения данными веб-аналитики, не получится. Контекст взаимодействия; задачи, опыт и мотивы пользователей; устройства, с которых пользователи просматривают магазин — всё это влияет на конверсию и не может быть оценено чек-листом.
При составлении чек-листа, я ориентировался на исследования института Baymard, Юзабилити Лаб, Mastercart и студии Сибирикс + некоторые собственные наблюдения.

далее →

Навигация как способ управления вниманием пользователя

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

далее →

Адаптивный дизайн. Just do it

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

далее →

X
Нажмите «Нравится»,
чтобы читать Shopolog.ru в Facebook