Чек-лист по юзабилити сайта [Часть 1. Дизайн]
Потенциальный покупатель не будет вглядываться в мелкий шрифт, судорожно искать, где выключить фоновую музыку, или мириться с «вырвиглазным» оформлением. Он просто уйдет на сайт конкурента, где все проще и доступнее. Именно поэтому юзабилити напрямую влияет на конверсию сайта!
Этот большой блок из нескольких постов поможет в разы улучшить твой сайт.
1. Умеренность. Яркие цвета, крупный цветной текст, анимация – используются минимально или вовсе не используются.
2. Учет особенностей восприятия цвета. Цвета кнопок, заливки полей используются с учетом их стандартного восприятия. Например, красный цвет заливки поля оформления заказа подсознательно воспринимается пользователем, как цвет ошибки. А кнопка серого цвета, скорее всего, будет воспринята как неактивная.
3. Отсутствие лишней анимации. Flash используется по минимуму или вовсе не используется.
4. Отсутствие нагромождения элементов. Элементы и их блоки чередуются с пустым пространством; нет чувства нагромождения, пестроты на страницах.
5. Оптимальный размер кликабельных элементов. Все кнопки, ссылки, баннеры достаточно длинные и крупные, чтобы пользователю не приходилось «целиться» для клика. При этом удобный размер не превышается из соображений «сделаем побольше, с запасом».
6. Подстройка курсора под «кликабельное/некликабельное». При наведении на кликабельные элементы иконка курсора «стрелка» меняется на иконку «рука». При наведении на некликабельные элементы курсор не меняется.
7. Деактивация лишних элементов. Ссылки и кнопки, которые по какой-либо причине сейчас недоступны пользователю, становятся неактивными. Не нужно их совсем скрывать – это приведет посетителя в замешательство.
8. Пояснения для деактивированных элементов. При наведении на неактивную кнопку или ссылку появляется краткое пояснение, почему кнопка/ссылка неактивна.
9. Подстройка под паттерны сканирования. Наиболее значимый контент размещается слева, так как наш взгляд скользит слева направо.
🔘 БОНУС ДНЯ: неисчерпаемый источник тонкостей маркетинга.