Юзабилити глазами Якоба Нильсена

Недавно прочитала известную книгу Jacob'a Nielsen'a "Designing web usability. The practice of simplicity". Что я могу сказать? Книга - супер! Хоть и написана была несколько лет назад, и примеры приводятся старые, но актуальной она останется еще долго. Поэтому для тех, кому лень читать книгу полностью, а так же для себя, приведу некоторые тезисы из этой книги.

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

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

3. "Все, что знает пользователь - это то, что на экране у него определенное количество пикселов, и только 20 или 14% из них используется для отображения информации, представляющей интерес для пользователя. Исходя из этой схемы, становится понятно, что незаполненное пространство не так бесполезно, как это может показаться, и что было бы ошибкой создавать страницы с компактной информацией. Белые пространства на странице помогают зрительно разбить информацию на отдельные группы. Если вы можете выбирать, что использовать в качестве разделителя для двух групп информации, то лучше выбрать пустой белый промежуток, нежели сплошную линию. В большинстве случаев это выглядит лучше, и, к тому же, страница с таким разделителем загружается быстрее."

4. "После каждой лекции по сетевому дизайну, которые я провожу с 1994 года, выяснялось одно и то же: пользователи просят увеличить скорость загрузки страницы. Первое время моя реакция была такая: «Надо просто улучшить дизайн и тогда пользователи будут рады подождать». Позже я изменил свою точку зрения и считаю теперь, что быстрая загрузка - основной критерий дизайна веб-страниц; даже я не смог противостоять просьбам пользователей, повторяющимся из года в год...

Основной совет относительно времени ожидания практически не менялся после классического доклада Роберта Б. Миллера (Robert В. Miller) на конференции Fall Joint Computer Conference в 1968 г.:

• Одна десятая секунды (0,1) - предельное значение для того, чтобы ответ системы, полученный пользователем за это время, воспринимался бы как мгновенный, то есть не требующий никакой обратной связи для вывода результатов на экран. Это значение должно стать предельным временем ответа в приложениях, позволяющих пользователям двигать, изменять размеры и производить другие манипуляции с элементами на экране в реальном времени.
• Одна секунда (1,0) - предельная длина промежутка времени, в течение которого ход мыслей пользователя не прерывается, даже если он и замечает задержку. Обычно обратная связь не требуется, если задержки больше 0,1 и меньше 1 секунды, но пользователь уже не чувствует, что он работает непосредственно с данными. Если новая страница появляется в течение 1 секунды, это означает, что пользователь не сталкивается
с чрезмерными задержками.
• Десять секунд (10,0) - предел, в течение которого пользователь сфокусирован на диалоге. Если задержки дольше, то пользователь начинает заниматься другими делами, пока дожидается окончания работы компьютера. И хотя это раздражает, но пользователь продолжает переходить по ссылкам на сайте, если новые страницы появляются в течение 20 секунд."

5. "Гипертекстовые ссылки привязаны к тексту, по которому щелкает пользователь, чтобы перейти по ссылке. Этот текст не должен быть очень длинным, так как пользователи проглядывают страницы в поисках ссылок, стремясь узнать, что они могут сделать на данной странице. Ссылки выполняют туже роль, что и выноски в печатных журналах:
именно на них останавливается взгляд пользователя при просмотре страницы. Если слишком много слов играют роль ссылок, то пользователь не сможет понять их смысл при беглом взгляде на страницу. Гиперссылками должны быть только понятия,
несущие важную информацию."

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

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

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

При создании текстов для Сети нужно придерживаться трех основных рекомендаций:

• Следует соблюдать лаконичность. На странице должно размещаться не более 50% текста, который может быть использован для передачи тогоже материала в печатном издании.
• Текст должен быть удобным для беглого ознакомления. Не следует заставлять посетителя читать крупные абзацы текста. Вместо этого лучше использовать небольшие абзацы, подзаголовки и маркированные списки.
• Информацию значительного объема следует разбивать на несколько страниц, связанных
между собой гиперссылками."

9. "Беглое ознакомление с текстом характерно для Сети, что подтверждается множеством исследований. Авторы должны учитывать этот факт и соблюдать следующие основные правила:

• Статьи следует разбивать на отдельные части с использованием заголовков двух или даже трех различных уровней (основной заголовок страницы и 1-2 уровня подзаголовков). Вложенные подзаголовки также способствуют лучшему представлению текста речевыми программами, предназначенными для использования лицами с различными зрительными расстройствами.
• Заголовки должны нести в себе максимальную смысловую нагрузку, а не быть просто эффектным дополнением к основному тексту. Ознакомившись с заголовком, посетитель должен четко представлять себе, о чем идет речь на соответствующей странице или в соответствующем разделе без необходимости чтения основного текста. Например, в одном из номеров газеты «USA Today» была опубликована статья под заголовком «Новости — из рук в руки». Это достаточно эффектный, но абсолютно бесполезный для Интернета заголовок. К счастью, в электронной версии этот заголовок был изменен: «Программа обмена новостями». Этот вариант несколько лучше, однако и его нельзя назвать идеальным. На мой взгляд, лучше всего было бы использовать заголовок типа «Новости для размещения на страницах веб-порталов».
• Для выделения отдельных фрагментов текста следует использовать маркированные списки и другие элементы форматирования.
• Ключевые слова и фразы должны быть выделены цветом или начертанием для привлечения
внимания читателя. Тем не менее, при выделении цветом следует учитывать, что гиперссылки также выделяются цветом. Таким образом, цвет выделенных фрагментов должен отличаться от цвета гиперссылок. В противном случае цветовое выделение может запутать пользователей, заставляя их принимать выделенные фрагменты за гиперссылки и пытаться перейти по ним щелчком кнопки мыши."

10. "Если пользователь оказывается не в состоянии прочитать текст, все остальное — дизайн, быстрота загрузки, информационное наполнение — не имеет никакого смысла."

11. "Основное внимание пользователи Интернета уделяют информационному наполнению. Информация — это то, ради чего они подключаются к Сети, то, что они рассчитывают найти, открывая новую страницу. Качество предоставляемой информации является одним из двух решающих факторов, определяющих практическую пользу сайта; вторым таким фактором является легкость и удобство поиска необходимых сведений"

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