Как сделать аудит юзабилити сайта?

Знаете ли вы, что первое впечатление формируется за каких-то 7 секунд? Именно за этот короткий промежуток времени пользователь, впервые открыв ваш сайт, примет решение — нравится ему здесь или нет. Хотите, чтобы ваш интернет-проект был привлекательным и клиенты возвращались на ваш сайт вновь и вновь? Необходимо провести полномасштабный аудит юзабилити сайта!

Что такое юзабилити сайта?

Юзабилити — это термин, который в переводе с английского означает «удобство пользования». Говоря простыми словами, Usability — это такая характеристика сайта, которая показывает, насколько он прост, логичен и удобен для пользователя. Без юзабилити все расходы на привлечение трафика на сайт могут оказаться бесполезными, потому что даже если в день ваш ресурс посетит 5000 пользователей, они могут не захотеть вернуться снова.

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

Тестирование юзабилити: как повысить конверсию? Пошаговая инструкция

Шаг 1. Сайт

Первое, что необходимо исследовать при проведении аудита юзабилити, это архитектуру сайта. Если он работает «косо», то будьте уверены, это и есть корень всех проблем. На какие моменты стоит обратить особое внимание:

• Насколько сайт адаптивен для различных устройств — ПК, планшетов, смартфонов. За последний год количество пользователей мобильных гаджетов увеличилось на 4%, и это говорит о том, что люди по всему миру все чаще предпочитают заходить в интернет со смартфона, а не с ноутбука.
• Мультибраузерность. Ваш сайт отлично открывается в Google Chrome, но зависает в Opera или наоборот? Клиенты не будут устанавливать новый браузер, чтобы посетить ваш сайт, поэтому в данном случае гора сама должна идти к Магомету.
• Правильная кодировка. Если в коде что-то напутано, то пользователь вместо текста увидит какую-то абракадабру. Самые распространенные ошибки — это неверно прописанный тег content-type, несовпадение кодировок документа и браузера, неподходящие настройки сервера и неоднородность кода (например, весь сайт написан в windows-1251, а таблицы — в ANSI).

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

Шаг 2. Установление контакта с пользователем

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

• Форма обратной связи. Сделайте ее максимально простой и быстрой — люди не любят напрягаться.
• Призывы к действию, например, «Закажите прямо сейчас и получите скидку 10%», «Получите бесплатную консультацию», «Купите 3 по цене 2-х» и так далее. Разумеется, приведенные примеры банальны, и ваша задача — подумать, чем именно привлечь потенциального клиента. Но важно не переборщить: если побуждения к покупке будут на каждом шагу, это будет только раздражать глаз.
• Возможность использования подсказок. Пользователь должен чувствовать, что вы действительно хотите ему помочь. Разместите всплывающие окна, кнопки подтверждения или предупреждения, включите звуковые сигналы, оповещающие о различных действиях.
• Право на ошибку. Пользователь может неверно ввести контактные данные или даже осуществить заказ с вашего сайта, но затем передумать. Если действие отменить невозможно, то лучшее, что вас ждет, это лишняя нагрузка на службу поддержки, которой придется разбираться с этой ситуацией. После такого клиент вряд ли захочет иметь с вами дело снова. А вот лояльное отношение в духе «мы все понимаем, не волнуйтесь, закажете в другой раз, ведь мы вам всегда рады» — это то, что нужно.

Шаг 3. Контент

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

Что такое хороший контент?

• Основная информация — как можно более уникальная, без «воды» и повторов. Все четко, логично и понятно. Избегайте длинных перегруженных предложений, витиеватых фраз и обилия профессиональных терминов.
• Отсутствие грамматических и пунктуационных ошибок и опечаток. Ну, тут без комментариев.
• Содержательные и цепляющие заголовки. Специалисты по психологии языка установили, что самые сильные позиции текста (те, которые привлекают наибольшее внимание) — это заглавие и последние строки. Сделайте текст вкусным от начала и до конца!
• Структурирование текста, таблицы, списки, выделения жирным, подчеркиванием и курсивом. Но опять же помните о золотой середине: как сплошной текст выглядит нечитабельным, так и перенасыщенный различной маркировкой.
• Шрифт. Играть с видами и размерами шрифтов сегодня считается дурным тоном. Стильная лаконичность — вот что зацепит взгляд притязательного читателя. Возьмите на заметку: топ 5 самых популярных шрифтов 2018 года — Proxima Nova, Neue Helvetica, Avenir Next, Gotham Pro и San Francisco.

Шаг 4. Навигация — основа аудита юзабилити сайта

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

Принципы юзабилити в навигации:

• Кнопки, стрелки, указатели, которые расположены в нужных местах и хорошо заметны.
• Правильно созданные гиперссылки, которые действительно ведут на существующие и полезные для пользователя страницы.
• Не более 5-7 уровней вложенности, желательно с возможностью с любого уровня вернуться сразу же на домашнюю страницу. Кстати, фразу «Перейти на главную» можно не писать, это считается пережитком начала 2000-х. Гораздо более продвинуто смотрится красивый кликабельный логотип.
• Меню с небольшим количеством пунктов (4-5 достаточно). Совет! Если сайт нужно скроллить, то более выигрышный вариант — это фиксированное меню, которое остается всегда на прежнем месте.

Шаг 5. Дизайн

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

• Анимация — в меру. Не нужно анимировать все подряд элементы текста, будьте сдержаннее.
• Градиент — не плавный, а резкий.
• Разрыв страницы — не только по горизонтали, а и, к примеру, по диагонали.
• Квадратные иконки и фото с закругленными углами а-ля Instagram.
• Минимализм «рулит». Лучше меньше, да лучше.
• Геометричность — многоугольники, круги, кривые линии.
• Нестандартные творческие фото — они всегда зацепляют глаз.
• Совмещение технологий 2D и 3D.
• «Живые» движущиеся логотипы.

А вот какие ультрамодные тенденции могут оказать медвежью услугу:

• Сочетание слишком ярких кислотных цветов. Да, 80-е снова в моде, но будьте осторожны!
• Обилие мелких декоративных деталей.
• Изобилие параллакса, который может не просто погрузить пользователя в сайт, но и дезориентировать его.
• Лонг… очень лонг рид. Бесконечная прокрутка утомляет!

Шаг 6. Информация о компании

Расскажите о себе так, чтобы у клиентов не осталось сомнений, что вы лучшие.

• Продумайте логотип и разместите его на самом видном месте. Особое внимание уделите главному слогану: он не должен быть банальным и кричащим, хвалебные варианты типа «Мы самая крутая компания всех времен и народов» лучше сразу отбросить.
• В разделе «О нас» пишите только то, что действительно интересно пользователю: основные вехи развития проекта, ключевые партнеры, значимые события, эксклюзивные разработки и т. д. Достоверность и полезность должны стать вашим кредо.
• Главная страница не должна быть перегруженной. В идеале пользователю должно хватить 5 секунд, чтобы понять идею сайта и увлечься им.
• Ну и контактная информация: она должна быть обязательно, и чем больше каналов связи, тем лучше. Если указываете телефон, то пишите, в какое время по нему можно дозвониться.

Шаг 7. Легкость сайта

Сайт должен быть простым и доступным. И точка. Вот топ-5 факторов, которые могут подпортить репутацию сайта:

• «Ошибка 404 — страница не найдена»
• Долгая загрузка сайта
• Не загружающиеся картинки без текстового сопровождения (альта)
• Нерабочие битые ссылки
• Горизонтальное прокручивание сайта

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

Итоги

Теперь, когда вы знаете критерии юзабилити, все в ваших руках. По статистике, 48% пользователей считают сайт основным показателем доверия к компании, поэтому значимость юзабилити-аудита сложно переоценить. Регулярно тестируйте сайт, следуйте новым тенденциям и повышайте конверсию на раз-два! Если самостоятельно своими силами не удается провести качественный аудит юзабилити сайта, то обращайтесь в нашу студию Welir.com. Мы поможем Вам удержать клиентов и заставим их возвращаться к вам снова и снова, совершая целевые действия.