Diseño de la aplicación de Microsoft Teams
Tanto si es un diseñador, un administrador de productos, un desarrollador o un creador que usa herramientas de código bajo, estas directrices pueden ayudarle a tomar rápidamente las decisiones de diseño adecuadas para la aplicación de Microsoft Teams.
Creación de una experiencia coherente
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 a la vez que se ajusta de forma natural con Teams características y contextos.
Estas directrices y recursos pueden ayudarle a lograr ese equilibrio. Sabrá qué hacer y qué evitar al diseñar la aplicación de Teams (como la navegación multinivel en una pestaña).
Principios de diseño de aplicaciones de Teams
Las aplicaciones de Teams ayudan a los usuarios a lograr más juntos. Use estos principios para guiar el diseño.
Colaboración
La aplicación de Teams promueve la colaboración a través de actividades coordinadas y compartidas entre los usuarios.
Trustworthy
La aplicación es segura y compatible. Los usuarios pueden encontrar fácilmente información sobre privacidad.
Inclusión global
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 flujos de trabajo de Teams.
Nativo o distinto
La aplicación usa componentes de diseño de Teams nativos o los suyos propios. No hay ninguna combinación de combinaciones de colores, controles, etc.
Ú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 los requisitos de accesibilidad de Teams en cuanto al contraste de color, las alternativas de navegación y mucho más.
Bien descrito
El texto, los iconos y las imágenes hacen que quede claro para qué es la aplicación y cómo usarla.
Sistema de diseño de Teams
Obtenga información sobre los aspectos básicos del diseño de la aplicación de Teams, incluido el diseño, las combinaciones de colores y mucho más.
Capacidades de la aplicación
Comprenda cómo los usuarios agregan, usan y administran las aplicaciones de Teams para aprovechar al máximo cada funcionalidad del diseño.
Plantillas de la interfaz de usuario
Cree diseños complejos y de alta fidelidad con plantillas para flujos de trabajo y casos de uso comunes de Teams. Los cuadernos de estrategias de aplicaciones y las plantillas de interfaz de usuario también están disponibles para ayudarle a empezar a trabajar con las aplicaciones extendidas en Microsoft 365.
Componentes básicos de la interfaz de usuario
En función de la interfaz de usuario de Fluent, estos son los elementos principales que puede usar para crear experiencias de Teams desde cero.
Herramientas y ejemplos
Las siguientes herramientas pueden ayudar a los diseñadores y desarrolladores a empezar:
Kit de UI de Microsoft Teams
Diseñe una aplicación de Teams con componentes, plantillas y ejemplos de interfaz de usuario que pueda 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 escenarios de Teams.
Documentación de la interfaz de usuario de Fluent
Obtenga ejemplos de código y comprenda los detalles de implementación de los componentes fundamentales de la interfaz de usuario de Fluent que se usan para construir experiencias de Teams.
Aplicación de ejemplo
Puede cargar una aplicación de ejemplo para ver cómo deben verse y comportarse las aplicaciones en el cliente Teams.
Diseñador de tarjetas adaptables.
Diseñe tarjetas adaptables en nuestra herramienta basada en web.
Consulte también
Comentarios
Próximamente: A lo largo de 2024 iremos eliminando gradualmente GitHub Issues como mecanismo de comentarios sobre el contenido y lo sustituiremos por un nuevo sistema de comentarios. Para más información, vea: https://aka.ms/ContentUserFeedback.
Enviar y ver comentarios de