ЮЗАБИЛИТИ

Usability — это просто удобный сайт :)

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

Более того — это не дает потратить рекламные бюджеты бесцельно. Понимаете — Вы потратили деньги на рекламу и продвижение, сайт видно в поиске и в объявлениях — пользователь переходит на сайт. Упс….

А там всё кривое и не понятно, что и как нажимать. И пользователь через 1 сек. уходит в даль…

Сайт должен пользователя заинтересовать.

Вроде просто? Покажем что-то интересное —  и пользователь останется на сайте?

Ключевое слово — «покажем«. Это еще постараться нужно. Состоит из двух важных деталей (пока не важен интерфейс, дизайн и прочие изыски):

• пользователь должен физически увидеть Ваш сайт после перехода на него — время загрузки должно быть минимальным, никаких вращающихся кружочков и полосок загрузки
• на видимой части экрана должно быть самое важное (контакты, кнопка «Купить», новинки и пр.) — по статистике 70% пользователей после захода на сайт не используют прокрутку вниз

Если после захода на сайт посетитель видит такую беду (типа «подожди, сейчас загрузимся…») — то пользователя сайт потерял.

Особенно забавно бывает, когда разработчики создают «тяжелый» сайт на своем локальном сервере — и радостно показывают заказчику, какая красота у них получилась.

А это как правило:

• много скриптов JS
• много картинок или видео

При попытке открыть такой сайт хотя бы с бюджетного ноутбука (даже с локального сервера) — получаем 5-10 сек ожидания… В реальном интернете никто не будет ждать, пока такой сайт откроется и никто эту красоту не увидит.

Основные принципы юзабилити

Да, конечно, после того, как посетитель Ваш сайт увидел в принципе (см. выше)

• простота использования сайта, пользователь не должен догадываться, что ему надо сделать
• эффективность взаимодействия с сайтом — как быстро посетитель выполнит целевое действие (узнает, купит)
• запоминаемость — быстрое ориентирование на сайте при следующем заходе (критично важно для сервисов)
• удовлетворенность сайтом — дизайн, удобство, навигация
• ошибки посетителя — количество ошибок и неправильных действий пользователя при навигации по сайту

Есть даже такой стандарт, по которому можно оценивать юзабилити сайта. Называется это красиво «эргономика взаимодействия»

ГОСТ Р ИСО 9241-210-2012 Эргономика взаимодействия человек-система.

Классический пример с эскалатором показывает, как одна мелкая деталь в дизайне сильно облегчает понимание процесса

UI/UX дизайн

Загадочные буквы.  Что такое UI и UX дизайн и в чем их различие?

UX —  user experience и переводится как «пользовательский опыт». Термин придумал Дональд Норман. Хороший UX — это когда продукт удобен и продуман. Ручка хорошо лежит в руке и ей удобно писать, ключ легко вставляется в замок и открывает дверь, а сайт открывается быстро и не требует 10 кликов, чтобы выдать нужную информацию.

UI — user interface и переводится «пользовательский интерфейс». Под термином UI обычно понимают экранные интерфейсы и их внешний вид. UI – это про визуальный стиль, графический дизайн на экране.

Нельзя сравнивать UX и UI — они совсем про разное. Но в контексте разработки экранных интерфейсов их можно представить как две стадии дизайна:

• проектирование
• визуализация