Устройства Android бывают разных форм-факторов: телефоны, планшеты, складные устройства, устройства с ChromeOS. У них широкий диапазон размеров экрана. Android поддерживает множество режимов отображения, включая многооконный режим, многоэкранный, произвольный и картинка в картинке. Складные устройства могут находиться в различных состояниях или положениях, например в настольном режиме или режиме книги.
Приступая к разработке приложения, подумайте о разных сценариях его использования. Пример:
Устройства с большим экраном дают пользователям больше возможностей для взаимодействия с контентом вашего мультимедийного приложения.
Например, пользователи могут смотреть видео в многооконном режиме или редактировать фотографии на большом экране.
Пользователи могут использовать планшет для видеозвонков, чтобы лучше видеть друзей и семью. Приложение может показывать больше контекста о названии или сцене в специальном оверлее воспроизведения или предлагать больше вариантов управления на экране.
Карусели в режиме просмотра могут быть более разнообразными и визуально привлекательными, а в мультимедийном приложении можно повысить вовлеченность пользователей, показывая ленту для просмотра рядом с воспроизведением.
Помните, что в вашем мультимедийном приложении один и тот же код выполняется на стандартном телефоне, складном устройстве, планшете и устройствах с ChromeOS, поэтому вам следует разрабатывать дизайн для больших экранов с самого начала разработки приложения. Дополнительную информацию и примеры можно найти в галерее больших экранов.
Сделайте мультимедийное приложение адаптивным по умолчанию
Чтобы избежать проблем с удобством использования в приложении для мультимедиа, сделайте макет приложения адаптивным для телефонов, планшетов, складных устройств и устройств с ChromeOS.
Приложение должно быть адаптивным, чтобы корректно работать на экранах разных размеров, с разной ориентацией и на разных типах устройств. Адаптивный макет меняется в зависимости от доступного ему пространства на экране. Подробнее о том, как обеспечить поддержку экранов разных размеров…
Следуйте рекомендациям по дизайну
Основные критерии качества приложения – это база для всех приложений Android, независимо от размера экрана, положения устройства и других его особенностей. Прежде чем начать проектирование для большого экрана, ваше приложение должно соответствовать этим основным требованиям. Подробнее о критериях качества приложений…
Приложение должно быть удобным для пользователей независимо от типа устройства, размера экрана, режима отображения или положения. Для этого следуйте рекомендациям уровней 1, 2 и 3.
В рекомендациях приведен полный набор требований к качеству для большинства типов приложений Android.
Уровень 3:
На этом базовом уровне ваше приложение по-прежнему должно соответствовать требованиям к интерфейсу и графике. Приложение готово к работе на больших экранах, и пользователи могут выполнять в нем основные задачи, но интерфейс не оптимизирован.
Макет приложения может быть неидеальным, но оно работает в полноэкранном режиме или в режиме полного окна в многооконном режиме. Оно не кашетировано и не работает в режиме совместимости. Приложение поддерживает базовые внешние устройства ввода, включая клавиатуру, мышь и сенсорную панель. Подробнее об оптимизации для больших экранов…
Уровень 2:
На этом уровне приложение оптимизировано для всех размеров экрана и конфигураций устройств, а также поддерживает внешние устройства ввода. Подробнее об оптимизации для больших экранов…
Уровень 1:
Это лучший уровень поддержки, который обеспечивает пользователю наилучшие впечатления от работы с вашим приложением, поскольку он определяет премиум-функции и возможности.
Приложение поддерживает многозадачность, складные устройства, перетаскивание и ввод с помощью стилуса. На этом уровне приложения сильно различаются, поэтому обратите особое внимание на рекомендации по таким аспектам, как многозадачность и складные устройства. Подробнее об оптимизации для больших экранов…
Оптимизированные макеты
Используйте преимущества больших экранов, не ограничивая ориентацию и не растягивая изображение. Оптимизировав макет приложения для медиа и социальных сетей, вы расширите охват приложения и улучшите взаимодействие с пользователем на всех форм-факторах больших экранов – планшетах, складных устройствах и устройствах с ChromeOS, а также обеспечите поддержку телефонов всех размеров.
Компоненты панели навигации и ящика обеспечивают удобную навигацию по пользовательскому интерфейсу. удобство и контроль. Компоненты также дополняют канонические макеты (список и подробные сведения, фид и вспомогательная панель), размещая основные пункты навигации в пределах досягаемости и занимая минимум места на экране.
Макеты медиаконтента
Сделайте приложение удобнее, добавив макеты для медиаконтента: список и подробные сведения, ленту и вспомогательную панель. Информацию о макетах MDX, Flutter и Compose можно найти в статье Ресурсы макетов.
Список и подробные сведения. Интерактивный медиабраузер позволяет пользователям просматривать контент во время воспроизведения. Названия медиафайлов показываются рядом с воспроизводимым видео или аудио. Если ориентация устройства меняется, макет списка и подробных сведений реагирует на это, чтобы сохранить состояние приложения. Подробнее о макетах со списком и подробными сведениями…
Лента. Макет ленты позволяет разместить однотипные элементы контента в настраиваемой сетке, чтобы пользователям было удобно просматривать большое количество контента, например музыкальную ленту или киоск с фильмами и сериалами в вашем приложении. Подробнее о макетах ленты…
Вспомогательная панель. Если в приложении есть основная и дополнительная области экрана, вы можете добавить вспомогательную панель для контекста, релевантности или справки, например прокручиваемый список похожих названий, опубликованных отзывов или дополнительных работ тех же исполнителей или актеров. Подробную информацию можно найти в статье Поддержка макетов с дополнительной панелью.
Подборку макетов для медиаконтента можно найти в галерее медиафайлов.
Макеты для социальных сетей
Большие экраны дают пользователям социальных сетей больше рабочего пространства для творчества, многозадачности, перетаскивания контента между приложениями и обмена им. Благодаря отличительным особенностям и возможностям, недоступным на устройствах с маленьким экраном, ваше мультимедийное приложение для больших экранов может использовать преимущества макетов со списком и подробными сведениями, лентой и вспомогательной панелью.
Список и подробные сведения. Этот макет идеально подходит для мессенджеров, менеджеров контактов и файловых менеджеров. Например, в приложении можно одновременно показывать список чатов и подробную информацию о них, чтобы пользователю было проще следить за новыми сообщениями. Подробнее о макетах со списком и подробными сведениями…
Лента. Обычно в этом стиле используются карточки и списки. Например, вы можете создать коллаж из записей в формате гибкой сетки или использовать размер и положение, чтобы привлечь внимание к важным записям. Пользователи могут быстро просматривать большие группы контента. Подробнее о макетах фидов…
Вспомогательная панель. Такой макет подходит для поисковых и справочных приложений, а также приложений для эффективной работы. Инструменты для создания контента всегда под рукой. Например, в вашем приложении пользователи могут менять настройки, выбирать палитры, применять эффекты и сразу видеть результат. Подробнее о макетах со вспомогательной панелью…
Подборку макетов для социальных сетей можно найти в галерее.
Рекомендации по созданию мультимедийных приложений для больших экранов
Рекомендации для больших экранов помогут вам избежать ненужной доработки приложения. Они также сделают ваше приложение более удобным для пользователей на большем количестве устройств с самого начала, особенно в отношении ориентации, сочетаний клавиш, поддержки предварительного просмотра камеры и складных положений.
Ориентация и изменение размера
Если в вашем мультимедийном приложении заданы ограничения на ориентацию и изменение размера, Android активирует режим совместимости. Хотя режим совместимости обеспечивает приемлемое поведение приложения, удобство использования значительно снижается, а пользовательский опыт страдает.
Например, если ваше приложение установлено на планшете, то при подключении к док-станции экран планшета переходит в горизонтальную ориентацию. Если ваше приложение поддерживает только портретную ориентацию, это приведет к кашетированию, что не очень удобно для конечного пользователя. Ваше приложение должно поддерживать обе ориентации, чтобы пользователи могли выбрать наиболее удобную.
Любые ограничения на ориентацию экрана уменьшают возможности пользователей по взаимодействию с контентом или потреблению медиа, что ограничивает использование вашего приложения. Изменение ориентации может в некоторой степени повлиять на размер, но изменение размера не обязательно изменит ориентацию.
Быстрые клавиши
На больших экранах чаще используются сочетания клавиш на физической клавиатуре, например для запуска, остановки, паузы, перемотки назад и вперед. Это делает работу с клавиатурой более удобной.
Пользователи ожидают, что эти функции будут доступны в мультимедийных приложениях. Чтобы уменьшить количество проблемных моментов для пользователей, протестируйте приложение с физической клавиатурой. Это поможет вам заметить и включить эти важные ярлыки в свое приложение в самом начале проектирования.
Поддержка предпросмотра камеры
На больших экранах чаще возникают проблемы с растягиванием, обрезкой и поворотом. Поэтому нельзя предполагать, что размер предварительного просмотра камеры соответствует тому, что на самом деле отображается в пользовательском интерфейсе вашего мультимедийного приложения.
Например, если пользователь делает снимок на планшет, но на экране он отображается в перевернутом виде, это неудобно. Добавьте поддержку предпросмотра камеры для больших экранов.
Дополнительную информацию можно найти в статьях Предварительный просмотр CameraX и Предварительный просмотр Camera2.
Режимы складных устройств
При разработке мультимедийного приложения для больших экранов учитывайте складные устройства. Например, в вашем приложении может быть режим настольного устройства для воспроизведения медиаконтента или режим двух экранов для предварительного просмотра и съемки.
Если вы добавите в план разработки поддержку складных устройств, ваше приложение станет доступно на большем количестве устройств и охватит более широкую аудиторию. Вы расширяете возможности мультимедиа для пользователя так, как другие устройства не могут сделать без складных поз. Подробнее о режимах складных устройств…