Сохраните порядок.Уберите помехи чтению.
Мобильная проверка начинается с задачи посетителя. На небольшой ширине человек должен понять предложение, найти условия и увидеть следующий шаг. Существующую страницу полезно пройти целиком, а не оценивать по красивому первому экрану.
Задача
Условный пример
Учебная ситуация для объяснения сценария.
До
Учебная ситуация: условия услуги расположены рядом с иллюстрацией на широком экране. На малой ширине между заголовком и условиями появляется большое изображение, разрывающее смысл.
После
Автор фиксирует нарушение последовательности и правит доступные элементы существующей страницы. Затем повторно проходит путь посетителя. Автоматическая перестройка отсутствующего проекта в примере не подразумевается.
Порядок действий
- Опишите последовательность сведений, необходимую для решения посетителя. Сравните её с фактическим порядком существующей страницы на небольшой ширине.
- Проверьте заголовки, иллюстрации и целевой переход. Найдите место, где смысл теряется из-за длины, порядка или чрезмерного визуального объёма.
- Внесите доступные правки и откройте сохранённый результат повторно. Сравните с широким видом, чтобы исправление не создало другую очевидную проблему.
Проверить перед завершением
- Пояснение следует за относящимся к нему заголовком.
- Главное действие доступно после нужных условий.
- Широкий вид проверен после мобильной правки.
Ограничения и условия
Вопросы и ответы
Проверка ширины равна тесту телефона?
Нет. Она показывает конкретную компоновку. Поведение реального устройства и браузера нужно подтверждать отдельно.
Можно создать мобильную версию автоматически?
Активная генерация через API не предлагается. Здесь описана проверка и доступная ручная работа с существующей страницей.
Достаточно первого экрана?
Нет. Пройдите до завершения смыслового маршрута: ограничения и способ обращения могут находиться ниже и тоже требуют проверки.
Завершите проверку узкого вида.
На доступной существующей странице пройдите порядок чтения, длинный заголовок и основное действие. Отметьте найденные дефекты и проверьте результат доступных ручных изменений. API генерации и оплата не подключены; просмотр не заменяет испытание всех устройств.
Открыть конструктор