Соображения по поводу пользовательского интерфейса для устройств с Windows

Знание устройств, поддерживающих приложения для Windows, поможет вам создавать оптимальные пользовательские интерфейсы для каждого форм-фактора.

windows-powered devices

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

Компьютеры и ноутбуки

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

Размеры экрана

  • 13 дюймов и больше

a pc

Типичное использование

  • С приложениями на ПК и ноутбуках работают несколько пользователей (не одновременно), как правило, на протяжении более длительных периодов времени.

Соображения по поводу пользовательского интерфейса

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

  • При использовании приложений на ПК или ноутбуке пользователь может управлять их файлами. Разрабатывая приложение, обязательно предусмотрите механизмы управления его содержимым. Уделите внимание таким функциям и командам, как «Сохранить как», «Последние файлы» и т. д.

  • Системная кнопка возврата необязательна. Если разработчик приложения предпочитает, чтобы системная кнопка возврата отображалась, она отображается в заголовке окна приложения.

Входные данные

  • Мышь
  • Клавиатура
  • Сенсорная на ноутбуках и моноблоках.
  • Иногда используются игровые контроллеры, например контроллеры Xbox.

Типичные возможности устройства

  • Камера
  • микрофон

Планшеты и трансформеры

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

Размеры экрана

  • От 7 дюймов до 13,3 дюйма для планшетов
  • 13,3 дюйма и больше для трансформеров

a tablet device

Типичное использование

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

Соображения по поводу пользовательского интерфейса

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

Входные данные

  • Touch
  • Стилус
  • Внешняя клавиатура (время от времени)
  • Мышь (время от времени)
  • Речь (время от времени)

Типичные возможности устройства

  • Камера
  • микрофон
  • Датчики движения
  • Датчики местоположения

Примечание

Большинство вопросов, рассматриваемых для ПК и ноутбуков, применимы также и к трансформерам.

Xbox и телевизоры

Взаимодействие с телевизором с дивана на другом конце комнаты с помощью игрового контроллера или пульта ДУ называется взаимодействием на большом расстоянии. Такое название связано прежде всего с тем, что пользователь, как правило, находится на большом (3 м) расстоянии от экрана. Оно представляет определенные трудности, которые отсутствуют при взаимодействии на расстоянии 0,5 м или при работе за компьютером. Этот фактор следует учитывать, если вы разрабатываете приложение для Xbox One или любого другого устройства, которое подключается к телевизору, а для ввода использует геймпад или пульт дистанционного управления.

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

Размеры экрана

  • 24 дюйма и больше

Xbox and TV

Типичное использование

  • Часто используется совместно несколькими пользователями, но также часто используется только одним человеком.
  • Обычно используется в течение продолжительного времени.
  • Чаще всего используются дома, в одном месте.
  • Редко требует ввода текста, так как это требует больше времени при использовании геймпада или пульта ДУ.
  • Фиксированная ориентация экрана.
  • Обычно в текущий момент выполняется только одно приложение, но может иметься возможность прикрепления приложений к боковой стороне экрана (например, на Xbox).

Соображения по поводу пользовательского интерфейса

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

Входные данные

  • Геймпад (например, контроллер Xbox)
  • Удаленный доступ
  • Голосовой ввод (не во всех случаях, если у клиента есть Kinect или гарнитура)

Типичные возможности устройства

  • Камера (не во всех случаях, если у клиента есть Kinect)
  • Микрофон (не во всех случаях, если у клиента есть Kinect или гарнитура)
  • Датчики движения (не во всех случаях, если у клиента есть Kinect)

Телефоны и фаблеты

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

Размеры экрана

  • 4–5 дюймов для телефона
  • 5,5–7 дюймов для фаблета

windows phone

Типичное использование

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

Соображения по поводу пользовательского интерфейса

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

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

  • Как при альбомной, так и при книжной ориентации следует оставлять достаточно экранного пространства для панели приложения, если отображается экранная клавиатура.

Входные данные

  • Touch
  • голосовые команды

Типичные возможности устройства

  • микрофон
  • Камера
  • Датчики движения
  • Датчики местоположения

 

Устройства Surface Hub

Microsoft Surface Hub — это устройство для взаимодействия рабочей группы с большим экраном, предназначенное для одновременного использования несколькими пользователями.

Размеры экрана

  • 55 дюймов и 84 дюйма

a surface hub

Типичное использование

  • Приложения на Surface Hub используются совместно в течение коротких периодов времени, например на собраниях.

  • Устройства Surface Hub обычно стационарные и перемещаются редко.

Соображения по поводу пользовательского интерфейса

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

Входные данные

  • Touch
  • Перо
  • голосовые команды
  • Клавиатура (экранная/удаленная)
  • Сенсорная панель (удаленная)

Типичные возможности устройства

  • Камера
  • микрофон

 

Устройства Windows IoT

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

Размеры экрана

  • 3,5 дюймов или меньше
  • Некоторые устройства не имеют экрана

an iot device

Типичное использование

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

Соображения по поводу пользовательского интерфейса

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

Входные данные

  • Зависит от устройства

Типичные возможности устройства

  • Зависит от устройства