Проектирование приложения Microsoft Teams
Независимо от того дизайнер вы, менеджером по продуктам, разработчик или создатель решений с малым использованием кода, эти рекомендации помогут вам быстро принять правильные проектные решения для приложения Microsoft Teams.
Создание единого опыта
Проектирование приложения Teams похоже на проектирование обычного веб-приложения, но также немного отличается. Эффективный дизайн выделяет уникальные атрибуты вашего приложения, но при этом естественным образом подходит к функциям и контекстам Teams.
Эти рекомендации и ресурсы помогут вам найти баланс. Вы узнаете, что делать и чего следует избегать при разработке приложения Teams (например, многоуровневая навигация на вкладке).
Принципы проектирования приложений Teams
Приложения Teams помогают людям работать эффективнее совместно. Используйте эти принципы для разработки.
Совместная работа
Приложение Teams повышает эффективность совместной работы за счет согласованных и совместных действий пользователей.
Доверие
Приложение защищено и соответствует требованиям. Пользователи могут легко найти сведения о конфиденциальности.
Глобальная инклюзивность
Приложение могут использовать люди с любыми фоновыми знаниями, навыками и дисциплинами. Оно учитывает культурные, расовые и социальные моменты.
Легкие
Приложение сосредоточено на основных сценариях, которые смешиваются с бизнес-процессами Teams.
Встроенное или отдельное приложение
Приложение использует встроенные компоненты проектирования Teams или ваши собственные решения. Отсутствует смешение цветовых схем, элементов управления и других элементов.
Польза
Приложение основано на сценарии, который необходимо сделать пользователям Teams.
Простота использования
Пользовательский интерфейс прост для понимания, приятен взгляду и по своему тону, а также повышает продуктивность работы пользователей.
Быстрый отклик
Приложение не зависит от устройства и экрана.
Доступные
Приложение соответствует требованиям к специальным возможностям Teams с точки зрения контрастности цвета, альтернативных вариантов навигации и других возможностей.
Подробное описание
Текст, значки и изображения проясняют, для чего нужно приложение и как его использовать.
Система проектирования Teams
Изучите основы проектирования приложений Teams, включая макет, цветовые схемы и т. д.
Возможности приложений
Узнайте, как пользователи добавляют, используют приложения Teams и управляют ими, чтобы использовать все возможности в вашем дизайне.
Шаблоны пользовательского интерфейса
Создавайте сложные и высокотверные макеты с помощью шаблонов для распространенных вариантов использования и рабочих процессов Teams. Также доступны сборники схем приложений и шаблоны пользовательского интерфейса, которые помогут вам приступить к работе с приложениями, расширенными в Microsoft 365.
Основные компоненты пользовательского интерфейса
Основанные на пользовательском интерфейсе Fluent, это ключевые элементы, которые можно использовать для создания интерфейсов Teams с нуля.
Инструменты и примеры
Дизайнеры и разработчики могут начать работу с помощью следующих средств.
Комплект разработчика для пользовательского интерфейса Microsoft Teams
Проектируйте приложение Teams с помощью компонентов пользовательского интерфейса, шаблонов и примеров, которые можно перетаскивать и изменять при необходимости. Комплект пользовательского интерфейса также содержит подробную информацию о том, как приложения должны выглядеть и вести себя в различных сценариях Teams.
Документация по пользовательскому интерфейсу Fluent
Получите примеры кода и изучите особенности реализации основных компонентов пользовательского интерфейса Fluent, используемых при создании возможностей Teams.
Пример приложения
Вы можете загрузить образец приложения, чтобы увидеть, как приложения должны выглядеть и действовать в клиенте Teams.
Конструктор адаптивных карточек
Проектируйте адаптивные карточки в нашем веб-средстве.
Дополнительные ресурсы
Platform Docs