.webp)
.webp)
Мы провели исследование Mobile UX Study, которое длилось более 2-х лет. Оно показало, что с момента нашего первого исследования мобильных сайтов, проводимое в 2013 году, пользовательский опыт на мобильных сайтах в целом улучшился.
Мы провели исследование Mobile UX Study, которое длилось более 2-х лет. Оно показало, что с момента нашего первого исследования мобильных сайтов, проводимое в 2013 году, пользовательский опыт на мобильных сайтах в целом улучшился.
Однако это не означает, что мобильные сайты работают исправно и не доставляют пользователям неудобств. Тестирование также выявило как проблемы высокого уровня, с которыми сталкиваются пользователи, так и более детальные проблемы — все они по отдельности или в комбинации могут привести к отказу от использования.
Для данного исследования было проведено 289 сеансов тестирования пользователей/сайтов. Тестирование проводилось на мобильных сайтах ведущих онлайн- брендов. Однако даже несмотря на это пользователи столкнулись с 2597 проблемами мобильного UX и юзабилити.
Наша база данных мобильных тестов содержит:
- более 12 000 элементов мобильных сайтов, которые были вручную проверены и оценены командой исследователей UX Baymard (см. ниже);
- дополнительные 9 000 лучших и худших примеров из самых прибыльных сайтов электронной коммерции в США и Европе (проверена производительность).
В этой статье мы проанализируем этот набор данных, чтобы предоставить вам текущее состояние мобильного UX, а также описать 18 ошибок дизайна и стратегических упущений, применимых к большинству сайтов мобильной электронной коммерции.
1. Текущее состояние мобильного UX
https://baymard.com/research/methodology#chart-explainer
Для проведения данного анализа мы обобщили более 12 000 оценок мобильного юзабилити по 31 теме и отобразили 58 мобильных сайтов в качестве примеров к темам, приведенным на графике (см. ссылку выше). Каждая точка — это суммарная оценка UX одного сайта по всем рекомендациям в рамках соответствующей темы опыта мобильной электронной коммерции.
Текущие показатели UX мобильной электронной коммерции указаны в первой строке. Следующие строки — это разбивка показателей UX в рамках 31 темы, составляющих общую эффективность мобильной электронной коммерции.
Показатели UX мобильной электронной коммерции являются "посредственными" для среднестатистического сайта, приносящего наибольший доход в США и Европе. Отметим, что ни один из 58 сайтов, участвовавших в сравнении, не имеет "хорошей" реализации и показателей UX. В результате почти все сайты продемонстрировали примерно одинаковые результаты: 52% — "посредственные" (или хуже), а 48% — "приемлемые".
Однако несмотря на отсутствие выдающихся результатов, "плохих" или откровенно "сломанных" сайтов также мало.
Для сравнения, в большинстве других исследований UX электронной коммерции, которые мы проводили в Baymard Institute, средние показатели UX также равны "посредственным", но при этом имеют тенденцию к более широкому разбросу вариаций и оценок (см. наш общий сравнительный тест UX).
Сравнительный тест UX для мобильных устройств показал, что существует множество возможностей для улучшений конкретных тем мобильного пользовательского опыта, в частности:
- UX на мобильной домашней странице;
- мобильный поиск на сайте;
- мобильные формы, функции и элементы сайта.
В этих категориях описаны ситуации, с которыми сталкиваются многие сайты, а также некоторые "упущенные возможности" для индустрии электронной коммерции в целом.
Также обратите внимание, что это анализ средних показателей 58 самых прибыльных американских и европейских сайтов электронной коммерции.
Анализируя конкретный сайт, практически всегда можно найти несколько критических аспектов UX, а также множество моментов, которые необходимо улучшить. Это происходит даже в случае проведения UX-аудита для компаний из списка Fortune 500.
Далее представлен подробный обзор:
- производительности UX;
- конкурентной среды;
- "упущенных возможностей", на которые следует обратить особое внимание.
Многие проблемы, выявленные на сайтах для десктопов (настольных компьютеров), обычно проецируются и на мобильные сайты. Поэтому сосредоточимся на проблемах, которые являются уникальными или специфическими для мобильных устройств, а также укажем на важные аспекты, не зависящие от платформы.
Рассмотрим 18 подводных камней, на которые следует обратить внимание в рамках 4-х подтем Mobile UX:
- Мобильная домашняя страница;
- Мобильный поиск на сайте;
- Мобильные формы;
- Функции и элементы мобильного сайта.
2. Мобильная домашняя страница
https://baymard.com/research/methodology#chart-explainer
На главной странице для мобильных устройств средний уровень эффективности сайта варьируется от «посредственного» до «приемлемого».
За этим средним значением скрывается широко распространенное распределение производительности: 50% сайтов работают либо «посредственно», либо «плохо».
Существует 2 проблемных ситуации, касающихся домашней страницы для мобильных устройств.
1) 95% мобильных сайтов размещают рекламу в основных областях домашней страницы.
Проблема, затрагивающая 95% мобильных сайтов и 59% сайтов для десктопов — размещение рекламы в основных областях домашней страницы сайта. Она вызывает:
- трудности с обзором;
- отвлечение внимания;
- проблемы взаимодействия.
На мобильных сайтах эти проблемы воспринимаются острее, чем на десктопных, поскольку пользователи мобильных устройств должны перемещаться в гораздо меньшем окне просмотра.
- Проблемы с обзором: рекламные объявления на мобильных сайтах часто занимают всю ширину или даже все окно просмотра, в результате — важный контент не отображается (например, ссылки на категории товаров). Кроме того, некоторые элементы, которые отображаются на сайтах для десктопов, часто скрыты на мобильных устройствах (например, основная навигация).
- Проблемы с отвлечением внимания: тестирование показало, что пользователи мобильных устройств иногда устают от контента, отображаемого в окне просмотра на главной странице. Это происходит, когда в области просмотра отображается более одного объявления (например, реклама «Установить приложение») или когда само объявление визуально отвлекает внимание. Кроме того, в мобильных окнах просмотра меньше свободного пространства, чем на компьютере, что затрудняет пользователям «дыхание» и увеличивает их ощущение информационной перегрузки.
- Проблемы взаимодействия: реклама на главной странице мобильных устройств (как и многие другие виды мобильного контента) часто вызывает трудности со взаимодействием. Например, пользователи горизонтально прокручивают рекламное объявление и нажимают на статичный контент, который они считают ссылкой (курсор не меняется, чтобы предупредить пользователя о том, что можно выбрать, а что нельзя). Или испытывают трудности с обратной навигацией при помощи кнопки "Назад" браузера, когда сбиваются с пути из-за взаимодействия с рекламой. Эти «незначительные» проблемы накапливаются и усугубляют общее впечатление от сайта, а могут способствовать формированию у пользователей негативного восприятия бренда (как, например, «этот сайт мне кажется глючным»).
Поэтому, прежде чем разместить рекламу на главной странице мобильного сайта убедитесь в том, что:
- реклама не слишком заметна (например, не занимает более половины вертикального пространства окна просмотра);
- реклама не отвлекает (например, выбирайте более простые изображения и 1-2 строки текста — избегайте анимации или другого сильно отвлекающего контента)
- минимизирована вероятность возникновения проблем со взаимодействием (например, избегайте наложений, которые пользователи должны нажимать, чтобы закрыть).
2) 57% мобильных сайтов не предоставляют полную информацию в тексте ссылки о предлагаемых путях.
Во время тестирования некоторые пользователи нажимали на выделенные пути (на главной странице) и попадали в более узкие области охвата, чем предполагалось, а некоторые так и не смогли понять, что произошло. (Примечание: под "охватом" здесь подразумевается выделенная подкатегория или продвигаемый фильтр — например, "Женские рубашки" или "Новые поступления для женщин"). В результате — они решили покинуть сайт, так как предположили, что на сайте просто нет широкого выбора или конкретных товаров, которые они искали.
Продвижение областей на главной странице может помочь многим пользователям получить доступ к высоко релевантным (соответствующим запросу) спискам товаров. Подгруппа пользователей полностью потеряет всякий контекст того, где они находятся в иерархии сайта, если ссылки на области будут неясными, что приведет к серьезному искажению информации, касающейся доступности товаров.
Существуют два варианта решения данной проблемы:
- Отображать на главной странице только области широкого охвата.
- Включить полный объем охвата в саму ссылку или кнопку — например, названия категории и подкатегории. Это означает, например, что микрокопия кнопки (другими словами — микроконтент кнопки) должна содержать "Новые поступления женских товаров", а не "Новые поступления" в качестве заголовка и только "Женские" в качестве вторичной микрокопии кнопки.
Для вдохновения относительно современных реализаций домашней страницы см. Northern Tool, B&H Photo и Wayfair.
3. Мобильный поиск на сайте
https://baymard.com/research/methodology#chart-explainer
Что касается мобильного поиска на сайте — среднестатистический мобильный сайт работает «посредственно». При этом 34% сайтов функционируют откровенно «неудачно» и только 40% «приемлемо» или выше.
Показатели сайтов для десктопов не имеют радикальных отличий. Тенденция мобильных устройств к "плохому" и "неработающему" поиску указывает на то, что некоторые функции и инструменты поиска копируются с сайтов для десктопов без особого внимания или удаляются в ущерб удобству использования.
Хотя типы поисковых запросов составляют основу поиска сайте, результаты мобильных устройств в этом подразделе практически идентичны десктопным. Это связано с тем, что поисковая система выдает одинаковые результаты на этих двух платформах.
Однако, некоторые уникальные различия присущи и мобильному поиску.
Существует 8 задач мобильного поиска, которые сайты решают неправильно.
3) 69% мобильных сайтов не предлагают релевантных предложений автозаполнения для поисковых терминов и запросов с ошибками в написании.
Во время тестирования почти все пользователи, при составлении запросов полагались на подсказки автозаполнения. Однако если запросы содержали хоть малейшую орфографическую ошибку, то эти подсказки только подводили пользователей (например, поиск "furnture" вместо "furniture").
Во время тестирования мобильных устройств часто встречались поисковые запросы, набранные с точностью менее 100%, а использование мобильной клавиатуры было особенно часто подвержено ошибкам. При этом на неправильно набранные запросы пользователи часто получали неактуальные предложения автозаполнения или исчезающие после обнаружения ошибки, фактически удаляя те самые подсказки, которые должны были предоставить предложения.
Автозаполнение играет ключевую роль на ранних этапах поискового взаимодействия. Неожиданные предложения, появляющиеся в результате незначительных опечаток могут заставить пользователей изменить стратегии поиска товаров, используя другие методы просмотра или переделывая запросы. Если альтернативные стратегии поиска товаров не приведут к релевантным результатам, это может привести к отказу от поиска.
Орфографические ошибки в поисковых запросах встречаются довольно часто. Поэтому релевантность автозаполнения может быть повышена путем сопоставления неправильно написанных слов с осмысленными предложениями автозаполнения. Существуют решения по проверке орфографии (многие из них находятся в свободном доступе в Интернете), а это значит, что вычислить распространенные ошибки в написании слов не составит труда.
Однако в зависимости от поисковой системы и реализации автозаполнения, найденное решение может оказаться нецелесообразным. Кроме того, трудно обнаружить ошибки в написании названий брендов или узкоспециализированных продуктов.
4) 79% мобильных сайтов не включают область поиска в предложения по автозаполнению
Применение категории поиска не является естественной частью мыслительного процесса большинства пользователей. Они скорее думают о типе продукта, который им нужен, и пытаются подобрать термины, подходящие для получения нужных результатов.
Однако предложения по категориям могут стать полезным способом предварительного выбора более узкого и релевантного списка товаров, вместо поиска по всему сайту.
Пользователи могут выбрать предложения по запросу на сайте, охватывающие множество категорий, и в итоге получить чрезмерно большое количество результатов. Это возможно в следующих случаях:
- При отсутствии предложений по охвату категорий;
- Когда охват категорий не очевиден.
Цель предложений по категориям в автозаполнении — помочь пользователям заранее ограничить поиск меньшим количеством релевантных результатов. Предложения по охвату категорий (при правильной реализации) могут помочь пользователям избежать необходимости отсеивать нерелевантные результаты, что в конечном итоге экономит время и помогает быстрее найти наиболее соответствующие вашим запросам результаты.
5) на 40% мобильных сайтов автозаполненные предложения товаров визуально не отличаются от предложений по запросу
В ходе тестирования выяснилось: пользователи ожидают, что любая опция автозаполнения будет предложением запроса, особенно если предложения товаров не имеют уникального стиля и представлены только текстом.
На тестируемых сайтах, особое внимание которых уделялось предложениям товаров, многие пользователи поступали следующим образом:
- отклоняли варианты автозаполнения как неактуальные;
- начинали путаться после того, как сделанный ими выбор направлял их на страницу с подробной информацией о товаре.
Когда предложения продуктов визуально не отличаются от предложений запросов, это создает неприятные ощущения, поскольку большинство пользователей ожидают изучить продукты через результаты поиска, а вместо этого попадают на страницу одного продукта.
Визуальное отличие предложений автозаполнения от предложений запроса практически идеально реализовано на десктопах (97%), но отсутствует или оформлено неправильно на 40% мобильных сайтах. Это говорит о том, что снижение версии инструмента автозаполнения до идентично оформленных предложений на мобильных устройствах является распространенной стратегией для сайтов, но плохим опытом взаимодействия для пользователей мобильных устройств.
6) 42% мобильных сайтов не сохраняют поисковые запросы пользователей на странице результатов поиска
Во время тестирования пользователи часто повторяли несколько итераций поисковых запросов (в среднем 2,2 итерации).
Например, изменение первоначального запроса "платья" на "красные платья" после сканирования результатов поиска.
Чистка поисковых запросов мобильных пользователей при каждом их отправлении (что делает меньшее количество (31%) сайтов для дектопов) усложняет использование функции поиска, поскольку