Главная /

Блог /

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

SEO

#SEO

#Продвижение

Пошаговый разбор

Автор: Ольга Худякова

Ведущий SEO-оптимизатор

Содержание

Стоимость взаимодействия можно считать низкой тогда, когда пользователь прикладывает минимальное усилие для достижения ожидаемого результата (например, заказа товара). В работе дизайнера важно снизить максимально стоимость взаимодействия с сайтом. Для этого делают следующее:

Упрощают все шаги насколько это возможно в рамках сайта.

Сокращают количество кликов до достижения ожидаемого результата

Устраняют все отвлекающие от основного действия факторы

Проводят работы по скорости загрузки страниц на сайте

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

Эффективность (возможность быстро выполнить нужное действие)

Простота использования

Ошибки в навигации

Запоминаемость

При анализе сайта необходимо посмотреть на сайт целиком и понять, насколько он удовлетворяет следующему:

Эвристики Якоба Нильсена

Якоб Нильсен — один из известных специалистов в области юзабилити. Еще в 1990 году он сформировал 10 эвристик — правил, которым должен соответствовать удобный пользовательский интерфейс. До сих пор данные правила остаются актуальными.
10 эвристик от Якоба Нильсона:

Видимость состояния системы

01.

Пользователь всегда должен понимать, что сейчас происходит на сайте и какие действия нужно предпринять потом — то есть сайт должен полностью информировать
пользователя о правильности и последовательности его действия

Совпадение между системой и реальным миром — интерфейс должен "говорить" на языке пользователя

02.

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

Предоставление свободы действий

03.

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

Стандарты

04.

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

Предотвращение ошибок

05.

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

Распознать, а не вспомнить

06.

Существует два типа восстановления памяти: распознавание и вспоминание. Распознавание происходит, когда вы легко узнаете то, что вам знакомо — эта форма восстановления памяти не требует никакой работы, является поверхностной. Вспоминание происходит, когда вам нужно найти в памяти редко используемую информацию. Чтобы вспомнить информацию, людям приходится активировать большее количество блоков памяти — данный процесс требует несомненно больших усилий. Интерфейсы, которые способствуют распознаванию, сокращают количество когнитивных усилий, требуемых от пользователей. Для удобства необходимо использовать привычные пользователю обозначения, образы, сценарии.

Гибкость и удобство использования

07.

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

Эстетичный и минималистичный дизайн

08.

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

"Совершенство достигается не тогда, когда больше нечего добавить, а когда нечего отнять". — Антуан де Сент-Экзюпери

Помощь пользователям в устранении ошибок

09.

Если пользователь что-то сделал не так — необходимо сообщить ему об ошибке и рассказать, что можно сделать для ее устранения. Сообщения об ошибках должны быть выражены простым и понятным языком.

Справки и документация

10.

Лучше всего, если система не нуждается в дополнительных пояснениях. Но иногда при начале работы требуется общая информация, как пользоваться тем или иным приложением/программой. Документация должна быть хорошо структурирована, написана человеческим языком и минималистична. Всегда должны быть ответы на часто задаваемые пользователем вопросы. Это также облегчит взаимодействие с сайтом.

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

Конверсия

Время на сайте

Глубина просмотра страниц

Процент отказов

Повторные визиты

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

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

Многие думают, что привлечение на сайт потенциальных покупателей является конечной целью. Но на самом деле важно не только привлечь покупателя, но и удержать его на сайте, убедив сделать покупку именно у вас. Именно тут и важно хорошо проработанное юзабилити — если простейшие действия занимают у пользователя слишком много времени, он просто уйдет к конкурентам. А вы не получите прибыли и просто так сольете деньги, которые уже потратили на его привлечение.

сделать юзабилити один раз и забыть об этом — к сожалению, так тоже не работает. Юзабилити — это непрерывный процесс работы с сайтом.

не кликабельный номер телефона. Особенно критично для мобильной версии;

вынужденная регистрация там, где без нее можно обойтись.

слишком много ненужных, в ряде случаев отвлекающих от основного действия функций на сайте. Чаще всего это касается сложного функционала;

сайт делают красивым, с современным дизайном, но напрочь забывают про его удобство;

усложнение форм, много дополнительных полей;

Самая главная ошибка — вообще не думать об удобстве сайта для пользователей.

Если не уходить в такие крайности, можно выделить ТОП ошибок, которые встречаются чаще всего, а именно:

Краткий чек-лист юзабилити для сайтов

При работе с юзабилити важно уделить внимание всем сторонам оптимизации сайта, а не только дизайну (хотя и он конечно очень важен). Разберем основные моменты.

Техническая сторона

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

— Сделать хорошую мобильную версию сайта. мобильный трафик уже сейчас составляет около 50% и его доля неуклонно растет. Так зачем же терять потенциальных клиентов?).

— Исправьте самые типичные ошибки (например, станицы без заголовков либо неработающие вовсе, устраните пустые разделы и т.п.).

— Следите за корректностью работы сайта.

Контентная сторона

— Уберите всю воду из текстов. Лишняя информация зачастую только раздражает.

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

— Не забывайте про качество графических материалов!

— Проработайте первый экран, вся важная информация должна быть именно тут!

— Контакты должны быть всегда заметны на сайте.

— И самое важное — не допускайте орфографических ошибок!

Дизайн

— Оставьте на странице больше пустого места — если это возможно. Страница должна "дышать"

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

— Придерживайтесь единого стиля, предпочитайте общеиспользуемые символы для упрощения взаимодействия с сайтом (например, иконки корзины).

— Обратите внимание на контрастность шрифта. Иногда бывает так, что текст просто невозможно прочитать.

— Разместите привычные для пользователя элементы там,где он ожидает их увидеть (например, кнопка "вверх" появляется справа при прокрутке сайта)

Формы и всплывающие окна

— Сделайте формы на сайте как можно более емкими и короткими, в идеале —1-2 поля для заполнения.

— Если длинные формы нужны и без них не обойтись — разбейте их на последовательные шаги.

— Разместить в полях формы подсказки для заполнения.

— Избавьтесь от лишних всплывашек. Они сильно раздражают.

— Проследите, чтобы онлайн консультант не был особо навязчив.

Навигация

— Сделать умный поиск на сайте.

— Проработайте удобство меню.

— Дайте возможность вернуться с любой страницы на главную.

— Разместите на сайте хлебные крошки — так пользователь будет понимать,где он находится, при необходимости — вернуться назад.

— Добавьте на сайт разные виды перелинковки.

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

Глубина просмотра

Отказы

Время на сайте

Юзабилити является неотъемлемой частью сео продвижения.

Как они связаны? Действия, совершаемые пользователями, будут напрямую влиять на позиции: логичная навигация, понятное выполнение целевых действий, условия для удержания посетителей на сайте и многое другое – при таком положительном раскладе поведенческие факторы будут считаться хорошими. Позиции попадают в топ, а посещаемость ресурса увеличивается.
Такие показатели, как:

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

Еще один важный пункт, который нужно выделить при взаимосвязи юзабилити и SEO – это увеличение конверсии. От знакомства до совершения целевого действия посетителю нужно проконтактировать с сайтом 3 или более раз. Продуманное юзабилити подтолкнет пользователя совершить целевое действие. В противном же случае пользователь уйдет к конкурентам.

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

Мощное SEO и плохое юзабилити приведет к тому, что на сайт будет литься большое количество трафика, но конвертироваться в покупателей он не будет. Аналогичная ситуация будет и в обратном случае.

Итого

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