Юзабилити сайта (от англ. usability) — это свойство веб-ресурса быть понятным, простым в применении и приятным для конечного посетителя. Говоря проще — это его удобство.
В данном материале мы объясним, как выполнить оценку юзабилити и внедрить улучшения для вашего сайта.
Зачем придерживаться принципов юзабилити?
1. Продажи
Чем дольше посетитель взаимодействует с сайтом, тем выше вероятность, что он превратится из просто зрителя в покупателя. Чтобы удержать его на ресурсе, нужно сразу дать понять, что он попал куда нужно. Обычно такой вывод пользователь делает в первые 3 секунды, поэтому на первой экранной области любой страницы должен быть четкий ответ на его запрос. Удерживать внимание можно и иными методами, о которых речь пойдет далее.
2. Трафик сайта
Посетитель вернется на сайт, если получил позитивный опыт взаимодействия с ним. Поэтому ресурс обязан быть удобным и интуитивно понятным: текст, навигация, интерфейс, последовательность шагов и т.д. Сайтов огромное множество, и ваш конкурент находится всего в одном клике, поэтому разбираться в сложностях именно вашего ресурса никто не станет. Позаботьтесь о юзабилити, чтобы привлечь больше посетителей, а следовательно, и увеличить объем продаж.
Как выполнить usability-аудит?
Чтобы проверить юзабилити сайта, последовательно двигайтесь от совета к совету и анализируйте, реализован ли он на вашем ресурсе. Если у вас отсутствует форма поиска (совет №1) — добавьте ее; если есть — переходите к следующему пункту.
Советы по улучшению юзабилити сайта
1. Форма поиска
На всех сайтах, где присутствовала форма поиска, она использовалась в процессе тестирования удобства. Однако лишь в 33% случаев пользователи получали релевантные результаты (для сравнения, в крупных поисковых системах этот показатель достигает 56%). Тем не менее, если на сайте больше 100 страниц, функцию поиска настоятельно рекомендуется добавить.
- Размещать поисковую строку следует в верхнем правом углу на всех страницах сайта, в одном и том же месте.
- Ссылка ведет на конкретную страницу, а кнопка активирует выполнение определенной команды.
- Длина поля поиска должна составлять примерно 27 символов, чтобы удовлетворить потребности 90% пользователей.
- Расширенного поиска (с параметрами) по возможности лучше избегать. На странице результатов поле поиска должно находиться над результатами и содержать исходный запрос.
- Под результатами можно разместить ссылку для активации расширенного поиска.
2. Навигация и структура информации
- Если пользователи не могут найти нужные сведения, они склонны считать, что их на сайте вообще нет. В результате они покидают ресурс, увеличивая показатель отказов. Поэтому ответ на запрос должен находиться в пределах первого экрана.
- Соответствие структуры ожиданиям пользователей. Дизайн создается для удобства посетителей, а не владельцев сайта. При разработке структуры лендинга или многостраничного сайта осторожно подходите к ориентации на внутреннюю структуру компании, бренды или внутренние процессы — пользователи могут о них не знать или не понимать их особенностей.
- Последовательность и единообразие — фундаментальные принципы навигации. Элементы навигации не должны постоянно меняться на разных страницах.
- Навигация: ничего лишнего. Избегайте создания излишне креативных и нестандартных элементов навигации, сохраните творческий потенциал для контентной части. Скрытые элементы навигации также затрудняют взаимодействие.
- Убираем хаос и избегаем избыточности. Дублирующиеся ссылки усложняют сайт; если нужно повысить посещаемость отдельных страниц, лучше привлечь к ним внимание другими способами.
- Ссылки и названия категорий: избегайте повторов. Давайте активным ссылкам понятные названия, делайте их краткими, и вместо ссылок вида «подробнее» лучше указать, о чем именно идет речь. Например, названия моделей автомобилей многим ни о чем не говорят, поэтому не стоит называть по ним категории.
- Вертикальные раскрывающиеся меню. Чем длиннее список пунктов, тем сложнее им управлять.
- Многоуровневые меню: чем меньше уровней, тем лучше. Не более двух.
- Активные элементы. Любая дверь с табличками «на себя» или «от себя» является плохо спроектированной. Также не следует оформлять некликабельные элементы в виде подчеркнутого текста, синего шрифта или объектов, похожих на кнопки.
- Обеспечение простого и очевидного доступа к ключевым/важным страницам. Вынесите их в главное меню или используйте «хлебные крошки».
3. Оформление текста
Кто захочет оставаться на сайте, если от чтения его содержимого болят глаза? Это крайне важный принцип удобства.
- Рекомендуемые размеры шрифтов: для общей аудитории и молодежи — 10-12 pt, для пожилых людей и детей — 12-14 pt.
- Используйте относительные единицы измерения (em) для размера шрифта, чтобы обеспечить возможность его масштабирования.
- Поскольку в шрифтах с засечками присутствуют мелкие детали, они лучше подходят для высококачественной полиграфии (печати книг и журналов). В случае сомнений выбирайте шрифт Verdana.
- На сайте следует применять ограниченное количество шрифтов и их цветов. Текст, набранный с использованием букв разного регистра, читается легче.
- Наиболее комфортным для чтения остается черный текст на белом фоне. Черный фон создает эффект размытия границ букв. Темный фон или фон, близкий по цвету к тексту, снижает контрастность. Яркие цвета фона вызывают эффект «дрожания» текста на экране.
- 8% мужчин и 0,5% женщин в разной степени страдают дальтонизмом.
- Пользователи негативно относятся к изменяющемуся и мигающему тексту, на бегущие строки не обращают внимания — их невозможно контролировать, и они ассоциируются с рекламой.
4. Как писать тексты для сайта
Ранее мы публиковали детальную статью о заказных текстах. Здесь выделим ключевые принципы юзабилити для текстового контента.
- С первого взгляда на страницу должно быть понятно, чем занимается компания или о чем пойдет речь в статье.
- Наиболее важная фраза на странице должна присутствовать в первых двух строках текста, основные выводы следует размещать в начале.
- Заголовки, ссылки, выделенный жирным текст должны нести самостоятельный смысл, не требующий обращения к контексту страницы. У пользователей нет времени на его изучение.
- Сокращения, аббревиатуры, сленг, юмор, клише, фразеологизмы, узкоспециальная терминология — зло.
- Используйте списки при наличии как минимум четырех элементов. Выделяйте в них важные слова. Применяйте единообразное построение фраз.
- Короткие абзацы, никаких сплошных текстовых блоков. Оптимально — 5 предложений в абзаце.
5. Информация о товаре
Чтобы продать продукт онлайн, необходимо предоставить исчерпывающую информацию о нем, позволяющую покупателю сделать уверенный выбор.
- Фотография, описание, цена — критически важны. Используйте ПО для качественной обработки изображений. Цена должна отображаться как в списке товаров, так и на карточке товара.
- Ориентировочные цены лучше, чем их полное отсутствие. Указывайте также рекомендованные производителем цены.
- Скрытые платежи следует показывать как можно раньше.
- Детализированная информация о товаре: фотографии, вопросы и ответы, отзывы пользователей и экспертов, возможные неисправности и их устранение, аксессуары и запчасти, сведения о производителе, купоны на скидки. Чем подробнее вы расскажете о товаре, тем лучше.
- Меньше — значит больше. Пользователи не любят слишком широкий ассортимент.
6. Прочие элементы веб-страницы
- Не создавайте эффект законченности страницы, если у нее есть продолжение.
- Размещайте наиболее важную информацию на первом экране.
- Пользователь не будет против переходить со страницы на страницу, если каждый переход приближает его к цели.
- Группировка схожих элементов. Четкая организация контента. Связанные между собой элементы должны находиться рядом.
- Наличие достаточного свободного пространства вокруг важных информационных блоков привлекает внимание, не вызывая напряжения и усталости глаз.
7. Баланс технологий и опыта использования сайта
- Применение мультимедийных элементов на сайте может наскучить кому угодно, если пользователю приходится просто смотреть, а не участвовать в интерактиве. Особенно это касается подростков — они предпочитают действовать на сайтах, а не размышлять и созерцать.
- Простота и точность индикаторов загрузки.
- Калькуляторы на сайте. Это отличный инструмент для упрощения жизни пользователя, но он не должен быть излишне сложным.
- Пользователи не любят устанавливать программы и обновлять их, не понимают терминов вроде HTML, Кбит/с, 480p и т.д.
- Зачем создавать новые элементы, если пользователи предпочитают традиционные? Они не хотят прикладывать больше усилий, чем требовалось ранее.
- Пользователи часто не замечают нужные элементы интерфейса, выполненные в нестандартной манере.
- Двигающиеся и пищащие элементы лучше оставить для маленьких детей. Посетителей могут порадовать некоторые интересные эффекты, но это касается только новых элементов. Как только они наскучат, пользователи сразу же потеряют к ним интерес и захотят, чтобы те их больше не беспокоили.
- Прибегать к мультимедийным технологиям стоит только в том случае, если они упрощают использование веб-сайта.
Заключение
Следование этим принципам улучшит пользовательский опыт посетителей вашего сайта, а значит, способно увеличить их количество и объем продаж. Однако не стоит быть чрезмерно фанатичным в этом вопросе. Внимательно следите за тем, как разные элементы сочетаются между собой, и регулярно проводите тестирование, результаты которого оценивайте с помощью систем аналитики.
Юзабилити не стоит на месте, пополняясь новыми принципами на основе исследований пользовательского опыта, поэтому может быть полезно время от времени проходить курсы по веб-разработке.
