Первый экран и контекст клика
Откройте страницу по реальной рекламной ссылке. Без прокрутки должны считываться услуга, ключевое условие и следующий шаг. Не заставляйте человека ждать окончания вступительной анимации или угадывать, чем занимается компания.
Сравните заголовок с объявлением и запросом. Мобильный пользователь быстрее возвращается в выдачу, если обещание изменилось. Сохраняйте конкретику, но переносите длинный поясняющий текст ниже.
Геометрия интерфейса
Проверьте ширину на 320, 360, 390 и 430 пикселях, а также увеличение текста. Кнопки должны помещаться, длинные слова - переноситься, карточки - сохранять сетку. Горизонтальный скролл допустим только внутри осознанной галереи или таблицы.
Сложите высоту фиксированной шапки, нижней кнопки, уведомления cookie и браузерных панелей. Если остается половина экрана, интерфейс ощущается зажатым. Оставьте один действительно важный липкий элемент.
- нет обрезанных заголовков и кнопок;
- контент не прыгает при загрузке;
- тап-зоны не стоят вплотную;
- фокус и ошибки хорошо видны.
Форма и клавиатура
Заполните форму одной рукой. Активное поле и кнопка должны оставаться видны при открытой клавиатуре. Используйте правильные типы ввода для телефона и почты, не сбрасывайте данные после ошибки и не требуйте лишние поля.
После отправки покажите результат на той же странице или понятном экране. Сообщите срок ответа и альтернативный контакт. Проверьте повторное нажатие и медленное соединение.
Скорость и движение
Тяжелые шрифты, видео и фильтры заметнее на мобильной сети. Отложите некритические ресурсы, задайте размеры изображениям и останавливайте анимации вне экрана. Эффект не должен мешать чтению и нажатию.
Финальный тест проведите на реальном Android и iPhone, а не только в эмуляторе. Позвоните, откройте мессенджер, отправьте форму и проверьте запись цели. QA заканчивается только после полного сценария.
Источники и справка
Проверили терминологию и настройки по официальной документации сервисов.