Содержание
Интерфейс становится отдельной задачей, когда на сайте не только читают, но и что-то делают: подбирают товар по параметрам, считают стоимость, записываются, повторяют заказ. Тогда дизайн интерфейсов сайта строится вокруг сценариев, а не вокруг главной страницы. Ниже — принципы, на которые мы опираемся, и способ понять, стало ли удобнее.
Принципы, которые проверяем в каждом сценарии
- Человек видит, где он находится и сколько шагов осталось.
- Каждое действие получает отклик: кнопка нажалась, фильтр применился, заявка ушла.
- Ошибку легче предотвратить, чем исправить: маски полей, подсказки формата, выбор из списка вместо ручного ввода.
- Одинаковые элементы ведут себя одинаково во всех разделах.
- Введённые данные не пропадают при ошибке или возврате на шаг назад.
Эти правила звучат очевидно, но нарушаются постоянно — обычно потому, что экраны рисовали в разное время разные люди. Дизайн-система закрепляет решения, и новый экран наследует их. Поэтому создание интерфейса сайта начинаем с этих правил, а не с выбора цветов.
Доступность — часть удобства
Интерфейсом пользуются люди с разным зрением, на разных экранах, а кто-то — только с клавиатуры. Поэтому доступность проверяем в каждом сценарии: виден ли фокус, в каком порядке он идёт по форме, понятна ли ошибка без цвета. Пороги контраста и размеров берём из WCAG 2.2, а если сайт должен соответствовать ГОСТ Р 52872-2019, — из стандарта.
Как понять, что стало удобнее
Изменения измеряем теми же инструментами, что и проблемы. До запуска фиксируем исходные цифры: какая доля людей доходит до конца сценария, сколько времени уходит на шаг, на каких полях форму бросают. Аналитика форм в Метрике показывает время заполнения каждого поля, незаполненные поля и те, после которых уходят со страницы. После запуска сравниваем те же показатели за сопоставимый период.
Называть заранее конкретный прирост было бы нечестно: на поведение влияют сезон, реклама, цены. Но если на проблемном шаге перестали бросать форму, это видно в отчёте, и следующую итерацию можно планировать по данным, а не по мнениям.
По видеосвязи прототип можно проверить на ваших клиентах в Самаре: человек делится экраном и проходит сценарий, а мы смотрим, где он сбивается.
