Ошибки юзабилити встречаются очень часто, причем иногда даже на очень популярных сайтах, правда, там их достаточно оперативно устраняют, так как знают, что залог успеха интернет-ресурса – это регулярное его тестирование на предмет удобства. Ведь каким бы замечательным ни был дизайн вашего веб-проекта, его посещаемость все равно будет зависеть от практичности и юзабилити. Если возникают затруднения с поиском информации, то ни о какой прибыльности сайта не стоит даже говорить. Посетитель, не понимающий структуры ресурса, с трудом разбирающийся в его навигации, поступает с ним очень просто – закрывает и уходит на конкурирующий. В этой статье приведены некоторые ошибки юзабилити, а в конце предложен список правил, с помощью которых можно будет избежать подобных погрешностей.
1. Слияние меню сайта с браузером.
2. Неудобное расположение контактов.
Заказать пиццу на данном сайте достаточно сложно. В разделе «меню» представлены разные номера телефонов в зависимости от местоположения абонентов. Гораздо проще было бы представить здесь единый телефонный номер с переадресацией в зависимости от адреса доставки. При этом все пользователи безуспешно по привычке кликают на пиццу или на цены и только спустя некоторое время начинают обращать внимание на разнообразие цифр слева.
3. Отсутствие контактной информации.
Хуже неправильного размещения контактов может быть, пожалуй, лишь их отсутствие, как например, на сайте одной мебельной фабрики. Контакты на главной странице выглядят так:
А в разделе «контакты» эдак:
Некоторые компании вообще не утруждают себя размещением контактов на главной странице, кстати, пример опять-таки из «мебельных» – http://www.italmebel.ru/
4. Использование неясных аббревиатур.
Значок ААА в данном сайте – инструмент масштабирования, который имеет более популярную и более узнаваемую иконку.
5. Неудобное меню. Пустоты в главной зоне видимости сайта.
Сайт банка «Зенит» мог бы стать чемпионом по ошибкам в юзабилити. Среди наиболее грубых – совершенно пустая главная зона видимости, неудобное расположение меню и его неправильное оформление – благодаря неудачному шрифту и тесному соседству элементов пункты сливаются в невыразительную серую массу.
6. Визуальный шум. Горизонтальный и вертикальный скроллинг в пределах одной страницы.
На данной странице находится огромное количество баннеров, активных ссылок, бесчисленные яркие акценты, которые в совокупности вызывают ощутимое раздражение у пользователя. Желая поместить максимальное число пунктов меню на главную страницу, создатели сайта ввели одновременный горизонтальный и вертикальный скроллинг. Это создает дополнительные неудобства и отнимает лишнее время. Скорее всего, данный сайт не решает возложенные на него задачи.
7. Мелкие нечитаемые шрифты.
Даже человек с очень хорошим зрением не сможет без усилий и раздражения прочитать хоть что-то в разделах «новости» и «стоимость» на сайте yoga-club.ru. Остается надеяться, что занятия йогой смогут вернуть посетителям этого сайта покой и гармонию.
8. Неструктурированная информация на сайте.
Пожалуй, ни одному посетителю сайта сходу не удастся понять, чем занимается Глав УпДК при МИД России. В пунктах меню выделены «аренда недвижимости», «спорт и отдых», «медицинское обслуживание» и прочие услуги. Согласитесь, достаточно разнообразный и едва ли совместимый спектр сервиса, который к тому же неграмотно структурирован. На сайте нет четкой формулировки назначения данного учреждения. Не каждый сможет разгадать предназначение данного сайта. На мой взгляд, это отличная «веб-иллюстрация» крылатой фразы «умом Россию не понять…».
9. Неисчезающие пояснения в полях ввода.
При клике на поле ввода поясняющие надписи должны исчезать, иначе эту лишнюю работу приходится выполнять пользователю.
Есть множество правил, которым нужно следовать при создании удобного сайта. При помощи визуальных и функциональных компонентов можно добиться высокой конверсии посетителей в покупателей. Главное правильно подобрать и расставить эти компоненты, чтобы они результативно воздействовали на целевую аудиторию. Необходимо экономить время пользователей, а также использовать простые маршруты, благодаря которым посетители всегда будут знать, куда идти, чтобы найти нужную информацию. Вот некоторые советы, которые помогут существенно усовершенствовать ваш сайт в пользу удобства:
1. По возможности в двух-трех предложениях расскажите, чем занимается ваша компания и почему она в этом деле лучше остальных на рынке. Конкурентные преимущества должны быть сформулированы как можно четче и проще.
2. У каждого сайта есть своя задача, в том числе и у вашего. Необходимо переформулировать ее для потребителя и тут же «в лоб» на главной странице обратиться к нему, используя для этого все вербальные и невербальные методы. И такой информацией ни в коем случае не могут быть сопутствующие разделы, например, «о компании» или «миссия».
3. Контент – грамотный, лаконичный, продающий. Заголовки и текст – крупным читаемым шрифтом.
4. Избегайте всего, что будет отнимать у пользователя дополнительное время. Чем проще интерфейс, тем удобнее он для использования.
5. Контактную информацию необходимо размещать на видном месте, а это значит, что пользователь должен без труда находить ее на всех без исключения страницах сайта.
6. Изучайте и прогнозируйте маршруты пользователей и помните, что любой маршрут должен быть максимально коротким и заканчиваться словами «купить» или «заказать».
7. Сайт желательно регулярно тестировать, в том числе в различных браузерах и при помощи специальных методик. Например, используя Eye-Tracking, при котором отслеживается движение глаз пользователя, что позволяет определить области, которые привлекают наибольшее внимание посетителей.
В удобном продающем дизайне имеет значение буквально все, начиная с расположения покупательской корзины и контактного телефона, заканчивая версткой и цветовым решением. Интуитивно понятный дизайн, очевидная структура и простые маршруты сайта помогают манипулировать вниманием пользователей. Если постоянно отслеживать наличие этих составляющих и внимательно ухаживать за сайтом, то можно смело рассчитывать на его эффективность, а также постоянную лояльную аудиторию.
Фото в анонсе: Unsplash
+93
Ануар Ашимов
Нач. отдела, зам. руководителя, Казахстан
+377
Борис Зверев
Консультант, Москва
