Перейти к содержанию

SEOскоп · работа специалиста

Аудит дизайна сайта

Проверим, помогает ли оформление понять предложение и выбрать действие. Разберём первый экран, типографику, контраст, сетки, отступы и единообразие компонентов.

Проверяемый подходЗадача → факт → решение

Каждый вывод связан с источником и критерием проверки.

Посмотреть учебный пример
  1. ЗадачаУточняем вопрос и данные
  2. СметаСогласуем объём и этапы
  3. ПроверкаРазбираем факты и ограничения
  4. РезультатПередаём выводы и задачи
01 / Задача бизнеса

Когда оформление мешает понять предложение

Аудит дизайна сайта подходит, если первый экран перегружен, текст трудно читать, а похожие блоки выглядят по-разному. Уточним аудиторию и ключевое действие, затем разберём выбранные экраны. Задача визуального аудита — объяснить конкретные затруднения и дать план доработок без обязательной полной смены оформления.

02 / Состав проверки

Что входит в согласованный объём

НаправлениеРезультатГраница проверки
Первый экран и читаемостьАннотированные экраны и конкретные правкиПолный комплект нового дизайна не входит
Сетки и компонентыПравила единообразия выбранных блоковДизайн-система оценивается отдельно
Визуальные параметры доступностиЗамечания в согласованных границахПолное соответствие стандартам не удостоверяется
03 / Работа с результатом

Как проходит разбор

Разбираем реальные экраны сайта

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

Предлагаем доработки понятного масштаба

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

Связываем визуальное решение с действием

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

04 / Разбор на примере

Как выглядит задача для команды

Учебный пример · не результат клиента

Учебная схема: Проверить читаемость подписи в карточке услуги. Учебный пример.
Учебная схема. Условия приёмки показывают целевое поведение после исправления.
Задача
Проверить читаемость подписи в карточке услуги. Учебный пример.
Источник
Цвета обычного текста и однотонного фона на выбранном экране example.org.
Факт
Учебное измерение даёт контраст 3,1:1 при ориентире WCAG 4,5:1 для обычного текста.
Граница проверки
Проверена эта пара цветов; весь сайт и все состояния компонента не оценены.
Рекомендация
Изменить цвет текста или фона, сохранив читаемость в согласованных состояниях.
Приёмка
Повторное измерение соответствует выбранному ориентиру; текст не обрезается на контрольных экранах.
Из материалов SEOскопа

Результат, с которым можно работать

Посмотрите демонстрационный экран сервиса и пример оформления отчёта. Состав документов экспертного аудита фиксируется в задании.

Демонстрационный экран результата SEOскопаУвеличить пример ↗
Демонстрационный экран результата из материалов SEOскопа. Не клиентский кейс.
05 / Исходные данные

Что подготовить

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

Начать можно с публичных страниц

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

06 / Формат и оплата

Стоимость и этапы

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

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

01

Фокус

Одна согласованная задача

Профильная проверка и понятный результат для команды.

от 10 500 ₽
03

Большой сайт

Сначала обследование объёма

Состав, выборка, источники и ограничения проекта.

от 62 300 ₽
07 / Вопросы и ответы

Вопросы и ответы

Нарисуете новый дизайн?

Базовый аудит включает рекомендации и аннотированные экраны, на которых видно, что предлагается изменить. Полный комплект макетов, библиотека компонентов и адаптивные версии для разработки — отдельная работа. При необходимости её можно оценить после разбора; переделывать все страницы только потому, что заказан аудит, не требуется.

Чем отличается от юзабилити-аудита?

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

Можно заказать аудит без доступа к аналитике?

Да. Для визуального разбора выбранных публичных экранов доступ к аналитике обычно не обязателен. Можно проверить читаемость, иерархию и единообразие компонентов. Без данных о поведении выводы об изменении конверсии останутся гипотезами. Закрытые состояния и страницы исследуются только при согласованном доступе; в отчёте их не заменяют предположениями.

Как оплачивается работа?

После согласования состава и стоимости — по самостоятельным этапам. У каждого этапа заранее определены результат, срок и порядок приёмки. Вы получаете оговорённые материалы за оплаченный этап; переход к следующему согласуется отдельно. Внедрение, дополнительные исследования и повторная проверка изменений включаются в смету только при их заказе.

Что делать, если я не согласен с выводом?

Передайте замечание с адресом страницы, описанием ситуации и основанием для пересмотра. Сверим вывод с заданием, исходными данными и условиями проверки. Если допущена фактическая ошибка, исправим её в материалах аудита. Новые страницы, другой период или изменившийся после проверки сценарий сначала сопоставим с согласованным объёмом работ.

Можно передать рекомендации своей команде?

Да. Результат можно передать своему разработчику, дизайнеру, маркетологу или действующему подрядчику. Задачи содержат основания, ожидаемое изменение и критерий проверки, поэтому для внедрения не обязательно заказывать другие услуги SEOскопа. Если команде понадобится сопровождение, его состав, продолжительность и повторную проверку согласуем отдельно до начала этих работ.

Следующий шаг

Согласуем задачу до начала работы

Вы получите понятный состав проверки и результат каждого этапа.

Обсудить аудит ↗
Состав проверкиОбсудить аудит ↗

Пример из материалов SEOскопа

Увеличенный демонстрационный экран SEOскопа