Patrones de diseño de la experiencia del usuario para complementos de Office

  • Artículo

Diseñar la experiencia del usuario para los complementos de Office debe proporcionar una experiencia atractiva para los usuarios de Office y ampliar la experiencia general de Office mediante el ajustare sin problemas en la interfaz de usuario de Office predeterminada.

Los patrones UX constan de componentes. Los componentes son controles que ayudan a sus clientes a interactuar con los elementos de su software o servicio. Los botones, la navegación y los menús son ejemplos de componentes comunes que suelen tener comportamientos y estilos uniformes.

Los componentes de la interfaz de usuario de Fluent React se ven y se comportan como una parte de Office, al igual que los componentes neutros del marco de trabajo de Office UI Fabric JS. Aproveche cualquier conjunto de componentes para integrarse con Office. Como alternativa, si el complemento tiene su propio lenguaje de componentes preexistente, no es necesario descartarlo. Busque oportunidades para conservarlo, a la vez que lo integra en Office. Piense en maneras de intercambiar los elementos estilísticos, solucionar conflictos o adoptar estilos y comportamientos que acaben con la confusión del usuario.

Los patrones proporcionados son prácticas recomendadas basadas en escenarios comunes de cliente y de investigación de experiencia de usuario. Están diseñados para proporcionar un punto de entrada rápido para diseñar y desarrollar complementos, así como instrucciones para lograr el equilibrio entre los elementos de marca de Microsoft y los suyos propios. Proporcionar una experiencia de usuario limpia y moderna que equilibre los elementos de diseño del lenguaje de diseño de la interfaz de usuario fluida de Microsoft y la identidad de marca única del asociado puede ayudar a aumentar la retención de usuarios y la adopción del complemento.

Use las plantillas de patrón UX para:

  • Aplicar soluciones a escenarios de cliente comunes.
  • Aplicar los procedimientos recomendados de diseño.
  • Incorporación de estilos y componentes de la interfaz de usuario de Fluent .
  • Crear complementos que se integran visualmente con la interfaz de usuario predeterminada de Office.
  • Idear y visualizar UX.

Introducción

Los patrones se organizan por acciones o experiencias comunes en un complemento. Los grupos principales son:

Examinar cada grupo para hacerse una idea de cómo puede diseñar el complemento con procedimientos recomendados.

Nota:

Las pantallas de ejemplo que se muestran en esta documentación se diseñaron y se muestran con una resolución de 1366 x 768

Vea también