Diseño de la aplicación de Microsoft Teams

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

Tanto si es un diseñador, un jefe de producto, un programador o un fabricante con herramientas de bajo código, estas instrucciones pueden ayudarle a tomar rápidamente las decisiones de diseño adecuadas para su aplicación de Microsoft Teams.

Principios de diseño de aplicaciones de Microsoft Teams

Las aplicaciones de Microsoft Teams ayudan a los usuarios a lograr más juntos. Use estos principios para guiar el diseño.

Collaborative

Las aplicaciones de Microsoft Teams ayudan a los usuarios a lograr más juntos. Use estos principios para guiar el diseño.

Iniciativa

La aplicación está protegida y es compatible. Los usuarios pueden encontrar fácilmente información sobre privacidad.

Globalmente inclusivo

Las personas de todos los fondos, skillsets y disciplinas pueden usar la aplicación. Es cultural, racial y social Awareo.

Leve

La aplicación se centra en los escenarios principales que se fusionan con los flujos de trabajo de Microsoft Teams.

Nativo o distinto

La aplicación usa los componentes de diseño de equipos nativos o los suyos propios. No hay ninguna combinación de combinaciones de colores, controles, etc.

Result

La aplicación se basa en un escenario en el que los usuarios deben hacer en Microsoft Teams.

Fácil de usar

La interfaz de usuario es fácil de entender, agradable en apariencia y tono, y hace que los usuarios sean más productivos.

Respuesta correcta

La aplicación es independiente del dispositivo y de la pantalla.

Accesible

La aplicación cumple los requisitos de accesibilidad de Microsoft Teams 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 resulte claro para qué sirve la aplicación y cómo usarla.

Crear una experiencia cohesiva

El diseño de una aplicación de Microsoft Teams es como el diseño de una aplicación web convencional, pero también un poco diferente. Un diseño efectivo resalta los atributos únicos de la aplicación al ajustarse de forma natural con las características y contextos de Teams.

Estas instrucciones y recursos pueden ayudarle a golpear ese equilibrio. Sabrá qué hacer y qué evitar al diseñar la aplicación de Microsoft Teams (como la navegación de varios niveles en una pestaña).

Planeación de la aplicación

Para diseñar una aplicación de Microsoft Teams de alta calidad, primero debe comprender lo que desea que haga la aplicación y cómo cree que los usuarios la usarán. Si aún no lo ha hecho, dedique algún tiempo a planear correctamente la aplicación.

Conceptos básicos sobre el diseño

Obtenga información sobre los conceptos básicos del diseño de aplicaciones de Microsoft Teams, incluido el diseño, las combinaciones de colores y mucho más.

Componentes básicos de la interfaz de usuario Fluent para Teams

En función de la interfaz de usuario de Fluent, estos son los elementos básicos para crear interfaces de equipo conocidas.

Capacidades de la aplicación

Comprenda cómo los usuarios agregan, usan y administran las aplicaciones de Microsoft Teams para aprovechar al máximo cada una de las funciones de su diseño.

Plantillas de interfaz de usuario

Cree rápidamente diseños complejos y de alta fidelidad con plantillas para los casos de uso y los flujos de trabajo de los equipos comunes.

Introducción al kit de la interfaz de usuario de Microsoft Teams

El kit de interfaz de usuario de Microsoft Teams tiene componentes, plantillas y ejemplos de la interfaz de usuario que puede arrastrar, colocar y modificar según sea necesario. El kit de interfaz de usuario también incluye información completa sobre cómo las aplicaciones deben tener el aspecto y el comportamiento en diferentes escenarios de Teams.

Otros recursos

Para obtener más información, pruebe uno de los siguientes recursos.

Interfaz de usuario Fluent

Obtenga ejemplos de código y detalles de implementación para los componentes basados en la interfaz de usuario fluida que se usan para crear experiencias de Teams.

Diseñador de tarjetas adaptables

Diseñar tarjetas adaptables en una herramienta basada en Web.