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

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

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

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

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

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

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

Типичное применение

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

Рекомендации по пользовательскому интерфейсу

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

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

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

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

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

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

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

Планшеты и 2-в-1s

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

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

• От 7 дюймов до 13,3 дюйма для планшетов
• 13.3" и больше для 2-in-1

Типичное применение

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

Рекомендации по пользовательскому интерфейсу

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

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

• Сенсорный ввод
• Stylus
• Внешняя клавиатура (иногда)
• Мышь (иногда)
• Голос (иногда)

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

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

Примечание.

Большинство рекомендаций для компьютеров и ноутбуков относятся к 2-в-1s, а также.

Xbox и TV

Опыт сидеть на диване через комнату, используя геймпад или удаленный для взаимодействия с телевизором, называется 10-футовым опытом. Это так называется, потому что пользователь обычно сидит около 10 футов от экрана. Это обеспечивает уникальные проблемы, которые не присутствуют, например, 2-футовый интерфейс или взаимодействие с компьютером. Если вы разрабатываете приложение для Xbox One или любого другого устройства, подключенного к телевизору, и может использовать геймпад или удаленный для ввода, следует всегда помнить об этом.

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

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

• 24" и вверх

Типичное применение

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

Рекомендации по пользовательскому интерфейсу

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

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

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

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

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

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

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

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

• 4'' до 5'' для телефона
• 5,5'' до 7'' для фаблта

Типичное применение

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

Рекомендации по пользовательскому интерфейсу

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

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

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

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

• Сенсорный ввод
• Голосовая связь

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

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

 

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

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

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

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

Типичное применение

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

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

Рекомендации по пользовательскому интерфейсу

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

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

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

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

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

 

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

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

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

• 3.5' или меньше
• На некоторых устройствах нет экрана

Типичное применение

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

Рекомендации по пользовательскому интерфейсу

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

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

• Переменная в зависимости от устройства

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

• Переменная в зависимости от устройства