Скачайте пример аудита юзабилити (doc, 3.5 Mb). Заказать аналогичный аудит (eye-tracking + экспертная оценка) вы можете по адресу eyetracker [кошка] yandex.ru
Чеклист юзабилити сайта:
-
Посетители сайтов с повышенной настороженностью относятся к отправке информации на сайт, поэтому любая форма вызывает негативную реакцию. А если при этом форма не соответствует той задаче, которую посетитель хочет решить, то он с большой вероятностью с вашего сайта уйдет. Классический пример - появление формы регистрации на сайте в то время, когда посетитель хочет купить товар.
-
Постарайтесь, чтобы последовательность полей формы, а также последовательность форм (если ввод данных происходит в несколько приемов) обладали понятной (для посетителя!) логикой.
Например, в большинстве случаев, нелогично требовать регистрацию в магазине, чтобы посмотреть цены - посетитель расценит это как попытку выманить его контактные данные. Нелогично при регистрации у хостера требовать сразу указать домен будущего сайта - вполне вероятно, что пользователь его еще не подобрал. И так далее...
-
Если на вашем сайте используются диалоговые формы - последовательность из нескольких небольших форм, вместо одной большой - то являются ли эти диалоговые формы достаточно лаконичными и логична ли их последовательность?
-
Легко ли пользователю найти переход к следующему далоговому окну (кнопку или ссылку), особенно, если предлагается какой-то выбор?
-
Постарайтесь сократить количество полей в основной форме до необходимого минимума. Требование излишней (с точки зрения посетителя) информации вызывает негативную реакцию, а большое количество полей затрудняет восприятие формы и увеличивает вероятность ошибок. Имеет смысл разделить формы на обязательные и опциональную - например, при регистрации указать только имя и пароль, а в форме настройки профиля при желании указывать адрес, фотографию и т.п. Если в форме требуется ввести какую-то излишнюю на взгляд посетителя информацию (например, паспортные данные при регистрации хостинга), сделайте пояснение зачем она нужна и как будет использоваться.
-
Постарайтесь сократить до минимума количество обязательных полей в форме. Вам не помешает получить телефон посетителя, но стоит ли это потери клиента, если получив сообщение о незаполненном поле он просто уйдет?
-
При заполнении форм большинство посетителей используют кнопку табуляции для перехода к следующему полю формы. Убедитесь, что порядок перехода между полями правилен и что такой переход работает во всех браузерах
-
Если в форме присутствуют обязательные поля, пометьте их звездочками. Такое обозначение является стандартом де-факто, и его стоит использовать даже в том случае, если обязательными являются все поля.
-
Если пользователь совершил какую-то ошибку при вводе данных в форму, убедитесь что скрипт устанавливает фокус ввода на первое поле с ошибкой, особенно в случае длинных форм. Это просто удобно для посетителя, а если форма длинная, то убережет вас от ситуации, когда сообщение об ошибке и подсвеченное ошибочное поле окажутся выше экрана пользователя и пользователю будет казаться, что форма просто не работает.
-
Очень часто в формах посетителю предлагается указать какой-то параметр, выбирая его из множества вариантов. И не менее часто разработчики форм забывают дать пользователю возможность отказаться от этого параметра, если он неважен.
Например, на сайтах туристических компаний часто встречается возможность указать желаемый курорт в какой-то стране. Но посетитель ведь может и не знать чем эти курорты различаются и, соответственно , не иметь каких-либо предпочтений. Если в списке присутствует пункт "любой", то проблемы нет, а вот если такого пункта нет, а курортов несколько, то пользователю придется выполнять поиск несколько раз, чтобы посмотреть разные варианты... А если такой параметр не один - то количество требуемых поисков начнет стремительно расти.
Если вы нашли ошибку или опечатку, не согласны с каким-то из пунктов или хотите предложить свой - буду рад с вами пообщаться!