Diseño de la Microsoft Teams aplicación

Imagen conceptual que presenta las Microsoft Teams de diseño.

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.

Consulte también