0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Юзабилити и дизайн сайта

Содержание

Юзабилити и дизайн сайта

Легкость в восприятии сайта – один из критериев качественного дизайна. Раньше ресурсы оценивались с эстетической точки зрения. С улучшением инструментов аналитики выяснилось, что на результат больше влияет удобство пользования, а к росту заявок приводят объективные показатели юзабилити, достигнутые в процессе тестирования и оптимизации.

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

Статья в тему:  Создать группу или паблик, чтобы получить максимум

Юзабилити: что это такое

Английское слово usability в переводе означает «возможность использования». Этим термином описывают уровень сложности интерфейса любой информационной системы — сайта, программы, приложения.

Характеризуется простотой использования, лёгкостью освоения и доступностью интерфейса. Показывает, достигнет ли посетитель своей цели на сайте.

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

Знание этих методов помогают сделать сайт удобным для посетителя.

Критерии оценки юзабилити сайта

Выделяют пять критериев оценки юзабилити. Ниже вы подробнее ознакомитесь с каждым из них.

  • Легкость в изучении. По этому критерию оценивают простоту работы с сайтом. Изучают удобство навигации и наличие отвлекающих факторов таких как реклама или множественные pop-up.
  • Эффективность. На основании этого критерия оценивают насколько быстро пользователь может ориентироваться на сайте и решать свои задачи.
  • Запоминаемость. Этот критерий помогает оценить, насколько легко посетители ориентируются на сайте спустя месяц.
  • Ошибки. На основании этого критерия изучают количество ошибок, сделанных пользователями и выявляют, насколько легко они смогли их решить.
  • Удовлетворенность. Этот критерий помогает оценить, насколько пользователи довольны работой с сайтом.

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

На что обратить внимание при разработке функционала

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

  • Разберитесь, чем сайт будет полезен посетителям, — от этого зависит его наполнение. В интернет-магазинах ищут конкретные товары по нормальной цене (чем меньше, тем лучше) и с понятной процедурой покупки. А на сайте автосалона — детальные характеристики автомобилей и форму записи на тест-драйв.
  • Нарисуйте портрет или несколько портретов ваших потенциальных покупателей. Выясните, что это за люди, чем они интересуются, где живут, чем руководствуются перед тем, как принять окончательное решение. И заметьте, это не те, кого вы бы хотели видеть клиентами, а самые что ни на есть настоящие клиенты!
Статья в тему:  Не видит 5 ггц. Обзор современных беспроводных технологий

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

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

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

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

Когда у нас есть компоненты — строительные блоки — будущего сайта, продумайте их размещение и расположение в пространстве. Это еще не совсем дизайн в чистом виде, а скорее то, что сделает его удобным. Изобретать ничего не нужно: все уже описано в основных принципах UX — user experience, он же «опыт пользователя».

Статья в тему:  Вход в tp link 192.168 1.1. Роутеры и коммутаторы

В чем измеряется

Для улучшения работы сайта важно понять, из каких составляющих складывается показатель. У юзабилити сайта есть единица измерения, определенная стандартом ISO 9241-210. Оно формируется на основании усилий, которые пользователям необходимо потратить на поиск нужной информации и достижение конечной цели. Этот показатель называется стоимостью взаимодействия. Он считается низким, если посетители не прикладывают дополнительных усилий для получения необходимого результата.

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

Дизайн и удобство использования

Дизайн — это про красоту или удобство?

Аудио перевод статьи

Безусловно, красивый сайт привлекает внимание. Но будете ли вы им пользоваться, если навигация и поиск информации на нем крайне неудобны?

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

Так что же это: коллективный самообман или все-таки можно найти связь между эстетикой и удобством сайта?

Взаимосвязь между эстетикой и удобством использования сайта

Исследование Фриды Лингхаммар направлено на проверку гипотезы: действительно ли эстетичные сайты кажутся пользователям более удобными?

В эксперименте приняли участие 40 студентов IT-университета в Гетеборге, которые должны были выполнить 8 заданий на двух сайтах. Суть в том, что эти сайты были одинаково удобны в использовании и отличались лишь привлекательностью дизайна (привлекательный и менее привлекательный).

Статья в тему:  Скачать плагин player. Обновить флеш плеер до новой версии

В результате, для 100% участников привлекательный интерфейс показался более удобным. Т.е. нашему сознанию кажется что, чем красивее сайт, тем удобнее им пользоваться.

В своем исследование, А. Туч хотел доказать обратное: правда ли что удобные сайты кажутся пользователям более эстетически привлекательными?

В эксперименте были задействованы 80 испытуемых, задача которых была:

  • оценить эстетику и юзабилити интернет-магазина;
  • найти конкретный товар на сайте;
  • заново оценить эстетику и юзабилити этого магазина.

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

Т.е. нашему сознанию кажется что, чем неудобнее сайт, тем он менее красив.

Эстетика и удобство взаимосвязаны между собой. Эстетика влияет на восприятие пользователем удобства использования сайта. Так, из двух одинаково удобных сайтов, пользователю покажется удобнее тот, который красивее. Это работает и в обратную сторону: удобство также влияет на восприятие пользователем эстетики сайта. То есть, чем удобнее сайт, тем более красивым он будет казаться пользователю.

Что важнее: юзабилити или эстетика?

Али Тюркилмаз в своей исследовательской работе изучила вопрос: “Что пользователи считают более важным в интерфейсе: эстетику или функциональность?”. Исследование проводилось в форме опроса, в котором приняли участие 41 человек. Испытуемым нужно было расставить критерии оценки сайта, связанные с эстетикой и юзабилити, по степени важности.

Статья в тему:  Повис планшет что делать. Завис планшет, что предпринять

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

В своей исследовательской работе Тильш изучает, какой компонент сайта оказывает большее влияние на пользователя: контент, юзабилити или эстетика?

С 512 пользователями было проведено 3 последовательных тестирования восприятия веб-сайтов. 48% из них считают, что эстетика оказывает важное влияние на первое впечатление, а 65% – что контент является решающим фактором долгосрочного использования сайта.

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

Г. Итен в рамках своего исследования провел 3 тестирования, во время которых оценивалось намерение участников оставаться на веб-сайтах.

Пользователи, которым нужно было найти конкретную информацию на сайте, покидали его с небольшой разницей: при положительном первом впечатлении – в 57% случаев, при негативном – в 68% случаев.

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

Дэвид Робинс и Джейсон Холмс провели исследование чтобы проверить гипотезу: существует ли взаимосвязь между эстетикой и доверием к сайт?

Статья в тему:  Виртуальный диск xp. Виртуальный диск

Оказалось что в 90% случаев более высокий уровень эстетики повышал доверие пользователей к контенту и авторитету сайта. Плохо спроектированная и эстетически непривлекательная веб-страница, напротив, вызывала у пользователей недоверие.

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

Резюме

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

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

Не стоит рассматривать эти составляющие сайта в разрыве друг от друга, поскольку все они тесно взаимосвязаны между собой и могут оказывать влияние друг на друга:

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

Принципы юзабилити web-ресурса

Разработка юзабилити сайта базируется на главном правиле: «чем проще — тем лучше». Чем более привычную структуру и интерфейс видит пользователь — тем легче ему сориентироваться и тем меньше времени он потратит, чтобы найти нужный раздел, т.к. будет чувствовать себя более уверенно.

Потому, к примеру, ссылки в тексте лучше делать привычного цвета — ярко-синими. Можно использовать и другие выделяющиеся цвета, но человек потратит больше времени на поиск.

1. Дизайн — залог доверия к сайту

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

Еще один важный момент: грамотно продуманный «внешний вид» сайта — залог доверия со стороны потребителя, попавшего к вам впервые. Простота и доступность использования, цветовые сочетания, стиль, подходящие вашей целевой аудитории картинки, качество контента, отсутствие ошибок — все это влияет на расположение к ресурсу.


Пример сайта, перенасыщенного графикой. Дизайн пестрит рассеивающими внимание цветовыми сочетаниями, обилием картинок.

2. Логичный структурированный контент

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

Статья в тему:  Как сменить пароль в контакте. Как поменять пароль в контакте

Согласно отчетам компаний Clicktale и CX Partners, длина страницы не влияет на то, будет ли пользователь изучать контент ниже или нет. Важнее грамотно продуманная структура графики и текста: выделение приоритетной информации, последовательность расположения.

3. Важная информация — в левом углу

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

4. Общение с пользователем

Успешная регистрация, принятый заказ, несуществующая страница — человек должен быть всегда в курсе происходящего. Причем во всех подробностях. Если он зарегистрирован в системе — расскажите, что делать дальше, если заказ принят: укажите номер, время ожидания звонка, контактные данные; если попал на страницу 404 — как найти нужную информацию или куда вернуться.

Попав на такую страницу 404, пользователь не растеряется и, скорее всего, не сразу покинет ресурс.

5. Отмена действия

У человека должна быть возможность передумать. К примеру, социальная сеть ВКонтакте позволяет восстановить страницу после ее удаления. Некоторые интернет-магазины — изменить или удалить заказ после его оформления, откорректировать способ доставки и оплаты. Все это — составные части юзабилити веб сайта.

Статья в тему:  Как передать изображение с андроид.

6. Ненавязчивое предложение помощи

Не нужно настаивать на общении. Большие выскакивающие окна с предложением помочь в выборе, цветная полоска с номером телефон, занимающая треть экрана — подобные элементы не только смотрятся навязчиво, отталкивают посетителя, но и закрывают часть функционала. В примере ниже — форму подбора товара. Окно помощи должно легко скрываться, потому крестики и другие подобные значки нужно делать заметными, а не полупрозрачными или сливающимися с фоном.

Лучше, чтобы изначально данная форма была в свернутом состоянии, но при этом заметной — к примеру, в виде яркой боковой вкладки. И при этом не перекрывала часть контента на странице. Последнее относится и к кнопкам социальных сетей.

7. Разговор на понятном языке

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


8. Отказ от резких перемен

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

Статья в тему:  Какие файлы скачали с компьютера. Куда сохраняются файлы

То же самое относится к веб-дизайну: пользователь не только потратит больше времени, но и разочаруется, заметив, что вместо значка корзины теперь — «Добавить товар», вместо «Каталог» — «Продукция», а привычные объемные кнопки обтекаемой кнопки стали плоскими и рублеными. Потому задумав «перестановку», не шокируйте посетителя — изменения должны быть постепенными и не менять кардинально привычную структуру.

9. Все возможности — на виду

Удачное решение — когда пользователь видит все разделы, в которые может перейти, т.к. в любой момент может быстро сориентироваться, где находится и как вернуться обратно. Если на сайте планируется много контента — резонно предусмотреть горизонтальное верхнее, вертикальное меню (и то, и другое — возможно, с подразделами), а также «подвал». Если речь идет о минималистичной «визитке» или landing page — достаточно только верхнего горизонтального меню.

Если категорий очень много — добавьте пункт «Карта сайта», который позволит пользователю сориентироваться, какие разделы содержит ресурс и как ему туда попасть. Не стоит пренебрегать «хлебными крошками» — навигационной цепочкой в верхней части блока контента, которая подсказывает, по какой схеме человек попал на страницу.

Пример удачной карты сайта

10. Форма регистрации и заказа: чем лаконичнее — тем лучше

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

Статья в тему:  Не открывается дисковод. Как открыть дисковод без кнопки

11. Заметное длинное поле поиска

Соответствующая кнопка — лучший помощник посетителя. Особенно если речь идет о крупном ресурсе. Строку поиска пользователь должен обнаружить без труда. Чтобы при первом знакомстве он не тратил на обнаружение соответствующей строки даже несколько секунд.

Еще один важный момент — длина поля поиска. Согласно исследованию Якоба Нильсена, в среднем туда вмещается 18 символов, а оптимальная длина — 27 символов. В 90% случаев сюда поместится даже длинный запрос, чтобы пользователь его полностью увидел и исправил при надобности. Для установки нужной ширины используйте относительную единицу «em», равную размеру используемого шрифта.

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

12. Больше свободного пространства

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

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

Статья в тему:  Устранение ошибок в Play Market

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

Креативность в веб-дизайне: искусство или препятствие пользователю

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

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

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

1. Горизонтальная навигация

Дизайнеры сайта для любителей вкусной пищи организовали контент следующим образом: блоки с рецептами перемещаются с помощью горизонтального скроллинга. После нажатия пользователь переходит на страницу с рецептом:

Горизонтальная навигация на сайтах встречается не часто. Это связано, в первую очередь, с привычкой пользователя прокручивать страницы сверху вниз. Дизайнеры не рискуют менять привычные установки и горизонтальный скроллинг вносит новизну в интернет-пространство.

2. Видео на фоне и интерактивность

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

И вот что получается в итоге:

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

Статья в тему:  Пошаговое создание таблицы в excel

3. Анимация

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

Такие решения нравятся пользователям, они привлекают внимание и запоминаются. Главная особенность при использовании анимированных изображений — их не должно быть слишком много.

4. Типографика

Иногда типографика становится не дополняющим, а основным элементом дизайна.

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

5. Сайт как история и уникальные изображения

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

Оригинальная организация контента и интересное повествование увлекают пользователя и оставляет неизгладимое впечатление от ресурса.

Дизайн — внешняя оболочка сайта, которая способна как повлиять на популярность сайта и повысить продажи, так и оттолкнуть клиента. Только интересный и креативный дизайн способен удержать посетителя на странице, побудить на дальнейшие действия. Что же важнее, искать интересные и необычные решения или создавать ресурс в соответствии с правилами юзабилити?

Как проработка юзабилити сайта может отразиться на доходе интернет-магазина

На примере небольшого проекта Autoclav — современное производство, которое специализируется на работе с металлом, мы продемонстрируем какие результаты приносит исправление наиболее критических ошибок интерфейса:

Статья в тему:  Установить кнопки социальных сетей. Кнопки социальных сетей

1. Главная страница.

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

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

2. Карточка товара.

Краткая информация о товаре на странице была плохо структурирована и не читалась. В характеристиках было недостаточно информации. Например, указано минимальное количество банок, но не указано максимальное.

На странице отсутствовали cross-sale и upsell блоки похожих товаров и товаров, покупаемых вместе. У пользователей не было альтернативы, в случае если просматриваемый товар им не подошел. Пользователи по итогу могли не перейти на просмотр других товаров и уйти к конкурентам.


Карточка товара до изменений

Проработали описание товара: визуально отделили название характеристики от значения, дополнили характеристики. Для автоклавов указали максимальную вместительность, для ректификационных колонн — производительность и % спирта, для титанов — объем и время нагрева, для коптильни — размер.
Добавили cross-sale и upsell блоки.

Статья в тему:  Что поделать в инете. Что делать если скучно за компом

3. Кнопка «Купить» в карточке товара.

При прокрутке страницы, кнопка «Купить» оставалась в верхней части экрана. Если пользователь заинтересовался товаром в блоке описания, то он не мог совершить покупку сразу же или быстро вернуться наверх, чтобы это сделать. Большой процент пользователей могли просто не проскроллить наверх к кнопке и не купить товар, что сильно влияло на показатель конверсии интернет-магазина.

Нам удалось снизить процент отказов просто добавив блок с кнопкой «Купить» внизу страницы.

4. Адаптивная версия сайта.

В мобильной версии картинки и текст на кнопках не были адаптированы под mobile. Информация была не читабельная, и пользователи могли не заинтересоваться товаром. По данным аналитики, коэффициент отказов в мобайл был на 37% выше, чем в десктоп. Это может говорить о том, что пользователям было неудобно читать и они закрывали сайт.

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

Результат:

Благодаря ряду таких незначительных изменений нам удалось:

  • Увеличить коэффициент конверсии на 82%;
  • На 84% увеличилось количество добавление товара в корзину;
  • На 11% увеличилось количество оформленных заказов;
  • Коэффициент отказов уменьшился на 14%;
  • Коэффициент выходов снизился на 11%;
  • Длительность просмотра увеличилась на 10,27%.

Не пренебрегайте юзабилити сайта, в них скрыт огромный потенциал для роста дохода вашего бизнеса.

Ссылка на основную публикацию
Статьи c упоминанием слов:

Adblock
detector