ЧЕК ЛИСТ ДЛЯ ПРОВЕРКИ ЮЗАБИЛИТИ ВАШЕГО ИНТЕРНЕТ-МАГАЗИНА

Критериев, по которым оценивается юзабилити сайта, очень много. Чтобы не лезть в дебри и не плутать в замысловатых понятиях, изучим упрощенный чек-лист.
1. Дизайн
Самым важным элементом дизайна, напрямую влияющим на его юзабилити, считается цветовая гамма. Обратите внимание на сочетаемость цветов отдельных элементов своего магазина, яркость фона, видимость текста на странице и его контрастность. Помните, что Ваши посетители могут иметь плохое зрение и слабые нервы. Оригинальный дизайн – это, конечно, хорошо. Но дизайн, который приносит деньги, – лучше.
Что сделать?
Поэкспериментируйте со шрифтами, испытывая скорость и комфорт чтения текстов с каждым из них
Изучите влияние цвета на восприятие информации и принятие решений покупателями
Используйте логотип и контакты в оформлении шапки сайта
Поместите сквозное вертикальное меню с левой стороны
Изучите основы веб-дизайна
2. Тексты
На каждой странице Вашего сайта – от карточки товара до главной страницы – должен быть четкий, интересный текст с привлекательной структурой. Делите его по смыслу на абзацы, используйте подзаголовки, списки, выделения, картинки, а также удобочитаемые шрифты и цвета. При этом не стоит забывать о грамматике, поскольку более 37% интернет-пользователей утверждают, что не станут доверять свои деньги неграмотному продавцу.
Что сделать?
Разбивайте тексты на логические части
Используйте простые, короткие и привлекательные подзаголовки
Подбирайте изображения, которые соответствуют содержанию страницы
Избегайте длинных предложений, нудных вступлений и заковыристых словечек
Проверяйте правописание и уникальность готовых текстов здесь: http://text.ru/spelling 3. Навигация
Чем очевиднее связь между отдельными страницами интернет-магазина, тем проще пользователю добраться с его главной страницы до самых удаленных уголков – а значит, тем лучше юзабилити. Посетитель должен в любой момент знать, где он находится и куда ему дальше идти. Меню должно быть удобным, конкретным и понятным. При его разработке не допускайте более двух уровней вложения страниц.
Что сделать?
Дайте доступ к разделу «обратная связь» с каждой страницы интернет-магазина
Логотип в шапке должен быть кликабельным и вести на главную страницу
Поместите меню либо вверху горизонтально, либо слева вертикально
Расположите в верхней правой части страницы окно поиска по сайту
Используйте хлебные крошки
4. Функционал
Если Ваш сайт имеет внятную структуру и отличную навигацию, это еще не значит, что пользователь легко доберется до оформления заказа. Вполне возможно, что кликнув на заветную кнопку, он увидит сообщение об ошибке и останется ни с чем. Причина тому – ошибки в коде сайта, а также отсутствие его адаптации под разные браузеры и операционные системы.
Что сделать?
Протестируйте сайт в этих браузерах: Google Chrome, Mozilla Firefox, Яндекс.Браузер, Opera, Safari и Internet Explorer
Протестируйте сайт на ПК с таким операционным обеспечением: Windows, Linux, Mac OS
Протестируйте сайт на смартфоне и планшете
Устраните обнаруженные ошибки в коде
5. Скорость загрузки
Компания GoMez провела исследование и выяснила, что при увеличении скорости отклика страницы всего на 1 секунду от оптимального значения количество просмотренных страниц уменьшается на 11%, а показатель конверсии (кол-во покупок на 100 посетителей) – снижается на 7%! Ни в коем случае не позволяйте своим посетителям ждать: скорость загрузки страниц Вашего интернет-магазина должна быть максимальной.
Что сделать?
Протестируйте скорость загрузки своего сайта здесь: sitespeed.ru При обнаружении проблем оптимизируйте содержимое страницы (наиболее популярно кэширование, параллельная обработка данных, разделение обработки данных во времени)