Юзабилити: 7 ошибок, которые обходятся дорого

На основе материала 7 Usability Mistakes That Will Kill Your Online Sales

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

1. Отсутствие полноценных заголовков

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

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

2. Низкая скорость загрузки страниц

Давно известный факт: чем медленнее загружаются страницы сайта, тем больше людей покидает его, так и не увидев контент. Согласно результатам исследования, проведенного командой Microsoft Bing, задержка в пару секунд ухудшает впечатления посетителей на 3,8%, снижает прибыль с пользователя на 4,3% и количество кликов на 4,4%. Люди в интернете совсем не хотят ждать. Они не станут жаловаться на медленную загрузку, а просто закроют вкладку.

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

3. Типографика и интервалы

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

4. Рисунок движения глаз

То, как двигаются глаза пользователя во время чтения контента, во многом определяет его путь по сайту. Согласно данному исследованию, рисунок движения глаз большинства посетителей похож на букву F. Левая сторона страницы привлекает пользователей больше правой: на изучение контента в левой части тратится 69% времени.

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

5. Запутанная навигация

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

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

6. Правило 3-х кликов

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

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

7. Длинные страницы

Длинные страницы имеют как минимум два преимущества (доказано этим исследованием):

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

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

Автор: Vyacheslav Vityuk

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

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

25 октября / Комментарии

11 принципов веб-дизайна, которые повышают конверсию

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

далее →

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

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

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

далее →

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

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

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

далее →

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

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

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

далее →

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

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

далее →

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