Веб-сайт — онлайн-представительство вашего бизнеса. Это виртуальный офис, витрина, место для работы с клиентами, поставщиками, партнерами и даже инвесторами. Сделайте его максимально комфортным для всех этих людей! Как?
Очень просто — посмотрите на веб-ресурс глазами обычного пользователя и оцените:
Будьте максимально критичны и оценивайте интернет-магазин с точки зрения юзабилити (удобства). Если что-то не устраивает вас, это не нравится и пользователям. А ведь юзабилити — один из главных факторов, влияющих на конверсии.
По данным американской компании “3.7 Designs”, 48% онлайн-покупателей не могут совершить заказ и уходят из-за неудобства сайта.
Вы можете вкладывать деньги в SEO, контекстную рекламу и SMM, а продажи не взлетят, только потому, что клиенты не нашли то, что искали.
Чтобы этой неприятности не произошло, пройдитесь по чек-листу из 5 наиболее распространенных юзабилити-ошибок и сравните с вашим интернет-магазином.
Когда пользователь впервые попадает в интернет-магазин, он должен с первого взгляда понимать:
Выделяйте 3 основные точки, которые сразу дадут понять клиенту тематику и цель сайта. В интернет-магазине это могут быть:
Неудачный пример торговой площадки выглядит так:
Множество блоков и полная неразбериха.
А вот, как просто выглядит другой ресурс:
Интригующий слоган на главном экране, понятное меню в шапке сайта.
Если в интернет-магазине:
это затрудняет передвижение покупателя по разделам и отдаляет его от желаемой покупки.
Пример неправильного оформления:
Помните про правило 3 кликов в юзабилити → добраться до товара в три шага:
Располагайте главное меню на всех страницах в одном месте — дайте возможность пользователю в любой момент переходить в интересующий его раздел.
Пример правильного оформления:
Для удобства оставляйте на карточках товара “хлебные крошки” — навигационную цепочку.
Так покупатель будет всегда знать, где он находится, сможет вернуться на шаг назад или перейти в подраздел.
Дайте клиентам максимальную информацию о товарах или услугах:
Используйте формы быстрой связи с клиентом через онлайн-чат или обратный звонок на каждой странице интернет-магазина.
Пример блока товаров с маленькими картинками и нечитабельным описанием:
Блок товаров с большими изображениями:
Не хотите тратить время и деньги на создание адаптивной версии сайта? Зря! В 2016-ом 44% онлайн-покупок в России (по данным компании «Nielsen») сделаны с мобильных устройств. Поэтому, позаботьтесь о том, чтобы ваши клиенты комфортно совершали покупки со своих смартфонов и планшетов. Адаптивный дизайн поможет корректно отобразить содержимое сайта на любом гаджете.
Зайдите в свой интернет-магазин с мобильного и посмотрите насколько вытянутыми стали страницы, и как неудобно кликать на мелкие элементы.
Пример неадаптивного сайта:
Пример адаптивного дизайна интернет-магазина:
К слову, “mobile-friendly design” — один из трендов веб-дизайна в 2017-ом году.
Длительная загрузка для интернет-магазина — не позволительная “роскошь”. Вот несколько фактов от ресурса “Designers.hubspot.com”:
Пользователи не хотят ждать пока загрузятся страницы, неоптимизированные фото или утяжеляющие элементы. Поэтому проверьте не только на глаз, но и с помощью онлайн-сервисов (например, PageSpeed Tools, Pingdom), какая скорость и в чём кроются проблемы. И решите их.
“Умные” сервисы подскажут вам, что именно тормозит загрузку, как с десктопных, так и с мобильных устройств.
Пример низкой скорости:
Пример допустимой скорости:
Оптимальная скорость загрузки сайта — 2-3 секунды.
Это лишь краткий обзор ошибок юзабилити, которые вы можете обнаружить и попытаться исправить самостоятельно. Если же вам нужен комплексный юзабилити-аудит, смело обращайтесь к профессионалам, которые сделают ваш сайт максимально комфортным для посетителей.