Что такое экспресс-проверка юзабилити сайта? Сокращённая версия аудита, доступная каждому

Главная цель проведения юзабилити-аудита заключается в том, чтобы выяснить, насколько изучаемый сайт удобен для пользователей. Ведь удобство ресурса — это залог его эффективности как инструмента сбора лидов/заявок/заказов, а также обязательное условие для успешного SEO-продвижения. То, из чего складывается юзабилити сайта, мы рассказали в рамках нашей рубрики «Вопрос-ответ». А в этой статье предлагаем обсудить, как можно быстро провести оценку удобства ресурса, не обращаясь к специалистам. Что называется, своими руками.

Когда и кому это нужно?

Владельцам сайтов/маркетологам/специалистам, занимающимся продвижением сайта, которые замечают, что что-то идёт не так. Сайт не приносит ожидаемой прибыли, рекламные бюджеты не окупаются, конверсия не просто не растёт, она падает! Эти и другие проблемы свидетельствуют о том, что, возможно, при программировании или уже при ведении сайта были допущены ошибки в юзабилити.

Без всяких сомнений, полный, индивидуально составленный, грамотный аудит с рекомендациями по устранению выявленных изъянов должен выполнять специалист. Вы же не доверите, например, лечение разболевшегося зуба первому попавшему человеку с улицы. Однако провести первичную «диагностику», чтобы понять, а какой именно зуб начал ныть и доставляет дискомфорт, можно и самостоятельно. Достаточно выполнить несколько простых манипуляций. Ваши опасения подтвердились? Тогда рекомендуем не откладывать дело в долгий ящик, а скорее обращаться за помощью к профессионалам. Это касается и юзабилити сайта, и лечения зубов.

Какие инструменты используются при выполнении юзабилити-аудита

Для сбора и анализа статистических данных специалисты, занимающиеся проверкой юзабилити, применяют такие известные ресурсы, как Яндекс.Метрика и Google.Analytics. Эти же системы позволяют изучать поведение пользователей на сайте. Для опытного, разбирающегося в теме аналитика это кладезь полезных данных и неисчерпаемый источник информации.

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

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

Но для начала сфокусируемся на первых шагах, а именно на проведении юзабилити-аудита сайта. Мы предлагаем двигаться в трёх основных направлениях: производить оценку технической части сайта, дизайна и контента.

Техническая часть

Что мы советуем вам изучить в первую очередь?

  1. Как сайт отображается на экранах разных устройств и в разных браузерах.
    Оценка видимости сайта — важный этап при проверке юзабилити. Нужно изучить, как ресурс видят пользователи, заходящие на сайт с разных мобильных устройств и с разных браузеров. Аналитик определяет, корректно ли отображается сайт, нет ли проблем с вёрсткой.
  2. Соответствует ли интерфейс ресурса ожиданиям пользователей, своей тематике и назначению.
    Ведь залог успешности любого проекта — это его «заточенность» под целевую аудиторию.
  3. Не перегружен ли сайт избыточной анимацией и нагроможденными элементами.
    Всё это может мешать пользователю воспринимать ту информацию, которую вы, собственно, хотите ему донести. Не стоит пытаться удивить посетителя сайта сложными дизайнерскими или техническими решениями. Иногда чем проще, тем лучше. Или хотя бы понятнее.
  4. Насколько удобным и логичным выглядит меню.
    Нужно стремиться к тому, чтобы меню было максимальным простым и понятным. Его привычное месторасположение, обеспечивающее быстрый доступ к нужным разделам – в шапке сайта. Лучше всего смотрится меню, состоящее из семи-восьми пунктов.
  5. Работает ли весь функционал для совершения действий и их отмены.
    Важно обеспечить пользователю возможность выбора, а также отмены своих действий, например, чтобы можно было быстро вернуться назад. Это особенно актуально при работе с ключевыми разделами и страницами.
    Отмена действий на сайте 
    Пример отмены действий на сайте компании Tamaris
    Обязательно должны работать такие элементы, как кнопки «Оставить заявку», «Корзина», номер телефона, поле «Поиск», форма захвата данных, слайдеры с фотоизображениями, поля для расчёта введённых данных, видео.
  6. Насколько динамическая навигация понятна пользователю.
    Задача навигации сайта — подсказывать посетителю, какие дальнейшие действия он может совершить. Например, когда наводим курсор на кликабельный элемент, курсор меняет свой вид: из стрелочки «превращается» в указательный палец.
    Не стоит упускать это из виду, оставляя пользователей сайта без таких подсказок-помощников.
  7. Есть ли хлебные крошки.
    Ещё один пункт любого юзабилити-аудита. Ведь для пользователя крайне важно всегда понимать, где именно на сайте он сейчас находится. Указателями служат, во-первых, адресная строка с доменным именем, а, во-вторых, уточнения в хэдере.
  8. Не мешают ли всплывающие окна пользователю изучать интересующий его контент.
    Учтите, что любая динамика на сайте непременно приковывает к себе внимание. Поэтому, во-первых, появление всплывающих окон должно быть уместно и обосновано, а, во-вторых, грамотно организовано. Но иногда случается так, что подобные блоки закрывают собой содержимое страницы сайта, раздражая пользователя. Это может быть для посетителя веским аргументом в пользу того, чтобы тут же уйти с сайта и отправиться к вашим конкурентам.
  9. Содержит ли главная страница всю необходимую пользователю информацию.
    Попав на главную страницу, посетитель должен в течение нескольких первых секунд разобраться, что же это за ресурс и будет ли он ему полезен. Источником подобной информации служит текстовый и графический контент. Поэтому важно сделать главную страницу максимально информативной и понятной для вашей ЦА.
  10. Правильно ли расположен фирменный логотип и кликабелен ли он.
    В профессиональной среде веб-разработчиков и дизайнеров существует негласное правило: логотип компании должен располагаться в левом верхнем углу страницы. И независимо от того, где именно на сайте находится пользователь, кликнув на логотип, он должен оказаться на главной странице.
  11. Как правильно выбрать логотип для сайта 
    Пример «правильного» логотипа на сайте компании Tamaris. Из раздела «Сумки» мы легко можем попасть на главную страницу, нажав на значок логотипа.
  12. Удобно ли работать с корзиной.
    Тут тоже на первых план выходят такие критерии, как логичность, простота и лаконичность. Всё, что требуется в корзине – это оформить заказ, указав его детали (от способа оплаты до способа доставки). Лишним элементам здесь не место. Впрочем, как и на всех других страницах современного, классного сайта.

Дизайн

  1. Находятся ли элементы страницы на своих привычных местах.
    Этот пункт отчасти связан с теми, что были описаны выше. Как проявляется эта связь? Всё довольно просто: привычное расположение элементов на странице сайта позволяет пользователю быстро сориентироваться, отыскать нужную информацию, поэтапно пройти путь до совершения целевого действия.
    Как уже было сказано, фирменному логотипу отводится левый верхний угол. Контактную информацию обычно располагают в правом верхнем углу. Корзину — в верхней правой части хедера. Поле поиска можно чаще всего увидеть в центральной или правой часть хедера.
    Посмотрите, как это выглядит на сайтах некоторых успешных компаний.
    Как правильно оформить сайт? 1 
    Наглядный пример того, как должны располагаться основные элементы страницы, от Студии ЯЛ. Удобно, понятно, логично.
    Как правильно оформить сайт? 2 
    Классическое расположение элементов и на сайте маркетплейса Wildberries.
    Как правильно оформить сайт? 3 
    А вот где корзина и строка поиска на главной странице сайта компании Tamaris, мы так и не поняли. Ещё удивились, почему разработчики не позаботились о том, чтобы полностью влезало слово «Новосибирск» при выборе города.
    Как правильно оформить сайт? 4 
    А вот тот же Ostin постарался и удобно расположил все элементы — от корзины до поиска.
    Для интернет-магазинов на страницах товаров рядом или под каждым товаром должна быть кнопка «Добавить в корзину»/«Купить»/«Заказать». Чтобы пользователь точно заметил эту кнопку, она должна быть достаточно крупной и яркой.В правой верхней части страницы традиционно находятся поля для регистрации и авторизации на сайте.
    Идеальное оформление сайта 
    Образцово-показательное оформление от Wildberries.
    В футере дублируется основная техническая информация, поэтому размещаются ссылки на основные страницы (категории товаров, страницу «доставка», «о компании», новости, статьи, соцсети и пр.).
    Как оформить футер сайта 
    Смотрите, сколько всего вынесено в футер сайта компании Bosch-Home.
    Поэтому при проверке юзабилити сайта обязательно учитывается месторасположение основных элементов. Грамотно распределив элементы на страницах сайта, вы упростите жизнь пользователям и повысите конверсию ресурса.
  2. Легко ли воспринимать размещённый на сайте контент? Разделён ли он на блоки с отступами.
    «Слипшиеся» элементы сложно разглядеть, с ними неудобно работать. Поэтому весь контент должен быть логично разделён на блоки. Это касается и текстовой составляющей. Обязательно наличие абзацев. Также текст можно сегментировать при помощи элементов дизайна.
  3. Как оформлено пространство страницы.
    При выполнении юзабилити-аудита нужно определить, а есть ли на сайте большие по размерам пустые места, которые никак не используются. Если есть, возможно, причины их появления кроются в том, что при проектировании структуры сайта были допущены ошибки или разработчики не удосужились провести тестирование с учётом разных разрешений экранов.
  4. Удобен ли для восприятия шрифт.
    Если вы хотите, чтобы текстовый контент, размещённый на сайте, был, как говорится, читабельным, обратите внимание не только на его структуру и смысловую составляющую (об этом чуть позже), но и на оформление. А именно – шрифт, которым он написан. Не всегда уместными оказываются яркие оттенки шрифтов и замысловатый дизайн. Главное условие – чтобы цвет шрифта и фона были приятны глазу и контрастировали между собой. Помните, с помощью грамотно выбранного шрифта вы можете привлечь внимание пользователя, побудив его ознакомиться с контентом. А вот неудачные решения отпугнут посетителей сайта и, скорее всего, станут причиной увеличения процента уходов с ресурса.
  5. Нет ли лишних полей в форме ввода данных.
    Не мучайте пользователя долгой процедурой заполнения формы ввода данных. Просите указать только действительно важную и нужную информацию. Один небольшой нюанс: номер телефона, как правило, «ценней» адреса почтового ящика. Поэтому, если стоит выбор, с каким пунктом придётся попрощаться, чтобы упростить форму сбора данных, разумнее отказаться от поля, в котором прописывают email.
    Проследите, чтобы форма работала корректно, без сбоев.
    Если хотите сделать процедуру максимально комфортной для пользователя, поставьте шаблон с «подсказками». Как только посетитель установит курсор в конкретном поле, шаблон автоматически исчезнет. Ещё одна полезная функция – уведомления, появляющиеся при обнаружении ошибок в заполнении формы.
  6. Не превышает ли уровень визуального шума допустимых границ.
    Иными словами, не слишком ли много на странице разнородных элементов, каждый из которых пытается привлечь к себе внимание и тем самым отвлекает от основного контента сайта. Если их много, говорят, что уровень визуального шума превышен. Отсюда – уже несколько раз упомянутые проблемы с восприятием сайта. Что может провоцировать рост показателей визуального шума? Например, наличие слишком яркого фона, избыточное количество кнопок, рамок, иконок, изображений, аляповатый дизайн.
  7. Как оформлены гиперссылки.
    Размещённые на сайте ссылки должны быть выделены контрастным по сравнению с основным шрифтом цветом. При этом уже посещённые ссылки должны отличаться от тех, по которым пользователь ещё не переходил.
    Прописывайте понятные анкоры. Варианты вроде «читайте далее», «узнать тут», которые многие так любили указывать на своих сайтах ещё 7-8 лет назад, сегодня смотрятся архаично. Давайте оставим такие анкоры в прошлом. Посмотрите, как можно удачно оформить текст гиперссылки, на примерах, которые встречаются в этой статье. Если коротко: раскрывайте суть вопроса, сообщайте пользователю, какую именно информацию он получит, кликнув по ссылке. Следите за длиной анкора – фразы из нескольких слов будет вполне достаточно.
  8. Сколько используется интерактивных элементов, какого они качества.
    Задача интерактивных элементов – «зацепить» взгляд пользователя и донести до него определённую информацию. Яркий тому пример – украшающие многие ресурсы баннеры. Есть смысл их создавать только под по-настоящему важные действия и при этом не перебарщивать с количеством. Также нужно учитывать, чтобы интерактивные элементы по своему дизайну вписывались в общую концепцию сайта.
  9. На главной странице сайта Мвидео мы видим сразу несколько блоков с баннерами. Чем ближе к футеру, тем меньше баннеров в блоке. Хорошо, когда у компании так много интересных предложений, что о каждом хочется рассказать пользователям сайта!

Контент

  1. Соответствует ли контент целевой аудитории сайта.
    Контент всегда должен создаваться под целевую аудиторию. Это базовое правило, которое учитывают и маркетологи, и копирайтеры, и дизайнеры. Обязательно помните о нём и вы! Подбирайте визуальное оформление для сайта, пишите тексты, генерируйте коммерческие предложения, постоянно держа в голове, для кого вы это делаете. И не забудьте, что пользователь должен просто и быстро получать ту информацию, за которой он пришёл.
    Много полезных советов по созданию тексов для сайтов мы собрали в статье «Наполнение сайта контентом: погружаемся в тему, изучаем «фишки»». Там есть и про правильное определение своей ЦА, и про поиск тем, и про требования в качеству контента. Статья написана простым языком и содержит много полезной информации из нашей реальной рабочей практики.
  2. Оформлены ли ключевые тезисы так, чтобы пользователь мог максимально быстро «выхватить» их среди другого контента.
    При работе с контентом специалисты советуют использовать различные возможности текстового форматирования. Обязательно выделяйте самую важную, ключевую информацию, которую хотите донести до пользователя. Цените его время! Акцентируя внимание посетителей сайта на определённой информации, вы косвенно демонстрируете своё к ним уважение плюс попутно решаете свои маркетинговые задачи.
  3. Указана ли контактная информация, есть ли возможность связаться с представителями компании.
    Находящаяся в открытом доступе контактная информация – это не только про удобство, но и про доверие к компании со стороны потенциальных клиентов. Пользователь понимает, что при необходимости он может напрямую позвонить вам или даже заехать лично. Однако есть и те, кто не любит общаться по телефону или глаза в глаза. Специально для них существуют чаты с онлайн-консультантом. Позаботьтесь, чтобы и на вашем сайте было реализовано подобное решение.
  4. Нет ли на сайте грамматических, пунктуационных или орфографических ошибок.
    Да, в рамках юзабилити-аудита специалист проверяет и такие моменты. Первым делом нужно изучить содержимое кнопок (порой вылезают очень неприятные опечатки), как названы разделы, вычитать тексты на главной странице. Если понимаете, что сами не справляетесь, привлеките кого-нибудь со стороны. В идеале, человека, хорошо владеющего языком и имеющего филологическое образование. Например, корректора, редактора, копирайтера, журналиста и пр. Иногда, чтобы увидеть допущенные ошибки, достаточно просто посмотреть на проект «свежим» взглядом, например, спустя небольшой промежуток времени.
  5. Насколько качественными являются изображения, используемые на сайте.
    Изображения должны иметь высокое разрешение. Если есть выбор: взять стоковые фотографии или оригинальные реалистичные изображения, отдайте предпочтение второму варианту. Картинки, которые пользователь скорее всего захочет увеличить, чтобы рассмотреть поближе, должны менять размер при наведении на них курсора.

Подводим итоги

Вы прошлись по всем пунктам нашего краткого юзабилити аудита и выяснили, что у вашего сайте и правда есть слабые места? Хорошо, если некоторые из них можно устранить самостоятельно. Однако, увы, ликвидировать все проблемы, связанные с юзабилити, неспециалисту вряд ли удастся. Мы всегда готовый прийти вам на помощь! Студия ЯЛ оказывает услуги по проведению комплексных юзабилити-аудитов, а также по выполнению технических доработок, редизайну сайтов, написанию качественного текстового контента. Мы не только найдём имеющиеся проблемы, но и сможем оперативно их ликвидировать. Чтобы связаться с нашими менеджерами, обсудить нюансы совместной работы, задать интересующие вопросы, оставляйте заявку на сайте Студии ЯЛ (мы вам в ближайшее время позвоним) или звоните сами по номеру 8(800) 775-23-01.


Оцените статью:
Комментарии
Оставьте свой комментарий