10 правил юзабилити главных страниц, которые нарушаются чаще всего

Я обычно посвящаю свои хит-парады проблемам, которые мне кажутся наиболее важными и которые требуют самого пристального внимания. На этот раз я использовал другой критерий: я сконцентрировал свое внимание на известных принципах юзабилити, которые нарушаются дизайнерами чаще всего. Важные они или не очень, само наличие этих нарушений уже заставляет нас обратить на них внимание.

Статистика случаев основана на многочисленных обзорах главных страниц веб-сайтов, которые моя компания проводила с того момента, как увидела свет моя книга по юзабилити главных страниц. Такой источник данных конечно нельзя считать объективным, поскольку только крупные компании или правительственные учреждения, уделяющие большое внимание юзабилити, могут позволить себе заплатить 10.000 долларов за независимый анализ дизайна веб-сайта. Тем не менее этот недостаток результатов мы можем обратить в преимущество: если даже крупные компании, не экономящие на дизайне, делают нижеперечисленные ошибки, значит эти ошибки действительно достойны внимания.

Для каждой из десяти ошибок я указал процент страниц, которые все же следуют совету. Я отсортировал список по этому процентному значению: первым идет правило, которое соблюдает лишь небольшой процент сайтов (т.е. допускают наиболее распространенную ошибку).

Я также указываю порядковый номер совета, под которым он упоминается в моей книге, на тот случай, если вы пожелаете ознакомиться с ним подробнее.

1. Ясно выразите, что предлагает ценного для посетителей ваш веб-сайт и каким образом он отличается от своих конкурентов

Процент сайтов, соблюдающих правило: 27%
Номер правила в книге Homepage Usability: 3

Это самый важный момент, о котором необходимо помнить при дизайне главной страницы, поэтому очень грустно видеть, что это правило соблюдает так мало сайтов. Просто невероятно, насколько плохо веб-сайты дают понять пользователям, что же они собственно предлагают. Четкая мысль теряется за лесом маркетинговых слов, которое не способно произвести впечатление на потенциального клиента.

Помните: если у пользователя есть какая-то потребность, он идет на поисковый сайт и при просмотре списка результатов каждому сайту уделяет лишь несколько секунд внимания.

2. Используйте "резиновую" вёрстку страницы, что позволяет пользователям менять размер страницы

Процент сайтов, соблюдающих правило: 28%
Номер правила в книге Homepage Usability: 67

В борьбе с фиксированной шириной страницы всегда проигрывают пользователи, но все же не лишне еще раз напомнить: у разных пользователей разные размеры монитора. Владельцы больших мониторов привыкли уменьшать размеры окна броузера, чтобы видеть несколько окон одновременно. Вы не можете исходить их предположения, что у всех ширина монитора равна 800 пикселям: для одних пользователей 800px это слишком много, а для других - слишком мало.

3. Используйте различные цвета для обозначения посещенных и непосещенных ссылок

Процент сайтов, соблюдающих правило: 33%
Номер правила в книге Homepage Usability: 37

Ответ на вопрос "Где я был?" - это ответ на один из трех вопросов, на которые должна отвечать любая навигационная система (Два других вопроса: "Где я сейчас нахожусь?" и "Куда я могу пойти?").

Очень грустно видеть, что лишь треть корпоративных веб-сайтов сообщает визуально пользователям, какие ссылки они уже посетили. Путаница в навигации всегда происходит тогда, когда дизайнер отключает какую-либо полезную функцию веб-броузера: например, отображение различными цветами посещенных и непосещенных ссылок. Наши тесты показали, что нарушение данного правила особенно болезненно сказывается на престарелых пользователях.

4. Используйте графические изображения, связанные с материалами сайта, а не просто для украшения

Процент сайтов, соблюдающих правило: 35%
Номер правила в книге Homepage Usability: 56

Например, используйте на сайте фотографии людей, которые явно имеют отношение к вашему сайту и к его материалам, а не фотографии моделей или изображения из фотобанка. Фотографии привлекают внимание пользователей, неуместная фотография лишь отвлечет их внимание от важного материала.

Продавцы фотобанков делают замечательное дело, но посетители вашего сайта не поверят, что ваш товар делает его владельца счастливым, только потому, что на странице вашего сайта они увидят фотографию неизвестной улыбающейся дамы. Лучше покажите сам товар.

5. Не забывайте про краткий слоган, который вкратце объясняет, чем занимается сайт или компания

Процент сайтов, соблюдающих правило: 36%
Номер правила в книге Homepage Usability: 2

Наше недавнее исследование о том, как люди используют на сайте информацию из раздела "О нас" показало, что большинство пользователей все-таки могут найти на сайте данные о том, чем занимается компания. Но почему большинство сайтов усложняют поиск ответа на такой простой вопрос?

Из-за любви к рекламным слоганам веб-сайты наполняются пустыми фразами. Естественно, коль вы вложили рекламному агентству миллионы на разработку слогана компании, трудно смириться с мыслью, что он не будет работать на вашем веб-сайте.

Я предлагаю компромисс: поместите свой бесполезный рекламный слоган в самом верху страницы в графический баннер, рядом с логотипом. Его там все равно никто не заметит. А в центральную часть страницы поместите хороший слоган в виде простого текста, где его смогут увидеть все посетители вашего сайта.

6. Упростите доступ к старым материалам, которые недавно были у вас на главной странице

Процент сайтов, соблюдающих правило: 37%
Номер правила в книге Homepage Usability: 33

В случае с Alertbox 80% статей читаются уже тогда, когда ссылки на них перешли с главной страницы в архив. Вообще пользователи хорошо помнят, что они увидели что-то интересное на главной странице. Однако, если вы не поместите на главной странице ссылку на старые статьи или рекламные предложения, пользователи, придя снова на сайт, никогда не смогут найти то, что их заинтересовало в прошлое посещение.

7. Поместите краткое описание сайта в заголовок окна

Процент сайтов, соблюдающих правило: 39%
Номер правила в книге Homepage Usability: 75

Этот совет в целом важен для видимости сайта на поисковых серверах в результатах поиска, но почему бы вам не воспользоваться столь простым и дешевым приемом интернет-маркетинга?

8. Не используйте заголовок в блоке поиска; кнопки "Искать" достаточно

Процент сайтов, соблюдающих правило: 40%
Номер правила в книге Homepage Usability: 49

Не такая уж и большая ошибка, но все равно не стоит помещать в блок поиска заголовок "Поиск", если там и так уже есть кнопка "Искать". В интерактивном дизайне действует правило "чем меньше, тем больше". Дополнительные элементы отвлекают пользователя и затрудняют восприятие интерфейса. Другими словами, чем меньше элементов в интерфейс, тем больше людей смогут в нем быстро разобраться.

9. Изменение котировок акций указывайте в процентах, а не только в пунктах

Процент сайтов, соблюдающих правило: 40%
Номер правила в книге Homepage Usability: 110

Этот совет относится только к тем сайтам, которые показывают котировки акций либо в разделе для инвесторов, либо где-то еще. При показе изменений котировок главное - помочь посетителям понять, насколько изменения велики или незначительны. В этом и заключается смысл показа котировок. То же правило относится к представлению любых других статистических данных, меняющихся во времени.

Увеличение котировки на 0.75 доллара означает различные вещи, например, если цена акции равна 8 долларам (9%-ный взлет), или 60 долларам (скромный прирост в 1%).

10. Не помещайте ссылку на главную страницу на самой главной странице

Процент сайтов, соблюдающих правило: 41%
Номер правила в книге Homepage Usability: 43

Это особый совет, который относится ко всем веб-сайтам и интранет-сайтам: никогда не помещайте ссылку, которая указывает на текущую страницу. (Кнопка обновления котировок или другой меняющейся информации не в счет. Эта функция всегда должна оформляться как кнопка, а не как ссылка, поскольку она не ведет к новой странице). Ссылка на текущую страницу порождает три проблемы:

• Если посетитель щелкнет по этой ссылке, он все равно придет на ту же самую страницу, где был, а значит зря потратит свое время

 

• Что еще хуже: такие ссылки порождают сомнение у посетителя, если ничего не изменилось, туда ли он попал, куда хотел.

 

• И самое худшее: если посетитель пойдет по такой ссылке, он не поймет, где именно он находится, особенно если по щелчку по ссылке страница просто прокручивается наверх.

Ссылка на главную страницу на самой главной странице появляется из-за того, что на веб-сайте используется одно и то же навигационное меню, в котором в том числе присутствует ссылка "на главную". Прекрасно. Но когда посетитель оказывается на странице, которая упоминается в навигационном меню, этот пункт-ссылка в меню должен быть отключен или выделен таким образом, чтобы посетителю было ясно, где он сейчас находится.

Статьи по теме

Обеспечение безопасности ваших веб-приложений с помощью PHP OOP и PDO

Лучшие практики обеспечения безопасности PHP и PDO в современной веб-разработке Оглавление ...

2024-11-26

Перенос сайта на WordPress с одного домена на другой

Данная инструкция поможет вам, если вам нужно перенести сайт: с одного домена на другой; с поддомена на основной домен (наприме�...

2024-11-15

OSPanel 6: быстрый старт

Коротко объясняю как быстро начать работу с Open Server Panel v.6 Содержание: Вступление Концепция новой версии Первая уст...

2024-11-08

Как установить PhpMyAdmin в Open Server Panel

Как установить PhpMyAdmin в Open Server Panel В данной статье мы рассмотрим процесс установки и настройки PhpMyAdmin (PMA) на платформе Open Server...

2024-11-08

Как быстро запустить Laravel на Windows

Все привет, меня зовут Павел Жуковский и сегодня я расскажу о том как быстро развернуть Laravel на Windows. Как развернуть чере...

2024-09-30

Next.js

На мой взгляд, Next.js - это лучший на сегодняшний день инструмент для разработки веб-приложений. Обратите внимание: руководство актуально �...

2024-09-25

OpenAI рассказал, как запретить ChatGPT использовать содержимое сайта для обучения

OpenAI рассказал, как запретить ChatGPT использовать содержимое сайта для обучения Либо ограничить доступ. OpenAI рассказа...

2024-09-05

WebSocket

Протокол WebSocket («веб-сокет»), описанный в спецификации RFC 6455, обеспечивает возможность обмена данными между браузером и сервером че...

2024-08-01

Ошибка 404: что это такое и как ее использовать для бизнеса

Для SEO 404 Error — возможность сохранить клиента и позиции в выдаче. Как это сделать, в статье. Окно «404 Not Found» вид...

2024-07-17

PostgreSQL 16. Изоляция транзакций. Часть 2

Введение Данная статья является продолжением первой части: "PostgreSQL 16. Организация данных. Часть 1". Как и первая часть, эта является объед�...

2024-05-27

Комментирование кода и генерация документации в PHP

Зачем нужны комментарии к программному коду? В каком виде их писать? Где они нужны, а где нет? Как правильно комментировать код? Как прид�...

2024-04-22

Что такое CSS-модули и зачем они нам?

В последнее время меня интригуют CSS-модули. Если вы о них не слышали — эта статья для вас. Мы рассмотрим, что это за проект, какие задачи о�...

2024-04-22

23 сервиса для эффективного экспресс-аудита любого сайта

Аудит сайта – комплексный процесс, который позволяет оценить эффективность сайта и понять, на каком этапе теряются продажи, почему люди...

2024-04-17

Яндекс переходит на новую версию Wordstat

Часть старой функциональности уже недоступна. Обновленный Яндекс Вордстат полностью перейдет на основной домен wordstat.ru 20 марта. С...

2024-04-08

Яндекс интегрировал в свой облачный сервис эмпатичную нейросеть

Она умеет распознавать эмоции человека по голосу. Алгоритм-эмпат определяет характер речи пользователя: говорит он с явным негатив...

2024-04-08