Идеи для тестирования продающих сайтов (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. Попробуйте опираться на страх потери вместо подчеркивания возможных приобретений

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

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

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

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

5 июня 2022 / Комментарии

Исследование маркетплейсов по качеству поиска товаров

В рамках исследования оценивалась удовлетворенность пользователей результатами поисковой выдачи на трех популярных площадках — Wildberries, Ozon и Яндекс.Маркет.

далее →

15 декабря 2021 / Комментарии

SEO и дизайн: продвижение интернет-магазина через оформление

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

далее →

13 марта 2019 / Комментарии

Анализ юзабилити топ-20 российских нишевых интернет-магазинов

В своем исследовании Константин Елистратов, основатель студии iarga.ru разобрал крупные нишевые интернет-магазины и их работу с юзабилити: закономерности, ошибки, интересные решения.

далее →

15 января 2019 / Комментарии

3 этапа создания дизайна интернет-магазина для малого бизнеса

Маркетплейс Satom.ru делится своим опытом по созданию дизайна для интернет-магазинов.

далее →

21 февраля 2018 / Комментарии

8 способов, когда дизайнеры могут обмануть вас и как этого избежать

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

далее →