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

Есть несколько средств и ресурсов для разработки приложения Microsoft 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.

Получить образец приложения (GitHub)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Получите библиотеку (пользовательский интерфейс Fluent)

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

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

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

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

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