Ответ
Как улучшить страницу продукта с помощью юзабилити Опции темы
Старый 26.05.2015, 22:49
  #1
Nataly
 
Регистрация: 30.07.2014
Сообщений: 474

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

Иными словами, как выразился Jakob Nielsen:

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

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

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

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

Упростите навигацию по сайту

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

Упрощение навигации по сайту означает также устранение проблем с перемещением по сайту и совершением покупки для мобильных посетителей. Что касается мобильного юзабилити, 46% потребителей сообщили о сложностях при взаимодействии со страницей, а 44% пожаловались на проблемы с навигацией.

Что вы можете сделать, чтобы проверить, является ли навигация по сайту запутанной? Делаем простой онлайн тест, чтобы заставить людей выбрать категории и настроить их в зависимости от результатов. Для этого вы можете использовать такие сервисы, как UsabilityTools. Вы также можете запустить click testing. Просто спросите: «Где бы вы кликнули, чтобы найти «Х»? Ответы могут удивить вас.





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





Категории в разделе «Journal» на goop.com выше слишком запутанные и общие, чтобы обычный посетитель мог их сразу понять.

Используйте строку навигации

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

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

Например: Home & Kitchen > Kitchen & Dining > Coffee, Tea & Espresso > Coffee Makers.





Home > Office Products > Office & Mailing > Art Supplies.





Пользователи хотели бы видеть строку навигации особенно на тех сайтах, которые обладают глубокой информационной архитектурой. Даже если пользователи будут применять строку навигации в 10-15% времени навигации по сайту, они все равно смотрят на нее при необходимости.

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

Сделайте F своей любимой буквой

Вы наверняка в курсе, что люди сканируют веб-сайты слева направо и затем снова налево. Эта закономерность не меняется на протяжении многих лет и была впервые описана NNGroup в 2006 году.

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

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

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

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








Оптимизируйте сайт для мобильных пользователей

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

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

Меняйте масштаб изображений на вашем сайте для наиболее распространенных размеров экрана. Используйте данные Google Analytics, чтобы определить их для вашего магазина. Нет лучшего способа испортить мобильный юзабилити, чем использовать изображение, которое разрезается пополам или не загружается правильно на маленьком экране.

Все еще сомневаетесь? Тогда подумайте над этим: 67% пользователей сказали, что они более склонны приобрести продукт или услугу с сайта, дружественного к мобильным устройствам. Кроме того, с выходом нового мобильного алгоритма Google, вы в принципе не можете позволить себе пренебречь этим.

Сэкономьте время посетителей при помощи быстрого поиска

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

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

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





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





Вывод

Переработка юзабилити сайта дает хороший шанс изменить что-то взамен. Не волнуйтесь, если вы еще не выявили свои проблемы или поняли, что ваш бюджет не рассчитан на тестирование и улучшение юзабилити. При обилии инструментов для тестирования юзабилити на рынке вы наверняка сможете найти те, которые будут соответствовать вашим потребностям и помогут улучшить любой сайт. Сортировка карточек (card sorting), click testing или установка простой формы обратной связи - отличный способ узнать мнение об удобстве сайта от клиентов.
Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием

Ответ
 
 

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите оценить стоимость продукта leha342 Вопросы 5 04.01.2015 23:34
Как SEO и юзабилити влияют на ранжирование сайта Nataly Статьи 0 27.12.2014 03:51
6 SEO советов: Как улучшить юзабилити веб-сайта Tallulah Аналитика 0 05.11.2014 10:41
10 вещей, которые я узнал из 100 юзабилити тестов Green Сервисы 0 12.07.2014 21:31
Оцените плз дизайн , юзабилити и удобство сайта. Slip Оффтоп 5 19.10.2012 02:33

Метки
ecommerce, адаптивность дизайна, пользовательский опыт, страница продукта, юзабилити


Здесь присутствуют: 1 (пользователей: 0, гостей: 1)
 
Опции темы

Быстрый переход


Текущее время: 21:25. Часовой пояс GMT +3.