Diseño de la aplicación 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.
- Aplicaciones personales
- Pestañas
- Extensiones de mensajería
- Bots
- Extensiones de reunión
- Módulos de tareas
- Tarjetas adaptables
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.