Хорошая адаптация сохраняет порядок работы при переходе к более широкому экрану. Для читателя из СНГ стоит учесть различия между регионами и версиями. Проверку можно начать с экранов правил, профиля и поддержки. Проверить видимость функций можно без пополнения.
Содержание
Адаптивный макет
В этом случае помогает последовательная проверка. Отправная точка — анализ размещения блоков в разных окнах. Найдите нужные детали для сравнения: ширина, ориентация, системные отступы. Когда нужные данные доступны только в приложении, запишите время, когда открыли этот экран, чтобы проверить, изменилась ли работа после повторного запуска. При изменении ширины экран перестраивает содержимое, оставляя важные действия доступными.
Измените ориентацию экрана во время чтения и посмотрите, не перескочил ли текст в начало. После сохранения материалов переходите к проверке: сравнение профиля при повороте устройства. Если результаты не совпадут отдельно запишите, что не совпало, чтобы точно описать проблему. Если возник вопрос, опишите точное место, где показаны сведения, чтобы можно было восстановить последовательность действий. Для окон одинаковой диагонали полезная ширина может различаться из-за ориентации или разделения экрана.
Управление без опоры на графику
После перемещения фокуса полезно проверить, слышны ли новая панель и доступные в ней действия. Перед выводом полезно определить критерий проверки. На этом этапе это оценка порядка чтения и доступных названий. Основой для сравнения служит следующая информация: фокус, подписи кнопок и объявления статусов. Проверьте, к какой версии сервиса относятся данные, если приложение доступно на нескольких рынках. Доступное имя элемента помогает понять действие, а порядок фокуса связывает его с остальными элементами.
Включите экранный диктор и убедитесь, что изменения списка сопровождаются понятным сообщением. В представленном браузере для официальном интернет-сайте Kent Casino скачать приложение можно попробовать демо-версию гейм автоматов. После изучения деталей останется одно действие: прохождение справочного экрана с экранным диктором. Когда сведений для вывода недостаточно, задайте точный вопрос по опубликованному каналу связи. Сравнивайте однотипные сведения, опубликованные для одной версии сервиса.
Читаемость интерфейса
У этой части проверки есть конкретная цель: проверка текста, статусов и предупреждений. Для сравнения пригодится такая информация: размер шрифта, фон и подписи к индикаторам. В начале проверки проверьте область действия опубликованных условий. Статус лучше обозначать текстом или символом вместе с цветом, чтобы значение оставалось понятным без различения оттенков.
Увеличьте системный текст и проверьте, помещается ли подпись кнопки полностью. Проверочное действие — чтение условий при увеличенном системном шрифте. Сопоставляйте сведения по очереди, чтобы точно установить, где возникло различие. Сведения из разных источников иногда описывают разные версии, поэтому сверяйте время и условия применения. Сравнивайте видимость справки и важных сообщений при разных настройках экрана.
Переходы между экранами
Прокрутите каталог, откройте карточку и проверьте положение списка после возврата. Проверку удобно закончить простым действием: возврат из карточки к прежней позиции списка. Результат полезно проверить повторным проходом, поскольку один проход может зависеть от состояния устройства. Посмотрите, можно ли вернуться к исходному экрану. Переход по внешней ссылке и возврат из карточки могут требовать разного поведения кнопки назад.
В мобильной версии полезно различать сведения на экране и условия их применения. Для этого нужна отдельная проверка: сохранение контекста при обратном переходе. Обратите внимание на следующие сведения: позиция прокрутки, фильтр и ранее открытая карточка. Всплывающая подсказка часто содержит лишь часть информации, поэтому полезно посмотреть полное описание. Контекст перехода сохраняется, когда назад ведёт к исходной карточке или списку с прежними параметрами.
Доступные элементы управления
Если управление временно недоступно, подпись или пояснение должны раскрывать причину. Для начала сформулируйте вопрос и укажите, что нужно проверить: оценка расстояния между кнопками. Отметьте, какие из этих элементов доступны: размер сенсорной области и визуальное состояние кнопки. Когда для проверки приходится переключать экраны, пройдите маршрут целиком и отметьте, на каком экране теряется контекст. Достаточное пространство между действиями снижает вероятность случайно нажать соседнюю кнопку.
На узком экране попробуйте открыть безопасное меню одной рукой. Дальше имеет смысл сопоставить данные на практике: сравнение реакции на касание в разных частях элемента. Так можно выяснить, какие данные действительно совпадают и какие вопросы требуют пояснения. Зафиксируйте, где понадобилось лишнее действие и повторите тот же маршрут.
Итоговый маршрут
Адаптация касается не только ширины окна, но и количества места, которое занимает увеличенная подпись. Проверьте, остаётся ли кнопка доступной при открытой клавиатуре. В первую очередь проверьте главную задачу: оценка размещения блоков в разных окнах. При различии между версиями, запишите устройство и версию приложения. Сохраните название версии и условия проверки. Так результат проще проверить повторно.
При открытии диалога фокус должен перейти внутрь новой панели, иначе пользователь может продолжить читать скрытые элементы.
