Diseño de la Microsoft Teams aplicación
Independientemente de si eres diseñador, jefe de producto, desarrollador o creador con herramientas de código bajo, estas directrices pueden ayudarte a tomar rápidamente las decisiones de diseño adecuadas para tu Microsoft Teams aplicación.
Creación de una experiencia cohesiva
Diseñar una aplicación Teams es como diseñar una aplicación web convencional, pero también un poco diferente. Un diseño eficaz resalta los atributos únicos de la aplicación mientras se adapta de forma natural a Teams características y contextos.
Estas directrices y recursos pueden ayudarle a encontrar ese equilibrio. Sabrás qué hacer y qué evitar al diseñar la aplicación Teams (como la navegación de varios niveles en una pestaña).
Teams de diseño de aplicaciones
Teams aplicaciones ayudan a los usuarios a lograr más juntos. Use estos principios para guiar el diseño.
Colaboración
Teams la aplicación promueve la colaboración a través de actividades coordinadas y compartidas entre los usuarios.
Confiable
La aplicación es segura y compatible. Los usuarios pueden encontrar fácilmente información sobre privacidad.
Globalmente inclusiva
Las personas de todos los orígenes, conjuntos de aptitudes y disciplinas pueden usar la aplicación. Es cultural, racial y socialmente consciente.
Leve
La aplicación se centra en escenarios principales que se combinan con Teams flujos de trabajo.
Nativo o distinto
La aplicación usa componentes Teams diseño nativos o propios. No hay una combinación de esquemas de color, controles, entre otras.
Útil
La aplicación se basa en un escenario que los usuarios deben hacer en Teams.
Fácil de usar
La interfaz de usuario es fácil de entender, agradable en apariencia y tono, y hace que las personas sean más productivas.
Capacidad de respuesta
La aplicación es independiente del dispositivo y de la pantalla.
Accesible
La aplicación cumple Teams requisitos de accesibilidad en términos de contraste de color, alternativas de navegación y mucho más.
Bien descrito
El texto, los iconos y las imágenes hacen que se aclare para qué está la aplicación y cómo usarla.
Teams de diseño
Obtén información sobre los aspectos Teams diseño de la aplicación,incluido el diseño, las esquemas de color y mucho más.
Capacidades de la aplicación
Comprender cómo las personas agregan, usan y administran Teams aplicaciones para aprovechar al máximo cada funcionalidad del diseño.
Plantillas de la interfaz de usuario
Cree rápidamente diseños complejos y de alta fidelidad con plantillas para Teams casos de uso y flujos de trabajocomunes.
Componentes básicos de la interfaz de usuario
En función Fluent interfaz de usuario, estos son los elementos principales que puedes usar para crear experiencias Teams desde cero.
Herramientas y ejemplos
Las siguientes herramientas pueden ayudar a los diseñadores y desarrolladores a empezar:
Kit de interfaz de usuario de Microsoft Teams
Diseña una aplicación Teams con componentes de interfaz de usuario, plantillas y ejemplos que puedas arrastrar, colocar y modificar según sea necesario. El kit de interfaz de usuario también incluye información completa sobre cómo deben verse y comportarse las aplicaciones en diferentes Teams escenarios.
Microsoft Teams de interfaz de usuario
Ver y probar plantillas de Teams de interfaz de usuario individuales y componentes relacionados en el explorador.
Importe estas plantillas y componentes relacionados directamente en el proyecto Teams aplicación.
Aplicación de ejemplo
Puedes cargar una aplicación de ejemplo para ver cómo deben verse y comportarse las aplicaciones en el Teams cliente.
Otros recursos
Para obtener más información, pruebe uno de los siguientes recursos:
Fluent de la interfaz de usuario
Obtenga ejemplos de código y detalles de implementación para los componentes Fluent interfaz de usuario básicas que se usan para crear Teams experiencias.
Diseñador de tarjetas adaptables.
Diseñar tarjetas adaptables en nuestra herramienta basada en web.