Как понять, насколько хорошо сайт адаптирован под смартфоны

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

Выберите действия, важные для клиента

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

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

Проверьте чтение и перемещение по сайту

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

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

Пройдите форму с открытой клавиатурой

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

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

Зафиксируйте условия и повторите на другом устройстве

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

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