Основы юзабилити для начинающего веб-мастера (Часть 2)

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

Основные виды юзабилити-тестирования

Выделяют 12 основных видов юзабилити-тестирования:

1. Card Sorting (Карточная сортировка) предполагает ответы пользователей, на уже сформированные на карточке вопросы, что помогает оценить полезность и удобство сайта по выбранным критериям.
2. Contextual Inquiry (Контекстное исследование) помогает оценить используемость сайта в естественных условиях без создания дополнительных лабораторных экспериментов.
3. Checklists (Контрольные листы) дает возможность определить соответствие разработки сайта принципам юзабилити.
4. Prototyping (Макетирование) помогает определить основные направления доработки сайта.
5. Surveys (Обзоры) проводится для изучения мнения пользователей сайта при его доработке.
6. Questionnaires (Опросники) предполагает систему обзоров, но уже с рядом выделенных ответов на интересующие разработчиков вопросы.
7. Pluralistic Walkthroughs (Плюралистическая проработка) предполагает оценку сайта экспертами в соответствии с действиями и оценкой пользователей.
8. Self-Reporting Logs (Протоколы самоотчета) позволяет сделать анализ на онове действий посетителей сайта, но не учитывают их эмоционального восприятия.
9. Thinking Aloud Protocol (Фиксация “мыслей вслух”) позволяет оценить и эмоциональный фактор. Тут предполагается работа с отдельными пользователями.
10. Focus Groups (Фокусные группы) позволяет охватить большее количество пользователей, чем в предыдущем методе.
11. Heuristic Evaluation (Эвристическое исследование) представляет собой экспертную оценку юзабилити сайта.
12. Feature Inspection (Экспертиза компонентов) предполагает проанализировать каждый компонент сайта на предмет юзабилити.

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

Как стать профессионалом юзабилити и грамотно оформить сайт

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

Старайтесь минимизировать процедуру регистрации пользователя на сайте и лучше это сделать через систему HTTP authentication, которая позволит запомнить пользователя при повторном входе. Для изучения посещаемости лучше используйте куки, а не регистрацию. Оптимизируйте сайт через систему frequent-browser points, которая позволит адаптировать сайт к конкретному пользователю. Особое внимание следует уделить пользовательскому интерфейсу и принципам навигации, что является темой отдельного рассмотрения.

Хотелось бы остановиться на вопросе, который волнует начинающих web-юзабилити: «Под какие разрешения лучше разрабатывать дизайн?» Отвечая на него, нужно принять во внимание, что страница должна быть оптимизирована на большое количество пользователей. Поэтому лучше всего выбрать макет разрешения 1024×768, хотя можно остановиться и на разрешении 800×600. Тут важно ориентироваться на целевую аудиторию сайта, а также учитывать размеры экрана, которые у пользователей могут быть разными. Кроме того, пользователи не всегда работают с полностью открытыми окнами браузера, особенно при наличии большого экрана. Вот почему целесообразнее создавать резиновые макеты, которые способны автоматически подстраиваться под размер окна пользователя.

В настоящее время 60% мониторов имеют разрешение 1024×768, в то время, как лишь 17% — 800×600. Но эти 17% нельзя просто игнорировать, потому что они также являются полноправными посетителями сайта. Вот почему нужно избегать жестких макетов. При оптимизации макета страницы нужно обратить внимание на изначальную видимость основной информации, читабельность колонок на экранах с различным разрешением и эстетику страницы. Эти критерии должны соблюдаться при изменении целевых размеров экрана. Причем макет следует проверить, изменяя размер экрана: от минимальных настроек графических параметров 800×600 до максимальных 1280×1024.

Выполняя макет страницы, можно предусмотреть и возможности использования разрешений, которые выходят за обозначенное нами поле. Будет хорошо, если страницу можно будет просматривать и с мобильного телефона. Для этого нужно предусмотреть приемлемый дизайн и для маленьких экранов. Тут нужно обратить внимание на критерий информационности страницы и ее прокрутку. Обычно пользователи мало используют прокрутку. Поэтому основная часть информации должна занимать не более двух экранов, а наиболее важная и интересная информация отображаться на экране с разрешением 800×600.

Пользователи с дисплеем 2048×1536 обычно пользуются параллельным браузингом и работают одновременно в нескольких экранах, поэтому оптимизации под 1024×768 будет достаточно, с учетом того, что страница будет работать в разрешении от 800×600.

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