Чек-лист по улучшению юзабилити сайта

Чек-лист по улучшению юзабилити сайта
Содержание

Юзабилити показывает, насколько удобно пользоваться сайтом. Этот показатель напрямую влияет на посещаемость и доходность веб ресурса. Мы составили чек-лист улучшения юзабилити сайта и подборку инструментов для оптимизации.

Подбери подходящий курс

Для чего нужно улучшать юзабилити

Usability в переводе с английского языка значит «удобство использования». Чтобы сайт работал и приносил прибыль, он должен быть простым и понятным. Пользователь должен сразу видеть, где найти нужную информацию, как выбрать товары по параметрам, где получить ответы на вопросы.

Оформление должно мягко подводить к целевому действию:

  • указанию контактного номера;
  • исходящему телефонному звонку;
  • заказу товаров через Корзину.

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

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

Поэтапный чек-лист по аудиту

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

Анализ технических характеристик

При проверке технических параметров следует обратить внимание на:

  • Скорость загрузки данных.
  • Определение местоположения и языка посетителей.
  • Наличие адаптации для мобильных устройств.
  • Установку фавикона и сниппета.
  • Шаблон оформления страницы 404.

Скорость загрузки страниц влияет на посещаемость сайта. Исследования Google показывают, что 90% пользователей закрывают вкладку, если страница не загрузилась за 15 секунд. Оптимальное время загрузки не более 1−2 секунд. Ускорить загрузку помогает оптимизация кода, снижение веса картинок, анимаций, аудиофайлов и видеороликов.

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

Большая часть людей пользуется интернетом с мобильных телефонов. Чтобы сайт приносил доход, мобильная часть должна работать настолько же хорошо, как и десктопная. При проведении аудита можно оценить, как выглядит платформа на смартфонах и планшетах, удобно ли с ней работать. Для проверки можно использовать сервис «I love adaptive» или аналоги.

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

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

Оценка дизайна

На визуальное восприятие платформы влияет несколько пунктов:

  • Цветовая палитра.
  • Свободное пространство.
  • Паттерны сканирования.
  • Кликабельные элементы.

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

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

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

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

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

На продающем сайте должно быть достаточно информации о продукте. В первую очередь следует заполнить основные разделы:

  • карточки товаров;
  • описания услуг;
  • сроки выполнения заказов;
  • условия доставки товаров;
  • ответы на частые вопросы;
  • реквизиты и контакты организации;
  • контакты службы поддержки.

На каждой странице может быть несколько кнопок для целевого действия. В описаниях требуется использовать лаконичные формулировки: «Купить», «Заказать», «В Корзину», «Перезвоните мне» и т. д.

Важную информацию о товарах следует публиковать текстом, а не объяснять с помощью видео и фотографий. У пользователя может не быть времени на просмотр видеоролика и пролистывание фото инструкции. Если номер телефона и email указаны текстом, пользователь может позвонить или начать писать письмо за 1 клик.

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

Проверка навигации

Процесс перехода между страницами должен быть максимально удобным для пользователей. На какие пункты необходимо обратить внимание:

  • Расположение поиска по материалам.
  • «Хлебные крошки»: маршрут по разделам.
  • Быстрый доступ к форме регистрации.
  • Наличие виртуального помощника.
  • Форма отправки заявки с контактами.

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

«Хлебные крошки» — это маршрут посетителя по разделам сайта. Пользователь должен видеть пройденный маршрут и иметь возможность вернуться в любой просмотренный раздел.

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

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

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

Инструменты для веб мастера

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

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

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

На платформе UsabilityHub можно тестировать платформу с помощью реальных людей. Система помогает достигнуть цели по оптимизации площадки. UsabilityHub предлагает несколько категорий тестов:

  • Five Second Test. Оценка первого впечатления от площадки за 5 секунд.
  • Click Test. Тепловая карта кликов на указанной странице.
  • Navigation Test. Проверка маршрутов пользователей по разделам.
  • Preference Test. Сравнение вариантов интерфейса для выбора одного результата.

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

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

alt

Всё для учебы доступно онлайн

Расписание, зачётку и домашние задания смотрите в приложении
Подберите программу обучения

ответьте на пять вопросов и узнайте, где будете учиться

Подобрать программу
Образование для карьеры
К каким профессиям вы более склонны?
Техническим Гуманитарным Творческим Медицинским
Какой у вас уровень образования?
Без образования Школа 9-11 класс Колледж Бакалавриат Магистратура Аспирантура
Какой формат обучения вам подходит?
Очно Заочно Онлайн По выходным дням
Интересует ли вас кредит на образование по ставке 3% в год?
Да Нет

Мы подобрали для вас программу обучения

Заполните форму, чтобы узнать больше о программе и наших предложениях

Политика конфиденциальности

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

Рамки Политики конфиденциальности

Настоящая Политика конфиденциальности (далее — «Политика») применяется к информации, полученной через данный сайт, иные сайты, виджеты и другие используемые интерактивные средства, на которых есть ссылка на данную Политику (далее — «Сайт») от пользователей Сайта (далее — «Пользователи»).

Нижеследующие правила описывают, как Университет «Синергия» обращается с любой информацией, относящейся к прямо или косвенно определенному или определяемому физическому лицу (субъекту персональных данных) (далее — «Персональные данные»), для целей оказания услуг с использованием Сайта.

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

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

Настоящая Политика конфиденциальности вступает в силу с момента ее размещения на Сайте, если иное не предусмотрено новой редакцией Политики конфиденциальности.

Контролирующие и обрабатывающие лица

Пользователи соглашаются с тем, что:

  • Пользуясь Сайтом, и принимая условия использования, опубликованные на Сайте, пользователь заявляет о своем однозначном согласии с обработкой его Персональных данных способами, описанными в настоящей Политике.
  • Обработка Персональных данных Пользователей осуществляется Оператором персональных данных — Университет «Синергия» (ИНН: 7729152149, ОГРН: 1037700232558).

С какой целью собираются эти данные

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

Сбор Персональных данных

При регистрации на Сайте Пользователи подтверждают свое согласие с условиями настоящей Политики и свое согласие на обработку своих Персональных данных в соответствии с условиями настоящей Политики, кроме того они соглашаются на обработку своих Персональных данных на серверах Университета «Синергия», расположенных на территории Российской Федерации.

Обработка Персональных данных осуществляется не дольше, чем этого требуют цели обработки Персональных данных, изложенные в настоящей Политике (за исключением случаев, предусмотренных законодательством Российской Федерации). Университет «Синергия» может обрабатывать следующие Персональные данные:

  • «Как к Вам обращаться» в форме обратной связи, в случае если посетитель указывает свои полные ФИО или только часть;
  • Электронный адрес;
  • Номер телефона;
  • Также на сайте происходит сбор и обработка обезличенных данных о посетителях (в т. ч. файлов «cookie») с помощью сервисов интернет-статистики (Яндекс Метрика и других).
  • Вышеперечисленные данные далее по тексту Политики объединены общим понятием Персональные данные.

Как эти данные используются

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

Как эти данные защищаются

Для защиты Вашей личной информации мы используем разнообразные административные, управленческие и технические меры безопасности. Наша Компания придерживается различных международных стандартов контроля, направленных на операции с личной информацией, которые включают определенные меры контроля по защите информации, собранной в Интернет. Наших сотрудников обучают понимать и выполнять эти меры контроля, они ознакомлены с нашим Уведомлением о конфиденциальности, нормами и инструкциями. Тем не менее, несмотря на то, что мы стремимся обезопасить Вашу личную информацию, Вы тоже должны принимать меры, чтобы защитить ее. Мы настоятельно рекомендуем Вам принимать все возможные меры предосторожности во время пребывания в Интернете. Организованные нами услуги и веб-сайты предусматривают меры по защите от утечки, несанкционированного использования и изменения информации, которую мы контролируем. Несмотря на то, что мы делаем все возможное, чтобы обеспечить целостность и безопасность своей сети и систем, мы не можем гарантировать, что наши меры безопасности предотвратят незаконный доступ к этой информации хакеров сторонних организаций.

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

Политика в отношении обработки персональных данных.pdf

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

Главная Каталог Позвонить Заявка

Подобрать программу и поступить

Колледж
Информационные технологии
Юриспруденция
Программирование
Кино и телевидение
Школа Нового театра
Индустрия спорта
Бакалавриат
Международный бизнес
Музыкальная индустрия
Банковское дело
Технологическое предпринимательство
Комьюнити-менеджмент
Блокчейн и криптовалюта
Магистратура
Государственное и муниципальное управление
Интернет-профессии
Школа Нового театра
Игровая индустрия и киберспорт
Второе высшее
Комьюнити-менеджмент
Международный бизнес
Технологическое предпринимательство
Школа Нового театра
Блокчейн и криптовалюта
Банковское дело
Аспирантура
Государственное и муниципальное управление
Курсы
От 6 месяцев
Аналитика
Педагогика
Саморазвитие
Искусственный интеллект
Государственное и муниципальное управление
Маркетплейсы
Индустрия гостеприимства
Культура и искусство
Строительство
До 6 месяцев
Педагогика
Искусственный интеллект
Государственное и муниципальное управление
Бизнес-образование
DMCA.com Protection Status