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
Это особый совет, который относится ко всем веб-сайтам и интранет-сайтам: никогда не помещайте ссылку, которая указывает на текущую страницу. (Кнопка обновления котировок или другой меняющейся информации не в счет. Эта функция всегда должна оформляться как кнопка, а не как ссылка, поскольку она не ведет к новой странице). Ссылка на текущую страницу порождает три проблемы:
- Если посетитель щелкнет по этой ссылке, он все равно придет на ту же самую страницу, где был, а значит зря потратит свое время
- Что еще хуже: такие ссылки порождают сомнение у посетителя, если ничего не изменилось, туда ли он попал, куда хотел.
- И самое худшее: если посетитель пойдет по такой ссылке, он не поймет, где именно он находится, особенно если по щелчку по ссылке страница просто прокручивается наверх.
Ссылка на главную страницу на самой главной странице появляется из-за того, что на веб-сайте используется одно и то же навигационное меню, в котором в том числе присутствует ссылка "на главную". Прекрасно. Но когда посетитель оказывается на странице, которая упоминается в навигационном меню, этот пункт-ссылка в меню должен быть отключен или выделен таким образом, чтобы посетителю было ясно, где он сейчас находится.

The Ten Most Violated Homepage Design Guidelines (November 10, 2003)
автор: 2003.11.10 Якоб Нильсен

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

Гигантская подборка сервисов для веб-дизайна. Логотипы, фотобанки, иконки, шрифты и прочее

Онлайн-сервисы для работы с визуальным контентом и дизайном сайта, собрали бесплатные и недорогие площадки. Материал обновлен...

2023-12-28

Дизайн сайта: особенности творческого процесса

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

2019-08-07

Создание логотипа: семь сервисов в помощь

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

2019-01-30

20 ценных уроков дизайна от "Мстителей"

Может это и звучит как-то странно, но марвеловские супергерои могут не только скрасить наш досуг своими приключениями, но и дать нам нес...

2015-05-11

15 трендов веб дизайна в 2014-2015 году

1. Первостепенность дизайна для мобильных устройств. Разработка дизайна теперь начинается с маленьких экранов, следующим шагом являетс�...

2014-06-05

Как не надо верстать сайт или 7 ошибок начинающего веб-мастера

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

2011-12-27

Факторы, определяющие хороший логотип

Если вы решили создать логотип, то нужно подумать о том, где он может использоваться. Существует пять факторов, которые определяют наско�...

2011-12-27

Борьба поисковиков и оптимизаторов

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

2011-04-13

Почему не стоит скачивать шаблоны с варезников

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

2011-04-13

О пользе точности темплейтов

Лирическое отступление: Темплейты для сайта (сториборды, вайрфреймы) - спроектированные проволочные схемы страниц сайта. Темплейты пок...

2011-04-07

Методы веб-дизайна и юзабилити

Данный набор статей является почти полным каталогом методов и приёмов, которые используются в дизайне программных систем вообще и веб-...

2011-04-07

Шаблонные решения для web-сайтов

При проектировании стандартных элементов веб-сайта посмотрите, как это сделано на других веб-сайтах, и не изобретайте велосипед. Меньше...

2011-04-07

Как сделать картинки в стиле Карсона

Самое модное сейчас в дизайне — шрифты. Их в работе должно быть как можно больше. Неважно, ЧТО вы этими шрифтами пишете, главное — раск�...

2011-04-07

Переживания должны передаваться

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

2011-03-29

Про заказчиков

Сегодня наш выпуск посвящён не дизайну или дизайнерам, а тому, с кем они имеют дело — заказчикам. Заказчики делятся на несколько групп. Т...

2011-03-29