Качество приложений для планшетных ПК

Планшеты являются быстро растущим сегментом на рынке устройств Android, что обеспечивает новые возможности для привлечения новых пользователей и замещения бесплатных услуг платными. Рекомендации в этом документе помогут вам оправдать ожидания пользователей планшетных ПК, предложив им привлекательные функциональные возможности и удобный, интуитивно понятный интерфейс.

Хотя рекомендации пронумерованы, их можно применять в любом порядке. Каждую из рекомендаций необходимо применять разумно и в той мере, в какой она уместна для вашего приложения, стараясь не только обеспечить оптимальное качество продукта, но и в максимально возможной степени удовлетворить ожидания пользователей.

В документе содержатся ссылки на различные ресурсы, которые помогут при выполнении каждой из рекомендаций.

1. Проверка основных критериев качества приложений для планшетных ПК

Первым шагом к созданию хорошего планшетного приложения будет соблюдение основных критериев качества для всех устройств и форм-факторов, для которых предназначается приложение. Полную информацию об этом см. в руководстве Основные критерии качества приложений.

Перед публикацией приложения убедитесь, что выполнены основные технические проверки и соблюдены критерии выпуска, включая следующие:

Если приложение уже загружено в консоль разработчика Google Play, можно проверить, как оно соответствует всем этим критериям, открыв страницу Советы по оптимизации.

2. Оптимизация макетов для больших экранов

Система Android упрощает разработку приложений, которые одинаково хорошо работают на широком спектре устройств с различными размерами и форм-факторами экранов. Такая исключительная совместимость дает вам преимущество, позволяя разрабатывать одно приложение, которое затем может распространять для всех поддерживаемых устройств. В то же время, чтобы обеспечить максимально удобный интерфейс для каждой конфигурации экрана — в особенности для планшетных ПК — необходимо оптимизировать макеты и другие компоненты интерфейса для каждой из поддерживаемых конфигураций. На планшетах оптимизация интерфейса позволяет полностью использовать преимущества дополнительного экранного пространства, например, предлагая новые возможности, предоставляя новый контент, повышая удобство работы другими способами, и все это делает приложение более привлекательным для пользователей.

Если приложение изначально разрабатывалось для смартфонов, но теперь вы хотите распространять его и на планшетных ПК, необходимо начать с внесения минимальных исправлений в макет, шрифты и интервалы между объектами интерфейса. В некоторых случаях — например, для 7-дюймовых планшетов или для игр, использующих все пространство экрана — этих настроек может оказаться достаточно, чтобы ваше приложение выглядело великолепно. В других случаях, например, для больших планшетов, можно изменить дизайн некоторых частей интерфейса, заменив "растянутый экран" эффективным интерфейсом с несколькими панелями, упростив навигацию и добавив дополнительные элементы.

Избавьтесь от "растянутого" интерфейса: На планшетных ПК однопанельные макеты экрана приводят к появлению неуместных пустых пространств и чрезмерной длине линий. Используйте заполнение, чтобы уменьшить ширину интерфейсных элементов, рассмотрите возможность перехода к макетам с несколькими панелями.

Ознакомьтесь со следующими рекомендациями.

  • Обеспечьте необходимые макеты для экранов категории large и xlarge. Также можно подготовить макеты, загружаемые с учетом характеристик экрана: наименьшего значения одного из показателей или минимально доступных ширины и высоты.
  • Как минимум, настройте для больших экранов геометрические параметры – размеры шрифтов, поля, интервалы – лучше используя пространство и делая контент нагляднее.
  • Настройте расположение интерфейсных элементов управления, так чтобы они были легко доступны пользователям планшетов, например, если они работают с ним в альбомной ориентацией экрана.
  • Заполнение для элементов интерфейса на планшетах обычно должно быть больше, чем на смартфонах. Рекомендуемый минимальный размер элементов – 48 пикселей (с сеткой 16 пикселей).
  • Адекватно используйте заполнение вокруг текста, он не должен располагаться непосредственно по краям экрана. Минимальная величина заполнения вокруг текста на краях экрана должна быть 16dp (16 пикселей).

Особенно внимание уделите тому, чтобы ваш макет не выглядел "растянутым" по экрану.

  • Линии и текст не должны быть чрезмерно длинны — оптимизируйте текст, чтобы длина строк не превышала 100 символов, а еще лучше – выдержите размер 50-75 символов.
  • Прокручиваемые списки элементов ListView и меню не должны занимать всю ширину экрана.
  • Используйте заполнение для управления шириной экранных элементов или перехода к планшетным интерфейсам с несколькими панелями (см. следующий раздел).

3. Использование дополнительной области экрана

Макеты с несколькими панелями обеспечивают лучшую визуальную балансировку планшетных экранов, одновременно обеспечивая их большую эффективность и наглядность.

Планшеты обеспечивают значительно больше полезной площади экрана для вашего приложения, особенно в альбомной ориентации. Особенно этот прирост заметен на 10-дюймовых планшетах, но даже 7-дюмовые планшеты добавляют значительное количество места для отображения контента и привлечения пользователей.

Планируя интерфейс пользователя для работы на планшетах, убедитесь, что в нем будут полностью использованы все преимущества доступного дополнительного пространства. Ознакомьтесь со следующими рекомендациями.

  • Изучите все возможности: можно добавить дополнительный контент или использовать альтернативные способы обработки уже имеющегося контента.
  • Используйте на экранах планшетов макеты с несколькими панелями, чтобы скомбинировать отдельные представления в одно составное представление. Это позволит использовать дополнительное пространство экрана более эффективно и упростит пользователям навигацию внутри приложения.
  • Спланируйте расположение панели в составных представлениях при изменении ориентации экрана.
  • Составные представления объединяют несколько простых представлений из интерфейса для смартфонов(см. верхнюю часть рисунка) в информативном и более эффективном интерфейсе для планшетов (см. нижнюю часть рисунка).

  • Хотя отдельные экраны реализуются с помощью подкласса Activity, старайтесь реализовать отдельные составные панели с помощью подкласса Fragment. Это позволит повысить применимость программного кода для использующих один и тот же контент экранов, отличающихся форм-факторами и размерами.
  • Примите решение, для каких размеров экранов будет использоваться интерфейс с несколькими панелями, а затем предложите разные макеты для подобных размеров экранов (например, для категорий large/xlarge) или для экранов с минимальной шириной (таких, как категории sw600dp/sw720).

4. Применение ресурсов, разработанных для планшетных ПК

Чтобы обеспечить оптимальное отображение приложений, подготовьте отдельные значки и другие растровые ресурсы для каждого разрешения экрана, поддерживаемого планшетами. В частности, необходимо изготовить значки для строки действий, уведомлений и значков запуска в соответствии с рекомендациями по дизайну значков, обеспечив для них различное разрешение, так чтобы они отображались с подходящим размером на всех экранах без смазываний или других искажений при масштабировании.

Таблица 1. Размеры растровых ресурсов для разных типов значков.

Разрешение Значок запуска В строке действий Маленький/ в контекстном меню Уведомление
mdpi 48x48 пикс. 32x32 пикс. 16x16 пикс. 24x24 пикс.
hdpi 72x72 пикс. 48x48 пикс. 24x24 пикс. 36x36 пикс.
tvdpi (используется hdpi) (используется hdpi) (используется hdpi) (используется hdpi)
xhdpi 96x96 пикс. 64x64 пикс. 32x32 пикс. 48x48 пикс.
xxhdpi 144x144 пикс. 96x96 пикс. 48x48 пикс. 72x72 пикс.

Как минимум, представьте версию каждого значка и растровый ресурс, оптимизированный хотя бы для одного из следующих разрешений, типичных для планшетных экранов.

  • hdpi
  • xhdpi
  • xxhdpi

Прочие рекомендации.

  • При разработке значков используйте векторные формы, которые будут масштабироваться без ухудшения качества деталей и без искажений по краям.
  • Используйте предусмотренный для разрешения квалификатор ресурса, чтобы обеспечить загрузку правильных значков для каждого разрешения экрана.
  • Для планшетов и других устройств с большими экранами часто требуется значок запуска, который на один "размер разрешения" больше, чем фактическое разрешение экрана, поэтому необходимо подготовить значок запуска с максимально возможным разрешением. Например, если у планшета экран xhdpi, он будет запрашивать версию значка запуска xxhdpi.

5. Настройка размеров шрифтов и элементов управления сенсорного экрана

Чтобы обеспечить оптимальную работу с вашим приложением на планшетных устройствах, выполните настройку размера шрифта и элементов управления в своем планшетном интерфейсе для всех поддерживаемых конфигураций экранов. Можно настроить размер шрифтов с помощью стилизующих атрибутов или ресурсов размеров, также можно настроить элементы управления сенсорного экрана с помощью макетов и растягиваемых растровых ресурсов, как описано выше.

Ознакомьтесь со следующими рекомендациями.

  • Текст не должен выглядеть чрезмерно большим или слишком маленьким на всех экранах планшетов, независимо от их размера и разрешения. Убедитесь, что размеры для надписей элементов интерфейса подобраны в соответствии с элементами, к которым они относятся; проверьте, нет ли неуместных переносов в этих надписях, заголовках и других элементах.
  • Рекомендуемый размер для элементов управления сенсорного экрана составляет 48 пикселей (минимум 32 пикселя) — возможно потребуется настройка вашего интерфейса. См. информацию о стратегиях внедрения, которые помогут большинству пользователей, в документе Количественные показатели и сетка. Чтобы удовлетворить потребность некоторых пользователей в доступных элементах управления, будет уместно использовать элементы управления большего размера.
  • Там, где это возможно, для маленьких значков расширьте область касания, сделайте ее больше 48 пикселей, используя класс TouchDelegate, или просто поместите значок в центр прозрачной кнопки.

6. Настройка размеров виджетов главного экрана

Если в вашем приложении содержится виджет для главного экрана, здесь объясняется ряд моментов, учтя которые, вы сделаете приложение удобным для пользователей планшетов.

  • Установите для высоты и ширины виджета по умолчанию значение, пригодное для планшетного экрана, сделайте это для минимального и максимального значений изменения высоты и ширины виджета.
  • Виджет должен иметь возможность растягиваться до 420 пикселей и более, чтобы занимать 5 и более строк начального экрана (если это вертикальный или квадратный виджет) или столбцов (если это горизонтальный или квадратный виджет).
  • Убедитесь, что созданные с помощью 9-Patch изображения отображаются корректно.
  • Используйте заданные по умолчанию системные границы.
  • Установите в манифесте приложения для атрибута targetSdkVersion значение 14 или выше, если это возможно.

7. Обеспечение полного набора функциональных возможностей для пользователей планшетов

Tablet feature sets

Предложите пользователям планшетов наилучшие возможности вашего приложения. Вот несколько рекомендаций.

  • Спроектируйте свое приложение так, чтобы для планшетов предлагался как минимум такой же набор возможностей, что и на мобильных телефонах.
  • В особых случаях в планшетной версии приложения можно исключить или заменить некоторые функции, если они не поддерживаются имеющимся оборудованием или стандартными сценариями использования большинства планшетов. Например:
    • Если смартфон использует функции телефонной связи, но они не доступны на данном планшете, можно исключить или заменить соответствующую функцию.
    • Во многих планшетах есть датчик GPS, но большинство пользователей обычно не берут свои планшеты на пробежку. Если ваше приложение для телефона предлагает пользователям возможность записать с помощью GPS маршрут, который вы пробежали с телефоном, нет смысла добавлять эту функцию в приложение для планшетов, поскольку этот сценарий использования не будет востребован.
  • Если вы исключаете какую-то функцию или совместимость из своего интерфейса для планшетов, убедитесь, что она действительно недоступна, а также проверьте работоспособность основных функций без этой возможности (см. раздел об аппаратных возможностях ниже).

8. Правильный выбор поддерживаемых версий Android

Чтобы обеспечить максимальное распространение приложения на планшетах, убедитесь, что для него верно указаны совместимые версии Android и они поддерживают планшеты. Первоначально поддержка планшетов была добавлена в Android 3.0 (уровень API 11). Единая платформа пользовательского интерфейса для планшетов, телефонов и других устройств была представлена в Android 4.0

Можно настроить диапазон поддерживаемых версий Android, используя элемент <uses-sdk>в файле манифеста. В большинстве случаев можно правильно определить совместимые версии Android, установив в атрибуте targetSdkVersion этого элемента максимально доступный уровень API.

Как минимум, проверьте элемент <uses-sdk>, проконтролировав следующие моменты.

  1. Атрибут targetSdkVersion задекларирован со значением 11 или выше (рекомендуется 14 или выше).
  2. ИЛИ, атрибут minSdkVersion задекларирован со значением 11 или выше.
  3. Если задекларирован атрибут maxSdkVersion, он должен иметь значение 11 или выше. Обратите внимание, что, как правило, применение атрибута maxSdkVersion не рекомендуется.

9. Правильное декларирование требований аппаратных требований

Смартфоны и планшетные ПК обычно обеспечивают немного разную поддержку для датчиков, камеры, телефона и других встроенных функций. Например, на многих планшетах предусмотрена конфигурация Wi-Fi, не включающая поддержку функций телефонной связи.

Таким образом, чтобы распространять один APK для всех своих пользователей на смартфонах и планшетах, убедитесь, что в вашем приложении не задекларированы требования аппаратных возможностей, не поддерживаемых большинством планшетов. Наоборот, правильнее задекларировать, какие аппаратные возможности не требуются, сделав это в манифесте приложения, как о описано ниже.

  • Найдите все элементы <uses-feature> в файле манифеста вашего приложения. В частности, обратите внимание на аппаратные возможности, которые могут быть недоступны на некоторых планшетах, такие как:
    • android.hardware.telephony
    • android.hardware.camera (связана с задней камерой), или
    • android.hardware.camera.front
  • Задекларируйте элементы <uses-feature> как нетребуемые, включив атрибут android:required=”false”.

    Например, ниже показан правильный способ, как задекларировать требование android.hardware.telephony, так чтобы вы могли и дальше без ограничений распространять свое приложение, даже для устройств, на которых нет функций телефонной связи.

    <uses-feature android:name="android.hardware.telephony" android:required="false" />
  • Аналогичным образом, проверьте, нет ли в манифесте элементов <permission>, которые подразумевают наличие аппаратных возможностей, не применимых к планшетам. Если вы обнаружите декларацию таких прав доступа, обязательно явным образом задекларируйте соответствующий элемент <uses-feature> для подразумеваемых возможностей и включите в него атрибут android:required=”false”.

После того как вы задекларируете аппаратные возможности как не требуемые, обязательно проверьте свое приложение на различных устройствах. Приложение должно нормально работать, даже если некоторые используемые им аппаратные возможности недоступны, обеспечивая принцип "постепенного отключения" и добавляя альтернативные функции, где это возможно.

Например, если приложение для определения местоположения использует модуль GPS, но он отсутствует на устройстве, приложение может позволить пользователю самому указать свое местоположение. Приложение может проверять аппаратные возможности устройства при запуске и выполняться с учетом этой информации.

10. Декларирование совместимости планшетных экранов

Чтобы приложение могло распространяться среди множества различных планшетов, в его файле манифеста должна быть указана поддержка планшетных размеров экрана.

  • В элементе <supports-screens>, если он задекларирован, не должны указываться атрибуты android:largeScreens="false" или android:xlargeScreens="false".
  • Для определения совместимости приложений значение minSdkVersion не должно быть меньше 13, а для элемента <supports-screens> необходимо указать оба атрибутаandroid:largeScreens="true" и android:xlargeScreens="true".

Если в манифесте приложения задекларирован элемент <compatible-screens>, в нем должны быть атрибуты, указывающие все комбинации размеров и разрешений для планшетных экранов, поддерживаемые приложением. Обратите внимание, что там, где это возможно, вы должны избегать использования элемента <compatible-screens> для своего приложения.

11. Представление планшетного интерфейса для вашего приложения в Google Play

После того, как проведена вся работа по созданию полнофункционального оптимизированного интерфейса для вашего планшетного приложения, обязательно сообщите об этом своим пользователям! Здесь описаны некоторые основные способы рекламы вашего планшетного приложения для пользователей в Google Play.

Выложите снимки экранов планшетного интерфейса вашего приложения

Пользователям планшетов нужно знать, как будет выглядеть ваше приложение на их устройстве, не на мобильном телефоне. Если вы разработали планшетное приложение, обязательно загрузите снимки экранов вашего планшетного интерфейса в консоль разработчика в Google Play. Вот несколько рекомендаций.

  • Продемонстрируйте основные функциональные возможности вашего приложения, но не экран запуска и не страницу входа. На снимках экранов нужно показывать те страницы, где пользователи будут проводить основное время в вашем приложении.
  • Добавьте снимки экранов как для 7-дюмовых, так и для 10-дюймовых планшетов.
  • Добавьте снимки экранов как в альбомной, так и в книжной ориентации экрана, если это возможно.
  • Используйте именно снимки экранов, если возможно. Старайтесь не показывать на снимках какого-либо оборудования.
  • Рекомендованное разрешение снимков экранов планшетного интерфейса – 1280 x 720 или выше для каждой из ориентаций.
  • Загрузите примерно 8 снимков экранов вашего планшетного интерфейса для 7-дюймовых планшетов и дополнительные 8 снимков экранов для 10-дюймовых планшетов.

Обновите описание своего приложения и примечания к выпуску

  • В описании своего приложения обязательно подчеркните, что в нем пользователям планшетов предлагается оптимизированный интерфейс и замечательные возможности. Добавьте информацию о том, как работает ваш планшетный интерфейс и почему он нравится пользователям.
  • Включите сведения о поддержке планшетов в примечаниях к выпуску и информацию об обновлении.

Обновите свой рекламный видеоролик

Просматривая рекламные видеоролики, многие пользователи узнают, как выглядит приложение, и решают, нравится ли оно им. Можно воспользоваться этим интересом применительно к пользователям планшетов, подчеркнув в рекламном видео ролике поддержку приложением планшетного интерфейса. Вот несколько советов и рекомендаций.

  • Добавьте один или несколько снимков вашего приложения, выполняющегося на планшете. Чтобы наиболее эффективно привлечь пользователей планшетов, рекомендуется рекламировать ваш планшетный интерфейс в равном объеме с интерфейсом для телефонов.
  • Ваш планшетный интерфейс должен быть как можно раньше показан в видеоролике. Не надейтесь, что пользователи планшетов будут терпеливо ждать, пока вы рассматриваете телефонную версию интерфейса. В идеале, если вы привлечете их в самом начале, показав планшетный интерфейс в первые 10 секунд или одновременно с представлением интерфейса для телефонов.
  • Чтобы сделать понятным, что вы показываете интерфейс для планшета, добавьте снимки приложения, работающего на устройстве, которое вы держите в руках.
  • Упомяните планшетный интерфейс своего приложения в звуковом сопровождении видеоролика.

Представьте планшетный интерфейс в своей рекламной кампании

Обязательно расскажите пользователям планшетов о своем интерфейсе в ходе рекламной кампании: на веб-сайтах, в публикациях в социальных сетях, в рекламных материалах и т. д. Вот несколько рекомендаций.

  • Спланируйте маркетинговую или рекламную кампанию, подчеркивающую возможность использования вашего приложения на планшетах.
  • В ходе этой кампании представьте сильные стороны своего планшетного приложения — используйте Генератор изображений устройств для быстрой подготовки качественного рекламного изображения приложения, выполняющегося на 7- или 10-дюймовом планшете с нужной ориентацией экрана, с падающей тенью и блеском экрана или без них. Все просто – сделайте снимок экрана и перетащите изображение.
  • Включите отличительные значки Google Play в свою онлайн-рекламу, чтобы обеспечить пользователям прямую связь со страницей вашего приложения в каталоге. Можно создать отличительные значки для множества языков используя Генератор отличительных значков.

12. Следование передовому опыту публикаций в Google Play

Здесь рассказывается о некоторых проверенных методах публикации планшетных приложений, которые помогают добиться успеха в Google Play.

Проверка выполнения советов по оптимизации для вашего приложения

В консоли разработчика Google Play теперь предлагаются советы по оптимизации, которые позволяют быстро проверить, насколько приложение соответствует основным рекомендациям по распространению и обеспечению качества планшетных приложений. Чтобы попасть на эту страницу, войдите в консоль разработчика, загрузите приложение из раздела "Все приложения", а затем выберите пункт "Советы по оптимизации" в навигационной панели слева.

В консоли разработчика страница с советами по оптимизации вашего приложения создается путем выполнения серии проверок на соблюдение основных критериев качества. Если обнаруживаются какие-то проблемы, вам сообщается о них как об элементах "Нужно выполнить" на странице с советами по оптимизации.

Если вы разработали планшетный интерфейс для своего приложения, обязательно посетите страницу с советами по оптимизации и посмотрите, как прошли основные проверки приложения. Если в списке указаны какие-либо проблемы, рекомендуется устранить их в приложении, а затем, если необходимо, загрузить новый двоичный файл для распространения.

Если на странице советов по оптимизации в списке "Нужно выполнить" есть проблемы, не относящиеся к вашему приложению, а также, если рекомендации могут снизить качество планшетного приложения, уведомите нас, используя контактную форму Разработано для планшетов». Мы выполним обзор вашего приложения и внесем соответствующие обновления на страницу советов по оптимизации.

Подтверждение фильтрации приложения

После того, как вы выгрузили приложение в консоль разработчика, проверьте список поддерживаемых пакетом APK устройств, чтобы убедиться, что приложение не отфильтровывается для планшетных устройств, для которых оно предназначено.

Распространение в одном пакете APK

Рекомендуется публиковать свои приложения как один пакет APK для всех поддерживаемых размеров экрана (телефонов и планшетов) на одной странице в каталоге Google Play. У такого подхода есть несколько важных преимуществ.

  • Пользователям будет проще находить приложение при поиске, просмотре или в рекламных кампаниях.
  • Пользователям будет проще автоматически восстановить приложение при переходе на новые устройства.
  • Ваши рейтинги и статистика загрузок будут объединены на всех устройствах.
  • Публикация приложения на второй странице каталога может понизить рейтинги вашего бренда.

Если потребуется, вы можете выбрать альтернативную доставку приложения с помощью Поддержки нескольких APK, хотя в большинстве случаев рекомендуется использование одного APK для поддержки всех устройств.

Настройка среды тестирования планшетных ПК

Оцените качество работы своего приложения на планшетах, учитывая как основные критерии качества приложений, так и критерии качества планшетных приложений — используйте для тестирования подходящее аппаратное обеспечение или эмулируйте нужную среду.

Сравнив рекомендуемую среду тестирования для проверки с основными критериями качества приложения, включите в нее планшеты среднего размера и планшеты с большим или меньшим количеством аппаратных или программных функциональных возможностей.

Таблица 1. Стандартная среда тестирования может включать одно-два устройства из каждой категории (строки) в следующей таблице, которые поддерживают одну из версий платформы, какую-либо конфигурацию экрана и аппаратных возможностей.

Тип Размер Разрешение Версия Оболочка эмулятора AVD
7-дюймовый планшет large или
-sw600
hdpi,
tvdpi
Android 4.0+ (уровень API 14 и выше) WXGA800-7in
10-дюймовый планшет xlarge или
-sw800
mdpi,
hdpi,
xhdpi
Android 3.2+ (уровень API 13 и выше) WXGA800