Diseñar complementos de OfficeDesign Office Add-ins

Los Complementos de Office amplían la experiencia de Office proporcionando funcionalidad contextual a la que pueden acceder los usuarios desde clientes de Office. Los complementos permiten a los usuarios hacer más cosas, ya que habilitan el acceso a funcionalidades de terceros desde Office, sin cambios de contexto costosos.Office Add-ins extend the Office experience by providing contextual functionality that users can access within Office clients. Add-ins empower users to get more done by enabling them to access third-party functionality within Office, without costly context switches.

El diseño de la experiencia del usuario del complemento debe integrarse a la perfección con Office para proporcionar una interacción eficaz y natural para los usuarios. Aproveche los comandos de complementos para proporcionar acceso a su complemento y aplique los procedimientos recomendados que le sugerimos al crear la interfaz de usuario personalizada basada en HTML.Your add-in UX design must integrate seamlessly with Office to provide an efficient, natural interaction for your users. Take advantage of add-in commands to provide access to your add-in and apply the best practices that we recommend when you create custom HTML-based UI.

Principios de diseño de OfficeOffice design principles

Las aplicaciones de Office siguen un conjunto general de directrices de interacción. Las aplicaciones comparten contenido y tienen elementos que se parecen y se comportan de forma similar. Esta compatibilidad se basa en un conjunto de principios de diseño. Los principios ayudan al equipo de Office a crear interfaces compatibles con las tareas de los clientes. Comprenderlos y seguirlos le ayudará a alcanzar los objetivos de sus clientes en Office.Office applications follow a general set of interaction guidelines. The apps share content and have elements that look and behave similarly. This commonality is built on a set of design principles. The principles help the Office team create interfaces that support customers’ tasks. Understanding and following them will help you support your customers’ goals inside of Office.

Siga los principios de diseño de Office para crear experiencias de complementos positivas:Follow the Office design principles to create positive add-in experiences:

  • Diseñe explícitamente para Office. La funcionalidad, el aspecto y el estilo de un complemento deben complementarse de forma armónica con la experiencia de Office. Los complementos deben parecer nativos. Deben encajar perfectamente en Word en un iPad o en PowerPoint en la web. Un complemento bien diseñado será una combinación apropiada de su experiencia, de la plataforma y de la aplicación de Office. Considere el uso de Office UI Fabric como su lenguaje de diseño. Aplique la documentación y los temas de la interfaz de usuario de forma apropiada.Design explicitly for Office. The functionality, look and feel of an add-in must harmoniously complement the Office experience. Add-ins should feel native. They should fit seamlessly into Word on an iPad or PowerPoint on the web. A well-designed add-in will be an appropriate blend of your experience, the platform and the Office application. Consider using Office UI Fabric as your design language. Apply document and UI theming where appropriate.

  • Céntrese en unas pocas tareas clave; realícelas correctamente Ayude a los clientes a realizar un trabajo sin que interfiera con el resto de las tareas. Proporcione un valor real a los clientes. Céntrese en los casos de uso común, elija detenidamente los que benefician más a los usuarios al interactuar con documentos de Office.Focus on a few key tasks; do them well. Help customers get one job done without getting in the way of other jobs. Provide real value to customers. Focus on common use cases, pick carefully those that benefit users most when interacting with Office documents.

  • De prioridad al contenido sobre el aspecto. Permita a la página, diapositiva u hoja de cálculo del cliente continuar siendo la principal atención de la experiencia. Un complemento es una interfaz auxiliar. El aspecto de los accesorios no debe interferir en el contenido y la funcionalidad del complemento. Etiquete su experiencia de forma sabia. Sabemos que es importante proporcionar a los usuarios una experiencia única y reconocible, pero también se deben evitar las distracciones. Intente centrarse en el contenido y la finalización de tareas, no en la atención de la marca.Favor content over chrome. Allow customers’ page, slide or spreadsheet to remain the focus of the experience. An add-in is an auxiliary interface. No accessory chrome should interfere with the add-in’s content and functionality. Brand your experience wisely. We know it is important to provide users with a unique, recognizable experience but avoid distraction. Strive to keep the focus on content and task completion, not brand attention.

  • Haga que sea agradable y mantenga a los usuarios bajo control. Las personas disfrutan usando productos funcionales y visualmente atractivos. Cree su experiencia con esmero. Obtenga los detalles correctos considerando cada interacción y detalle visual. Permita a los usuarios controlar su experiencia. Los pasos necesarios para completar una tarea deben ser claros y relevantes. Las decisiones importantes deben ser fáciles de entender. Las acciones deben ser fácilmente reversibles. Un complemento no es un destino, es una mejora de la funcionalidad de Office.Make it enjoyable and keep users in control. People enjoy using products that are both functional and visually appealing. Craft your experience carefully. Get the details right by considering every interaction and visual detail. Allow users to control their experience. The necessary steps to complete a task must be clear and relevant. Important decisions should be easy to understand. Actions should be easily reversible. An add-in is not a destination – it’s an enhancement to Office functionality.

  • Diseñe para todas las plataformas y métodos de entrada. Los complementos están diseñados para que funcionen en todas las plataformas que admite Office, y la experiencia de usuario de su complemento debe estar optimizada para que funcione en diversas plataformas y factores de forma. Permita la compatibilidad con dispositivos dotados de ratón/teclado y entrada táctil, y asegúrese de que la interfaz de usuario HTML personalizada tiene capacidad de respuesta para adaptarse a diferentes factores de forma. Para obtener más información, consulte Tecnología táctil.Design for all platforms and input methods. Add-ins are designed to work on all the platforms that Office supports, and your add-in UX should be optimized to work across platforms and form factors. Support mouse/keyboard and touch input devices, and ensure that your custom HTML UI is responsive to adapt to different form factors. For more information, see Touch.

Ver tambiénSee also