5 UX-причин. Примеры.
Приветствую, Искатель самых свежих новостей из мира UX-дизайна!🍊
(как и ранее - это не реклама, поэтому без ссылок ;) )
UXbenchmark, проанализировал ТОП-60 сайтов электронной коммерции во время крупномасштабного UX-тестирования и сделал вывод, что для бОльших продаж и удобства пользователей, для уточнения размера/цвета (и пр.) товара перед добавлением его в корзину, ЛУЧШЕ использовать КНОПКИ, а не список.
Но, несмотря на это, 28% сайтов из их списка ТОП-60, всё ещё используют устаревший способ отображения выбора и, если учтут свои ошибки, то могут сделать свои онлайн-магазины прибыльнее и удобнее! (особенно это актуально для мобильных приложений).
Их доказательства звучат так:
1. когда выбор вариантов размера/цвета представлен в виде раскрывающегося меню - пользователи во время тестирования были склонны полностью игнорировать этот селектор.
2. Когда пользователь активировал меню - он часто был удивлен или разочарован доступными размерами.
3. На практике некоторые пользователи, не обращающие внимания на селектор размера, рискуют вызвать сообщение об ошибке, которого можно избежать.
4. Другие пользователи должны проверить, доступен ли их размер для каждой рассматриваемой вариации — потенциально утомительная задача, которая часто приводит к тому, что пользователи просто сдаются.
5. Выпадающие меню по умолчанию скрывают доступные параметры размера и требуют взаимодействия для просмотра.
Применяйте новейшие UX-приёмы к своим продуктам, чтобы сделать их прибыльнее и удобнее. Успехов Вашим онлайн-магазинам!
ПРИМЕР. Пользователь нашла пару обуви, которая ей понравилась, но не могла видеть, что её размер отсутствует в наличии, пока она не взаимодействовала с раскрывающимся меню размера. Подумала: “О, у них нет моего размера!:(”. Вывод: скрытие размеров в меню затрудняет определение того, какие размеры есть на складе, что может привести пользователей к разочарованию.
ПРИМЕР. Другой пользователь был разочарован, когда обнаружил, что толстовка, которая его интересовала, не была доступна в его размере. Подумал: “А, так там только экстра-большой и 2 экстра-больших… Мне придется отступить… это было глупо с моей стороны не посмотреть раньше… Я не думал, что у них не будет среднего размера”. Вывод: когда изменения размера скрыты в меню, пользователи не могут сразу определить, какие размеры доступны.
• Данная тенденция наблюдалась не только для селекторов цвета и размера на странице сведений о продукте, но и для выпадающих меню в рамках проверки и фильтрации списков продуктов.
• По сути, пользователи в меньшей степени способны находить, анализировать и понимать свой выбор, что увеличивает вероятность напрасных усилий и ошибок.
ПРИМЕР. Пользователь забыл выбрать размер из выпадающего меню, прежде чем нажать кнопку “Добавить в корзину”, что привело к появлению сообщения об ошибке. Вывод: пользователи, скорее всего, не заметят тонкие выпадающие меню.
ПРИМЕР. Пользователь получил сообщение об ошибке после нажатия кнопки “Добавить в корзину” перед выбором размера для пары кроссовок. Из нашего исследования по отслеживанию взгляда, мы заметили, что пользователи с бОльшей вероятностью упускают из виду селекторы размеров, представленные в виде раскрывающихся меню. Более того, в то время как большинство пользователей во время настольного и мобильного тестирования в конечном итоге обнаружили изменения размера, представленные в раскрывающемся меню, значительная подгруппа вообще не обратила внимания на раскрывающееся меню размера - даже когда оно было помещено рядом или в разделе “Купить”, где оно должно было быть легко видно.
На тех же сайтах, где ЕСТЬ заранее выбранный размер для продуктов по умолчанию (например, размер плаката размером 39 x 27 дюймов), это позволяет пользователям добавлять продукт в корзину быстрее, без просмотра и выбора. Но, всё же, некоторые пользователи могут не заметить этого факта до завершения проверки и покупки продукта (который не был в их предпочтительном размере). Вывод: Это, несомненно, тот опыт, который может иметь долгосрочные последствия и привести к тому, что пользователи будут негативно воспринимать сайт в течение некоторого времени, если не навсегда.
ПРИМЕР. Из-за выпадающего меню выбора размера, пользователь был вынужден выбрать цветовую вариацию, прокрутить вниз, чтобы найти и открыть селектор размера, просмотреть размеры в раскрывающемся меню, а затем прокрутить назад, чтобы выбрать другую цветовую вариацию, чтобы просмотреть размеры, доступные для каждого цвета. Вывод: это громоздкое взаимодействие замедлило ее процесс исследования продукта, и после значительных усилий она в конце концов покинула сайт, разочаровавшись в очевидном отсутствии доступных размеров.
ВЫВОДЫ из ВСЕГО исследования полностью:
Размер “кнопок” стал стандартным веб-соглашением. Для продуктов, которые поставляются в разных размерах, предварительный просмотр того, какие из них есть на складе, является важной предпосылкой для принятия решения о покупке. Выпадающие меню и образцы цветов - пережиток раннего веб-дизайна. Всё ещё не все ресурсы используют размер кнопок адекватно. Существует множество хороших вариантов и отобразить удобно, и вместить компактно, нужно только поискать немного. Но в итоге именно от ожиданий пользователя будет зависеть - купит он имеющийся на складе товар; или же уйдёт без покупки, не разобравшись, что такой товар был готов к покупке.
♥️ Успехов на всех фронтах!
Рекомендую к прочтению также продолжение результатов данного исследования:
СТАТЬЯ 2 ”Чем меньше кликов мне придётся сделать, тем лучше! Два UX-примера “открытых кнопок”.
СТАТЬЯ 3. “Чем заметнее UX-указатель, тем проще пользоваться. Три реальных UX-примера”.
