Уровень 2 — Адаптивная оптимизация
Для пользователей пользовательский интерфейс — это и есть приложение. Пользовательский интерфейс определяет пользовательский опыт, который, в свою очередь, определяет удовлетворенность пользователей, использование приложения, количество покупок в приложении и удержание клиентов.
Большие экраны предоставляют обширное пространство для отображения информации и позволяют создавать инновационные, удобные пользовательские интерфейсы, обеспечивающие пользовательский опыт, недоступный на маленьких экранах.
Оптимизируйте свое приложение для больших экранов, добавив следующие элементы пользовательского интерфейса:
- Навигационная направляющая или навигационный ящик
- Большие сенсорные мишени
- Удачно расположенные меню и диалоговые окна.
- Многопанельные макеты
Адаптивные макеты
Создавайте адаптивные макеты, оптимизирующие пользовательский интерфейс вашего приложения на экранах любого размера. Разрабатывайте и создавайте приложения для различных форм-факторов одновременно. Обеспечьте совместимость вашего приложения с новыми типами устройств в будущем.
Канонические макеты
Воспользуйтесь проверенными адаптивными макетами, чтобы сделать пользовательский опыт вашего приложения исключительным. Создайте макет со списком и подробной информацией, вспомогательную панель или ленту, чтобы сделать управление контентом более удобным и приятным.
Адаптивный пользовательский интерфейс
Форматируйте элементы пользовательского интерфейса в зависимости от размера экрана. Ограничьте ширину кнопок, карточек и текстовых полей, которые занимают всю ширину экрана на маленьких дисплеях, до функционально подходящего размера на больших дисплеях. Не допускайте, чтобы диалоговые окна и другие модальные окна занимали весь экран. Размещайте контекстные меню и другие всплывающие окна, связанные с элементами, рядом с элементом, выбранным пользователем, а не по центру экрана.
Встраивание активности
Обновите свои устаревшие приложения, основанные на активности, с помощью многопанельных макетов на больших экранах. Рефакторинг кода не требуется. Настройте макеты в XML или с помощью нескольких вызовов API Jetpack WindowManager.
Следующие шаги
Чтобы узнать о разработке пользовательского интерфейса для оптимизации пользовательского опыта, ознакомьтесь со следующими руководствами для разработчиков: