Usability юзабельность сайта

• 3 правила и примеры адаптивной верстки веб-страниц HTML(Веб)- страниц.
• 20 принципов проектирования интерфейсов
• Десять главных ошибок веб-дизайна

Термин usability ("юзабельность") употребляется как удобство использования. Юзабилити имеет серьёзное значение для показателей конверсии в электронной коммерции. Однако юзабилити означает не только улучшенное визуальное руководство или улучшенную иерархию сайта. Это также означает и больший контакт с потенциальным покупателем посредством профессионально сделанного серьёзного дизайна, преподнесения верной информации тогда, когда она нужна.

Юзабилити это больше мера дружелюбности сайта.

Краткие рекомендации по "юзабельности" сайта.

• Не используйте резиновые макеты, как минимум по ширине. Фиксированный макет как правило предпочтительней резинового.
• Максимальная ширина сайта. От ширины минимального разрешение экрана монитора вычитаем 20 пикселей (ширину вертикальной полосы прокрутки, которая присутствует в браузерах по умолчанию) – и получим ширину макета сайта в пикселях. Например, для:
  • 800×600 = 760 пикселей
  • 1024х780 максимальная ширина всего сайта рекомендуется 1000, 980-960 пикселей
  • 1280х1024 = 1200 пикселей
• Оптимальная ширина для контента(примерно ширина страницы бумажной книги): 500-650 пикселей (если предположить что 1 см=40пикселей = 16 см = 650 пикселей)
• Меню вертикальное должно содержать не более 8 пунктов. Большой выбор пунктов - запутывает пользователя.
• Основное меню горизонтальное.
• Меню продублировано снизу в footer
• Светлый фон.
• «Хлебные крошки» (— англ. Breadcrumbs) — элемент навигации по сайту, представляющий собой путь по сайту от его «корня» до текущей страницы, на которой находится пользователь. Их использование повышает юзабельность. «Хлебные крошки» не нужно использовать на любых сайтах с вложенностью иерархии ссылок менее двух-трех пунктов пунктов.
• Телефон и поиск сверху. Поиск всегда должен иметь результат (особенно в интернет магазине), например другой вариант товара.
• Бен Шнейдерман. "Картинка стоит тысячи слов. Интерфейс стоит тысячи фотографий."
• Одно главное действие на экран. Каждый экран должен быть спроектирован ради единственного действия, которое действительно важно в данный момент. Так легче учиться, легче использовать, легче надстраивать по необходимости. Экраны с двумя и более основными действиями быстро становятся запутывающими. Так же как написанная статья должна иметь одну объединяющую идею, экран должен иметь одно главное действие, ради которого он создан.
• Существующие проблемы — самые главные. Люди ищут решения своих текущих проблем, а не потенциальных проблем, которые ждут их в будущем. Поэтому не стоит проектировать интерфейс, заточенный под гипотетические проблемы. Исследуйте текущие проблемы и создайте интерфейс под них. Это не так увлекательно, но однозначно даст свои плоды, когда реальные пользователи начнут пользоваться вашим интерфейсом.
• Дональд Норман. "Потребности пользователей — первое, технологии — второе."
• Время отклика. Допустимое время отклика интерактивной системы не должно превышать 20 секунд, среднее время ответа - не более 2 с.
  • 0,1-0,2 c - для подтверждения физических действий (нажатие клавиши на клавиатуре, работа с "мышью");
  • 0,5 - 1,0 с - для ответа на простые команды;
  • 1,0 - 2,0 с - при ведении связанного диалога, когда пользователь воспринимает серию взаимосвязанных вопросов как одну порцию информации для формирования одного или нескольких ответов, задержка между следующими друг за другом вопросами не должна превышать указанную длительность;
  • 2,0 - 4,0 с - для ответа на сложный запрос, состоящий в заполнении некоторой формы. Если задержка не влияет на другую работу пользователя, связанную с первой, могут быть приемлемы задержки до 10 секунд;
  • до 20 с - при работе в мультизадачном режиме, когда пользователь воспринимает данную задачу как фоновый процесс;
  • > 20 с - приложение должно сообщить, что задержка ответа не является следствием выхода системы из строя, например, выдать предупреждение или отобразить прогресс-бар.
• Пользователей не интересуют новые технологии, в особенности их не интересуют новые функции. Всякий раз, когда вас подмывает добавить новую функцию или новейшую технологию на свой веб-сайт, подумайте, не получите ли вы большую отдачу от сайта, если доведете до блеска качество уже того, что у вас есть. Пользователи просто хотят улучшения элементарных элементов Web:
  • чтобы текст было удобно читать;
  • чтобы контент страниц отвечал на заданный вопрос;
  • чтобы навигация и поиск помогали им находить то, что им нужно;
  • чтобы формы были проще и короче (быстрая регистрация, быстрый расчет за покупки и проч.);
  • чтобы не было ошибок, опечаток, искаженных данных, сломанных ссылок, устаревшего контента;

Вопросы к сайту.

• Какие задачи (или главные задачи) решает создаваемый сайт?
• Просчитать(представить) диалог пользователя при переходе на мой сайт? Куда он может (захотеть) пойти?