Три золотых правила в юзабилити.
Вопреки разным мнениям, к примеру, что ссылка должна быть синей и иметь подчеркивание и для тех, кто не соблюдает это правило заведено особое место в аду, мы рассмотрим более важные примеры. Выделим 3 пункта, которые чаще всего встречаются:
1. Движения мышью должны быть меньше.
2. Области для кликов должны быть больше.
3. Логика построения цепей в приложениях.
Движения мышью должны быть меньше.
Первый пример очень часто встречается на галереях фотографов, художников, фрилансеров… Неудобность заключается в навигации между изображениями, когда при просмотре меняется ширина области, а переключатель уезжает в сторону и приходится делать 3 лишних движения:
- Переключить взгляд на новое расположение.
- Перевести курсор мыши на объект.
- Кликнуть и быть готовым «прицеливаться» снова.
Если работ немного, не критично, а в случае «быстрого просмотра» 200 работ и выбрать, которая зацепила, это, согласитесь неудобно. Для продвинутых пользователей существуют так называемые «горячие клавиши» как правило, это ctrl + «Стрелка» и опять же не все разработчики тратят на это время. С точки зрения абсолютного пессимизма, спешу вас обрадовать, что эта ошибка наблюдается даже у самых высокооплачиваемых дизайнеров.
Области для кликов должны быть больше.
Вы часто сталкиваетесь с этой проблемой. Когда область клика настолько мала, что приходится «прицеливаться». Примеров может быть множество, это и листинг страниц (пейжинг) и пункты меню и дополнительные опции, вспомогательные ссылки… Чаще всего конечно — переключение страниц. Для пользователя будет счастье, когда эта область будет больше и более того, визуально изменена при наведении на неё. Конечно, это не работает с сайтами, где область должна быть маленькой, что бы подчеркнуть особенность стиля. Как правило это флеш сайты, авторские или промо сайты.
Логика построения цепей в приложениях.
Если на сайте есть приложение, которое занимает больше 2х страниц его можно рассматривать как еще один пункт для уменьшения количества кликов и движений.
Выручают опять же, горячие клавиши как TAB для переключения работы со следующим объектом и ctrl + TAB для обратного переключения.
В интернет магазинах, допустим, есть совершенно не нужные страницы, так как и регистрации на сайтах состоящие из 3х страниц.
Делайте лучше! Делайте удобнее! Самый довольный пользователь — это пользователь который не думает как решить задачу, которую должны решить Вы как разработчик.