Приложения для повышения производительности

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

Общие сведения

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

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

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

• Приложения Магазина Windows: новый язык разработки для приложений с акцентом на создание полноэкранного содержимого и современных сценариев повышения производительности. Windows решает все проблемы, позволяя создавать непревзойденное содержимое.
• Живые плитки: повысьте привлекательность приложения и сделайте так, чтобы пользователи возвращались к нему, создав живые плитки, отображающие последнее содержимое, с которым работал пользователь. Вспомогательные плитки упрощают взаимодействие с содержимым и позволяют пользователям закрепить часто используемое содержимое в приложении.
• Контракт отправки данных: в Windows 8.1 упрощается взаимодействие и обмен данными между приложениями, чтобы ваше приложение могло работать с другими приложениями и пользователи могли выполнять все необходимые операции для повышения производительности.
• Контракт "Поиск": новая функциональная возможность ОС верхнего уровня, с помощью которой пользователям стало еще проще искать и организовывать содержимое. Приложение включается в результаты поиска, повышая осведомленность пользователей во время поиска содержимого.
• Поле поиска: позволяет пользователям выполнять поиск по содержимому приложения и выводит индивидуализированное представление результатов.
• Средство выбора файлов: упрощает в приложениях для повышения производительности работу с файлами, документами и фотографиями из файловой системы, а также из других приложений и служб, поддерживающих контракты средства выбора файлов.
• Контекстное масштабирование: эта встроенная функция Windows 8.1 позволяет пользователям сжимать содержимое приложения и просматривать содержимое и элементы, с которыми они работают, в уменьшенном представлении. Попробуйте эти функции в действии на начальном экране.
• Изменяемый размер окон: пользователи могут менять размер окон приложений, что позволяет одновременно запускать несколько приложений рядом друг с другом. Пользователи могут в полной мере использовать многозадачность и не прерывать продуктивную работу с вашим приложением.

Во весь экран

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

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

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

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

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

Сведения о шаблонах навигации для конкретного приложения см. в разделе Шаблоны навигации.

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

Иерархический шаблон

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

Центральная страница приложения

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

При касании какого-либо примечания пользователь переходит непосредственно к нему. При касании заголовка (например, Travel — NYC) отображается страница раздела данной записной книжки, если имеется дополнительное содержимое, связанное с записной книжкой, помимо содержимого, отображаемого на главной странице.

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

Верхняя панель приложения

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

¾

Контекстное масштабирование

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

На следующем рисунке представлено группирование содержимого при уменьшении.

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

Подробнее о контекстном масштабировании см. в руководстве по контекстному масштабированию.

Плоский шаблон макета

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

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

В некоторых приложениях на верхней панели приложения можно разместить и другие элементы, например кнопку "+" для создания новой электронной таблицы. Вот как это отображается в браузере (приложение Магазина Windows).

Шаблон макета списка

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

Шаблоны макетов форм

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

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

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

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

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

На следующем рисунке представлен макет с двумя столбцами.

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

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

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

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

Система команд

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

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

Нижняя панель приложения — это панель инструментов общего назначения, которая может отображаться у нижнего края приложения. Обычно она скрыта, но ее можно вызвать, проведя пальцем по экрану от верхнего или нижнего края страницы, щелкнув правой кнопкой мыши или нажав клавишу Windows+Z. Кроме того, нижняя панель приложения автоматически появляется при каждом выборе элемента в содержимом приложения. Инструменты, представленные на нижней панели приложения, являются контекстно-зависимыми, то есть в каждом случае отображаются только нужные команды. Например, при выборе слова автоматически отображается нижняя панель приложения с командами форматирования текста. Если пользователь выбирает рисунок, на панели приложения отображаются команды редактирования рисунков. Контекстно-зависимый характер панели приложения означает, что ненужные команды не отображаются. В результате требуемые инструменты всегда находятся под рукой, но не на виду, пока они не потребуются.

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

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

Нижняя панель приложения

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

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

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

Используйте команды Удалить и Создать, если приложение предназначено для управления отдельными объектами, которые могут существовать вне конкретного приложения, — например, приложение электронной почты. Команды Удалить и Создать должны всегда отображаться в указанном ниже порядке.

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

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

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

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

Расширение панелей приложения

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

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

• Удерживайте внимание пользователя на содержимом— Имейте ввиду, что большая часть взаимодействия начинается с непосредственного использования полотна. Ожидается, что большая часть команд (если не все) будут скрыты на экране без видимой возможности их вызова на экран. Полагайтесь на жесты системы для отображения и скрытия панели приложения, чтобы отобразить или скрыть пользовательский интерфейс. Добавление собственного альтернативного, скрытого пользовательского интерфейса с различными методами вызова приведет к добавлению дополнительных кнопок, мини-приложений и стрелок на экране при попытке обучить пользователя. Использование системных жестов помогает избежать добавления на экран лишних элементов, отвлекающих внимание от содержимого пользователя.
• Размещайте команды на нижней панели приложения — в приложениях Магазина Windows естественное и ожидаемое расположение команд — по нижнему краю приложения (или как раз над сенсорной клавиатурой). Такое расположение позволяет пользователям, использующим сенсорный ввод, взаимодействовать с командами, не перекрывая содержимое. Это расположение также связано с жестом, используемым для отображения команд вручную. Расположение команд в каком-либо ином месте не так очевидно и может перекрывать содержимое, с которым работает пользователь.
• Располагайте элементы навигации на верхней панели приложения — в приложениях Магазина Windows естественное и ожидаемое расположение для элементов навигации — по верхнему краю экрана. Поскольку эта панель используется для перехода из содержимого, которое пользователь использует в данный момент, допускается закрытие экрана рукой пользователя при использовании панели. На верхней панели приложения обычно отображаются не кнопки, а эскизы, чтобы ее легче было отличить от нижней панели приложения.
• Располагайте все скрытые команды на панели приложения— Все команды, скрытые на экране, должны располагаться в одном месте. Системный жест предоставляет один простой и стандартный способ вызвать скрытые команды на экран. Если команды скрыты в нескольких расположениях, потребуется несколько способов вызова этих скрытых поверхностей. В результате, довольно быстро будет создано слишком много расположений, которые пользователь должен будет проверить, чтобы найти команды. Что еще хуже, для вызова каждой поверхности могут использоваться различные секретные жесты или другой эффект пользовательского интерфейса, и пользователям придется потрудиться, чтобы запомнить всю эту информацию.

Контекстные меню

Команды буфера обмена, такие как Вырезать, Копировать и Вставить, для выбранного текста и команды копирования и открытия ссылок на URL-адреса могут использовать контекстные меню, предоставляемые системой по умолчанию. Ниже приводятся примеры команд буфера обмена в контекстном меню.

Ввод данных в приложениях для повышения производительности

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

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

• Общие элементы управления— В случае вводимых данных, которые имеют строгий формат и будут проверяться (например, дата, время или расположение), используйте общие элементы управления, такие как элемент управления выбором, раскрывающиеся списки, переключатели, флажки, а также средства выбора даты и времени.
• Автозаполнение— По возможности используйте автозаполнение для упрощения работы пользователя. Благодаря этому пользователи будут вводить данные быстрее.

На следующем рисунке представлены варианты окна выбора контактов.

Сенсорная клавиатура

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

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

Ниже представлена сенсорная клавиатура.

Если экран приложения похож на форму, где обычно представлена комбинация элементов управления "Поле ввода" (текстовые поля) с другими элементами управления (такими как переключатели и флажки), не рекомендуется показывать и скрывать сенсорную клавиатуру. В Windows 8 для решения этой проблемы отключается скрытие сенсорной клавиатуры, когда пользователь находится в форме и переходит по определенным общим элементам управления, таким как переключатели, текстовые поля, элементы управления выбором и панель приложения. Использование стандартных элементов управления обеспечивает плавное взаимодействие с приложением. На рисунке ниже показано, как сенсорная клавиатура продолжает отображаться при переходе пользователя между элементами управления.

Проверка правописания

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

Распознавание рукописного ввода

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

Выделение текста

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

При включении выделения текста предоставьте поле, ширина которого будет составлять половину от ширины захвата (4 мм) по сторонам текста, а высота будет равна высоте захвата (8 мм) снизу области, если текст нельзя прокрутить. Благодаря этому захват можно выполнить во всех случаях, и это не будет мешать взаимодействию с пользователем по краям экрана. На следующем рисунке показаны правильные поля, которые следует оставлять при включении выделения текста.

Оформление в приложениях для повышения производительности

Использование сетки оформления и таблицы размеров в приложениях для повышения производительности создает визуальную иерархию, с помощью которой пользователи могут быстро и легко просматривать и обрабатывать большой объем информации. Хотя шрифт Segoe UI, заданный в таблице шрифтов, подходит для содержимого приложений для повышения производительности, также можно использовать шрифт Calibri, рекомендуемый для современных документов, или шрифт Cambria, рекомендуемый для традиционных документов. Calibri — это рубленый шрифт по умолчанию в Microsoft Office, а Cambria — шрифт с засечками по умолчанию, и поэтому оба шрифта тесно связаны с приложениями для повышения производительности. Подробнее о шрифтовом оформлении см. в руководстве по шрифтам.

Если требуется указать альтернативные системные шрифты, не забудьте проверить, что они установлены в Windows 8 и что для них не требуется установка отдельного приложения, такого как Microsoft Office. При использовании собственных пользовательских или лицензионных шрифтов убедитесь, что вы обладаете достаточными юридическими правами на их включение в приложение. Независимо от выбранных шрифтов, в таблице типов Windows 8 предоставляются подробные сведения о максимальном количестве размеров и стилей, которые можно использовать.

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

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

Контракты

Контракты — это связующее звено, объединяющее приложения Магазина Windows и пользовательский интерфейс системы. Два приложения, реализующие один и тот же контракт, могут взаимодействовать и выполнять расширенный или сложный сценарий. Полный список контрактов приложений см. в разделе Контракты и расширения приложений.

Общий доступ

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

Общий доступ из приложения

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

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

Если используется контракт источника данных, то содержимое в вашем приложении (в форме URI, точечных рисунков, HTML, текста, элементов хранилища или пользовательских типов данных) будет доступно другим приложениям, которые могут использовать эти форматы. Приложение-источник должно поддерживать столько типов данных, сколько нужно для содержимого, к которому пользователи будут предоставлять общий доступ. Это позволит пользователям совместно использовать содержимое вашего приложения с широким набором приложений-получателей данных.

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

Общий доступ для приложения

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

Поиск

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

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

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

Подробнее об элементе управления "поле поиска" см. в разделе Обновления поиска.

На этом снимке экрана показано использование поиска в приложении для заметок.

Функция "Найти на странице"

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

Параметры

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

Устройства

Печать документов и примечаний — это общий сценарий в приложениях для повышения производительности. Предоставьте пользователям функциональные возможности печати с помощью чудо-кнопок "Устройства" для быстрой и простой печати. Ниже представлен пример взаимодействия с устройствами печати.

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

Средство выбора файлов

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

В приложении также можно настроить различные аспекты средства выбора файлов. В частности:

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

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

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

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

Связь и динамичность

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

Плитки и уведомления

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

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

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

Подробнее о рекомендациях по всплывающим уведомлениям см. в разделе Руководство и контрольный список для всплывающих уведомлений. Подробнее о рекомендациях по плиткам см. в разделе Руководство и контрольный список для плиток.

Перемещение

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

Ориентация и размер окна

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

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

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

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

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

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

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

Связанные разделы

Знакомство с приложениями Магазина Windows

Рекомендации по взаимодействию с пользователем для приложений Магазина Windows