Разработка приложения Microsoft Teams с помощью шаблонов пользовательского интерфейса
Ускорьте разработку приложения Microsoft Teams с помощью шаблонов пользовательского интерфейса. Шаблоны представляют собой коллекцию компонентов на основе пользовательского интерфейса Fluent, которые работают в распространенных вариантах использования Teams, предоставляя вам больше времени для определения оптимальных возможностей для пользователей.
Следующие ресурсы помогут вам спроектировать и разработать приложение с помощью шаблонов пользовательского интерфейса.
Шаблоны пользовательского интерфейса для дизайна приложения можно получить из комплекта пользовательского интерфейса Microsoft Teams, который также содержит подробные сведения об использовании, анатомии, специальных возможностях и рекомендациях.
Также доступны сборники схем приложений и шаблоны пользовательского интерфейса, которые помогут вам приступить к работе с приложениями, расширенными в Microsoft 365.
Просмотр и тестирование отдельных компонентов Fluent UI React в браузере.
Установите пример приложения, чтобы увидеть, как шаблоны пользовательского интерфейса выглядят и ведут себя в контекстах Teams.
В Teams в календаре пользователь просматривает, планирует и управляет предстоящими и прошлыми событиями для себя или группы.
- Планирование собраний и событий
- Получение напоминаний о предстоящих собраниях и событиях
- Просмотр расписаний
На панели мониторинга отображаются различные типы содержимого в центральном расположении (например, в личном приложении Или вкладке Teams). Пользователи должны иметь возможность настраивать по крайней мере некоторые из того, что они видят на панели мониторинга.
- Анализ данных
- Метрики отчета
- Организация разных сведений в одном месте
Вы можете использовать карточки разных размеров (одинарные, двойные и полные), чтобы стекать и упорядочивать визуализации данных на одной странице. Карточки масштабируемые в соответствии с макетом столбца и заполнение пустых пробелов.
- Отображение сложных сведений
- Создание панели мониторинга
Пустой шаблон состояния можно использовать во многих сценариях, включая вход, интерфейс первого запуска, сообщения об ошибках и многое другое. Он очень гибкий— адаптируйте его к использованию одного, нескольких или всех компонентов в приведенной ниже конструкции.
- Вход
- Приветственные сообщения и интерфейсы первого запуска
- Сообщения об успешном выполнении
- Сообщения об ошибках
Фильтр позволяет уменьшить количество информации, которую вы видите на основе выбранных критериев. Вы можете включить фильтры с таблицами, списками, карточками и другими компонентами, которые упорядочивают содержимое.
Упорядочение содержимого в:
- Списки
- Таблицы
- Панели мониторинга
- Визуализация данных
Формы используются для сбора, проверки и отправки входных данных пользователем структурированным способом. Очистка меток и логические группировки полей ввода имеют решающее значение для хорошего взаимодействия с пользователем.
- Вход
- Профили пользователей
- Параметры
- Коллекция пользовательских входных данных
Список можно использовать для отображения связанных элементов в сканируемом формате и разрешения пользователям выполнять действия по всему списку или отдельным элементам.
- Отображение данных
- Контекстные действия с содержимым приложения
Вы можете разработать потоки входа в приложения для различных контекстов Teams и поставщиков удостоверений. В следующем примере приведен единый вход (SSO), который рекомендуется использовать для простейшей проверки подлинности.
Проверка подлинности пользователей
Экраны параметров — это экраны, на которых пользователи могут настраивать свои настройки с помощью вашего приложения.
Примечание
Параметры — это контейнер для базовых компонентов пользовательского интерфейса.
Управление функциями приложения
Доска задач, иногда называемая канбан-доской или дорожками для плавания, представляет собой коллекцию карточек, часто используемых для отслеживания состояния рабочих элементов или билетов. Его также можно использовать для сортировки содержимого любого типа по категориям. Карточки можно изменять и перемещать между столбцами.
- управление проектами; Назначение задач и состояние отслеживания.
- Мозговой штурм. Добавление идей в различных категориях.
- Сортировка упражнений. Упорядочение любой информации в контейнеры.
Мастер направляет пользователя через несколько экранов для выполнения задачи (например, процесса установки).
- Setup
- Адаптация
- Интерфейсы первого запуска
Отзыв о Platform Docs
Platform Docs — это проект с открытым исходным кодом. Выберите ссылку, чтобы оставить отзыв: