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

07 апреля 22:46 2012

Юзабилити (с английского usability) термин описывающий степень удобства и эффективности, это понятие относится к микроэргономике.
Правила юзабилити в веб-дизайне
В нынешних реалиях, проработка юзабилити и удобства расположения графических элементов, занимает более значимое место при создании сайта, чем просто классический веб-дизайн.

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

Основные принципы эффективного веб-дизайна

Чтобы разобраться в успешных вариациях веб-дизайна и юзабилити, надо понять с какой целью и что ищет посетитель у вас на сайте. Посетителя сайта, можно сравнить с простым покупателем в магазине – они так же ходят по сайтам и ищут интересные материалы или услуги. И у тот кто добьётся внимание у посетителей, тот и выиграл.

Как мы думаем?

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

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

Думать как посетитель – это самое главное плавило для любого веб-разработчика, потому что он творит и создаёт именно для них, а не для себя. Ну а на что обращать внимание, мы сейчас приведём ниже.

Не заставляйте посетителей думать

Правила юзабилити в веб-дизайне
Интуитивно понятное меню и содержание – залог успешности любого сайта. Чем легче посетителю ориентироваться среди вашего контента, тем более лояльно он будет относиться к сайту и скорей всего станет постоянным читателем или клиентом.

Иногда даже простота сайта, не даёт сто процентов гарантий, что посетители смогут отыскать нужную информацию. Иногда для облегчения поиска информации, стоит прибегнуть к визуальным подсказкам – так сказать направлениям.

Не испытывайте терпение посетителя

Тут всё понятно, на сайте должно быть минимум отвлекающих элементов. Если есть формы регистрации, то они должны быть по возможности короткими и понятными.

Управляйте пользовательским вниманием

Вы может быть не знали, но у сайта очень много элементов, которые привлекают внимание посетителей больше всего. Это и изображения и выделенный текст, и многое другое.
Поэтому все важные блоки должны быть:

  • Расположены в верхней части экрана;
  • Соответственно ярко или экстравагантно оформлены для притягивания внимания.

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

Добивайтесь понимания в композиции

Правила юзабилити в веб-дизайне
Часто дизайны сайтов, критикуют за не правильное использование объёмных графических элементов – таких как объёмные формы комментирования или кнопки с большим количеством графических эффектов.
Но при верном использовании, взаимодействие посетителей с сайтом становиться на порядок эффективнее, так как с помощью этих элементов, посетители сразу понимают как управлять сайтом и куда следовать.

Стремитесь к простоте

Правила юзабилити в веб-дизайне
Это одно из главных обязанностей дизайнера, при создании проектов. Ведь пользователи заходят на сайт в поисках полезной информации, а не для того чтобы оценить великолепие дизайнерских элементов (хотя бывает и на оборот, если сайт «портфолио дизайнера» например). Постоянное стремление к дизайнерской простоте, очень сложная задача.

Как-то Михаила Тимофеевича Калашникова (изобретатель автомата Калашникова) спросили о том: «Как он создал такой надёжный и качественный автомат, не имея технического образования и использую можно сказать, подручные средства», ответ был гениален:

«Я руководствовался одним правилом – всё сложное делаем простым»

Используйте эффективно текст

Правила юзабилити в веб-дизайне
В этом вопросе не стоит придумывать велосипед, вы простой откройте любой выпуск популярной газеты или журнала и запомните все самые важные элементы:

  • Выделение важной информации с помощью жирного шрифта;
  • Разбивание текста на логические абзацы и между абзацами отсупы;
  • Использование большого шрифта для заголовков записей и не много меньше для подзаголовков;
  • Обязательное использование изображений и иллюстраций, так как без них очень тяжело некоторым воспринимать текстовую информацию;
  • Использование чёткой структуры стать: заголовки, подзаголовки, списки и.т.п;
  • Меньше воды, то есть писать по делу.

Общение с помощью «зрительного языка»

Есть такой понятие как «зрительный язык» и он подразумевает три фактора, через которые идёт общение:

  • Организация. Всегда преследуйте последовательную и чёткую структуру. Продуманное взаиморасположение элементов сайта на экране, должны быть связь между ними;
  • Коммуникация. На сайте не должно быть много элементов для общения с посетителем, то есть форма комментирования, плюс гостевая книга и ещё что-нибудь, не должно быть на одной странице. Многие блогеры советуют использовать на сайте, до 3 шрифтов и 3 различных размера текста, так же в одной строке текста должно быть не более 50 – 75 символов или 18 слов;
  • Экономия. Экономьте время посетителя по максимуму – меньше графической и информационной нагрузки. Помните: понятность, простота, внимание, различность.

Традиции – очень важны

Использовать традиционные цвета и блоки на сайте – это не означает, что сайт станет скучным и запоминающем. Стоит помнить, что использование традиционных вещей, помогает посетителю быстро понять структуру нового сайта.

Тестируем всегда и постоянно

Правила юзабилити в веб-дизайне
Тестирование удобства и понятности дизайна и структуры сайта – очень важный элемент в развитии нового проекта. Чем раньше вы начнёте тестирование, тем быстрее вы найдёте ошибки и сможете их исправить.
Есть очень хорошая поговорка Стива Круга:

«Тестирование с одним пользователем в сто раз лучше, чем тестирование без пользователей вообще»

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

Тестирование сайта на юзабилити всегда дают полезные результаты, даже если он кажется идеальным для вас.