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