Процесс разработки приложений Microsoft Teams

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

Диаграмма, показывающая пример процесса разработки приложения Teams.

Планирование приложения

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

  • Кто ваши пользователи?
  • В чем заключается их проблема?
  • Как ваше приложение может решить проблему?
  • Как часто будут использовать ваше приложение?
  • Сколько пользователей будут использовать ваше приложение?
  • Какой тип рентабельности инвестиций может предоставить ваше приложение?

Дополнительные сведения см. в разделах со сведениями о вариантах использования вашего приложения и сопоставлении вариантов использования с Teams.

Получите средства разработки Teams

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

Получите комплект разработчика для пользовательского интерфейса Microsoft Teams

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

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

Совет

Подходит ли мне комплект разработчика для пользовательского интерфейса? Если вы как-то участвуете в создании приложения Teams, то да. Понимание того, как создать приложение Teams, полезно не только для дизайнеров, но и для руководителей продуктов, разработчиков, использующих IDE, и создателей, работающих с помощью средств с малым использованием кода (например, Microsoft Power Platform).

  1. Перейдите в на страницу комплекта разработчика для пользовательского интерфейса Microsoft Teams на Figma
  2. Выберите Копировать, чтобы открыть комплект для пользовательского интерфейса. (Может потребоваться сначала создать учетную запись Figma.)

Попробуйте образец приложения

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

Изучите систему проектирования Teams

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

Выберите возможности приложения

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

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

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

Проектирование потока взаимодействия с пользователями

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

Проектирование с помощью шаблонов пользовательского интерфейса

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

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

Проектирование с помощью основных компонентов пользовательского интерфейса

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

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

Реализация проекта

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

Создание с помощью шаблонов пользовательского интерфейса

Если вы использовали шаблоны пользовательского интерфейса в своем проекте, вы можете реализовать эти шаблоны с помощью библиотеки пользовательского интерфейса Microsoft Teams (библиотеки компонентов React на основе пользовательского интерфейса Fluent).

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

Сборка с помощью основных компонентов пользовательского интерфейса

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

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

Просмотрите ресурсы по проектированию

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

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

Дополнительные ресурсы

Проектирование уведомлений ленты новостей