Рассмотрим интернет-магазин по продаже сетевого оборудования. Выявим основные недочеты и сразу перейдем к их исправлению.
Первое, что видит посетитель сайта на любой его странице, это шапка. Там должна быть кратко отражена вся нужная информация: название и сфера деятельности компании, основная контактная информация, корзина (если это магазин), ссылки для входа и регистрации, основные ссылки для навигации по сайту.
Такой была шапка до работ по улучшению сайта:
Доработав немного шапку, мы сделали её более информативной для посетителей сайта:
Подвал сайта не так важен, как шапка, но он так же есть на каждой странице, и посетители сайта часто используют его для навигации.
Таким был подвал до доработок:
Немного доработали подвал сайта:
На главной странице изначально был небольшой текст, ссылки на основные разделы каталога и товары. Но для повышения информативности решено было доработать отдельные элементы:
Текст до доработок – не объяснены особенности предлагаемого на сайте оборудования:
Добавили информацию о производителях продукции. Текст после доработок:
Категории каталога до доработок – много ссылок без картинок воспринимаются плохо:
Добавили картинки для разделов, чтобы визуально проще было выбрать нужный:
Главную страницу доработали минимально, оставив бюджет на другие проблемы, требующие внимания.
Для любого интернет-магазина важно, удобно ли его использовать на мобильных устройствах. Чем больше трафика с мобильных, тем это важнее:
При просмотре сайта со смартфона был обнаружен ряд недочетов, из которых были исправлены самые важные:
Слишком объемная шапка сайта, занимающая больше половины экрана на смартфоне:
Было решено сделать более компактный вариант шапки сайта для смартфонов. Оставили логотип, телефон и кнопки для меню, корзины и поиска. Остальные элементы убрали:
Всплывающие формы не помещались на экран смартфона. Это было крайне неудобно. Такие формы были, например, в карточках товаров, для заказа товара по оптовой цене.
Так как формы напрямую влияют на конверсию, эта проблема была исправлена в срочном порядке:
На странице с производителями их логотипы были в один столбец, а справа было много свободного места.
Показали иконки в два столбца, сделав тем самым страницу более компактной:
Это только некоторые доработки, вошедшие в комплексное улучшение сайта.
Как водится, на момент начала аудита юзабилити целей в Метрике не было. В рамках аудита для отслеживания конверсии были настроены основные цели и уже идет сбор данных по конверсиям.
После аудита юзабилити необходимо незамедлительно приступать к доработкам сайта, ведь на руках оказывается четкий план действий по его улучшению. Больше не нужно наощупь пытаться улучшить хоть что-то. А приоритезация проблем, найденных после аудита юзабилити, помогает не закопаться в них и дорабатывать сайт последовательно, от важного к второстепенному.
P.S. Заказывая Комплексное продвижение сайта, вы получаете гарантию того, что рекомендации из аудита юзабилити будут внесены корректно и конверсия сайта со временем увеличится.
Оценок: 473 (средняя 5 из 5)
Первый месяц сопровождения по юзабилити в рамках «Комплексного улучшения сайта с гарантией» {descr}