Самостоятельный аудит сайта 3: Юзабилити-аудит | topinup.pro - 2018

Самостоятельный аудит сайта 3: Юзабилити-аудит

Самостоятельный аудит сайта часть 3. Юзабилити аудит

Всем привет! Наконец-то появилось время написать новый материал в блог. А именно — продолжение темы о комплексном аудите сайта “all by yourself” или самостоятельно. Сегодня расскажу о юзабилити — это удобство работы с сайтом для пользователя. На самом деле очень важный момент при разработке или оптимизации ресурса, так как во многом влияет на то, останется ли приведенный трафик посетителей на сайте. Тут не будет подробной инструкции, ведь везде свои тонкости и аспекты. Однако можно говорить и об общих значимых моментах, что я и сделаю. А дальше — экспериментируйте и тестируйте свои идеи.

Адаптация сайта под мобильные устройства

Насколько качественно ваш сайт отображается в мобильных устройствах? От этого зависит не только удобство пользователей, но и ранжирование в поисковиках. При плохой адаптации ваш ресурс может существенно опуститься в выдаче, особенно это важно после запуска mobile-first индекса от Google, где предпочтение отдается мобильным версиям. Проверить правильность отображения можно с помощью различных онлайн-инструментов. Например, в Хроме при просмотре кода страницы или с помощью теста от того же Гугл — Mobile-friendly, последний даст советы о том, что нужно исправить.

Советую обратить внимание на следующие моменты при создании мобильной версии сайта:

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

Реализуется адаптация ресурса под мобильные устройства тремя путями:

1. Адаптивный дизайн

В этом варианте конфигурации сервер применяет одинаковый HTML-код, а все корректировки элементов обеспечиваются через CSS. Среди плюсов адаптивного дизайна отмечу удобство работы: вам не нужно писать сайт с нуля, подстройка прописывается в коде. К тому же у вас один URL для обеих версий, что позволяет избавиться от нагромождения редиректов и упростить индексацию поисковых ботов. Но есть и минусы: по сути такая адаптация — это копия сайта с другими пропорциями, так что сложный дизайн и разметка могут усложнить серфинг посетителя по ресурсу. Кроме этого такие страницы для мобильных устройств “тяжелые” — дольше грузятся, а переключиться на полную версию сайта нельзя.

2. Динамический показ

Данная конфигурация подразумевает, что сервер отправит на запрос по одному URL разные файлы HTML и CSS, что будет зависеть от агента пользователя. К положительным качествам отнесу ускоренную загрузку страниц и снижение нагрузки на аппаратную часть устройств за счет уникального кода для каждого. Сюда же добавлю возможность более точного таргетинга и разную верстку для разных устройств и ОС. Среди минусов: сложность разработки — вам нужно создать несколько версий, настроить под них сервер, постоянно следить за их актуальностью, и все равно некоторые редкие или новые модели смартфонов могут не определиться, как мобильное устройство.

3. Мобильная версия на поддомене

В такой конфигурации у версий сайтов будут разные URL — чаще всего для мобильной части к основному адресу добавится приставка m. или mobile. Особенно хороша такая версия для крупных сайтов со множеством элементов, например, онлайн-магазин. Какие же тут преимущества: легко вносить изменения в каждую часть отдельно от другой; удобный серфинг — чаще всего дизайн упрощается, что позволяет проще находить информацию или иначе взаимодействовать с ресурсом с мобильного устройства; ускоряется загрузка; можно реализовать функцию переключения на основную или мобильную версию сайта зависимо от желания пользователя. К минусам отнесу: сложность с разработкой и обслуживанием — у вас по сути два сайта, с которыми нужно работать индивидуально; кроме того часть функционала и контента в мобильной версии урезается.

Элементы конверсии

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

1. Акции

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

2. Картинки и инфографика

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

3. Конкурентные преимущества

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

4. Социальные доказательства

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

5. Call-to-action (CTA, призыв к действию)

Это кнопки, которые собственно и призовут пользователя совершить целевое действие — “Купить”, “Подписаться”, “Поделиться” и так далее. Они должны сочетаться с общим дизайном, быть заметны и понятны, не оставляя места для сомнений.

Поля ввода данных

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

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

  • Добавьте подсказки и примеры, чтобы данные были введены корректно с первого раза.

  • Применяйте маски для полей с какой-то стандартной информацией вроде номера карты или телефона. Часть символов будет появляться автоматически, что ускорит время ввода.

  • Организуйте мгновенную проверку данных, указывающих на неправильно введенный номер или недопустимые символы. Ведь в случае появления такой информации после заполнения и отправки всей формы со слетом всех данных оттолкнет человека от повторного заполнения.

  • Делайте кнопку “Отправить” одноразовой, чтобы избежать накладок при множественных кликах.
  • Вместо регистрации добавьте функцию входа через аккаунты соцсетей. Многие предпочитаю иметь одну учетную запись для всех сервисов.

Поиск по сайту

Пользователи вспоминают про поиск, если не смогли другим способом найти что-то на сайте. Он чаще всего используется на крупных ресурсах с большим количеством страниц и контента. Раз уж посетитель не поленился им воспользоваться, ваша задача — сделать поиск максимально комфортным. Организовать поиск можно через собственный алгоритм, но такое решение весьма затратное. Развернуть поиск можно на базе CMS — эффективность и какие-то мелочи могут различаться зависимо от выбранного сервиса. Последний вариант — это подключение стороннего сервиса, тут представлено множество платных и бесплатных вариантов с разным функционалом. Так сказать, на любой вкус.

А как же улучшить существующую систему поиска? Воспользуйтесь такими советами:

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

  • Учитесь у Гугл — делайте подсказки по ключевикам или предыдущим запросам — это экономит время пользователя.

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

  • Позаботьтесь настройкой “авторедактора”, который распознает опечатки, ошибки и неправильную раскладку и предложит посетителю правильную альтернативу.

На этом пока что все. Задавайте свои вопросы, а также ждите продолжение темы по юзабилити-аудиту и новых материалов. Всем пока!

Читайте также:   SEO-инструмент: поиск слабых мест текстовой оптимизации (и еще сотня других приложений)
Опубликовано topinup / Ноябрь 30, 2017
Рубрики: SEO
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...


Заказ сайта на WordPress

Заполните форму, и наши специалисты свяжутся с вами в ближайшее время для создания сайта на выбранной теме WordPress.

Будьте в курсе последних новостей.

Подписывайтесь на наши страницы в соцсетях и на канал в Telegram.

Заказ бесплатной консультации

Ваше имя (обязательно)

Ваш телефон (обязательно)

Ваш e-mail (обязательно)