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

Проверка и анализ дизайна

Единый стиль интерфейса Используется единый стиль интерфейса для всего сайта (шапка, футер, меню и т.д.).

Логотип компании Логотип компании расположен в верхней части с левой стороны. Он кликабелен на всех страницах, кроме главной. При клике перебрасывает на главную страницу.

Общее впечатление о сайте Оцените общее впечатление о сайте. Дизайн не должен вызывать отторжение.

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

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

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

Отсутствие лишней анимации Анимация это круто, но не когда её много.

Нагромождения элементов Элементы и их блоки чередуются с пустым пространством; нет чувства нагромождения, пестроты на страницах.

Проверка меню на сайте

Исключить одинаковые title Меню присутствует на каждой странице сайта в одном и том же месте. Оно должно быть доступным и удобным.

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

Стандартизация Пункты меню названы привычным для посетителя образом (и снова принцип «Не заставляйте меня думать») – «Контакты», «О компании», «Доставка» и т. д., без лишнего креатива.

Выделение пункта Выделение пункта, где находится пользователь. Такой пункт всегда выделен и неактивен (не перезагружает страницу при нажатии).

Анализ графических элементов сайта и иконок

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

Картинки Картинки высокого качества, но небольшого веса. Формат .avif

Иконки Иконки должны соответствовать объектам. Значение иконок и графических элементов интуитивно понятно. Формат .avif

Поле поиска

Одно поле поиска Должно быть только одно поле поиска и оно находится в привычном месте.

Курсор При нажатии внутри отображается курсор, поле становится активным.

Удобство Удобство при использовании (активизация как при нажатии на кнопку “Поиск”, так и на клавишу Enter; автоматическое исправление ошибок в тексте запроса и т. д.).

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

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

Конверсионные элементы

В шапке и в футере сайта должны быть указаны контакты компании

Модальные окна Всплывающие окна должны легко закрываться, также не раздражать пользователей.

Быстрый доступ к кнопкам CTA Возможность купить товар/заказать услугу/заказать обратный звонок есть на каждой странице сайта.

Проверка контактной формы и обратной связи

Хранение Кроме отправки на почту, информация с формы должна сохраняться в базе(админке), CRM

Валидация форм Все входящие данные должны проверяться

Загрузка файлов Для полей, предполагающих загрузку файлов, прописан атрибут accept, определяющий тип загружаемых документов.

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

Автозаполнение данных Для авторизованного пользователя в поля формы автоматически подставляются все известные о посетителе данные.

Прелоадер Во время отправки формы на медленном канале пользователь не может менять в ней данные. Желательно визуально показать, что форма заблокирована. Один из вариантов — прелоадер

Политика и соглашения Кнопка отправки данных неактивна, пока не активирован чекбокс «Согласиться с правилами», «Пользовательское соглашение»

Проверка шрифтов, цвета сайта

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

Цифры Для удобства чтения, не писать цифры словами, а большие числа разделять пробелами (1 202 700)

Шрифт Использовать 1-2 шрифта для всего сайта.

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

Проверка и анализ дизайна

Проверка меню на сайте

Анализ графических элементов сайта и иконок

Поле поиска

Конверсионные элементы

Проверка контактной формы и обратной связи

Проверка шрифтов, цвета сайта

Для интернет-магазина

Есть вопросы или предложения?

Обратная связь

Ошибка