Fazer o design de Suplementos do OfficeDesign Office Add-ins

Os suplementos ampliam a experiência do Office fornecendo funcionalidades contextuais que os usuários podem acessar nos clientes Office. Os suplementos capacitam os usuários a produzir mais, permitindo o acesso a funcionalidades de terceiros dentro do Office, sem mudanças de contexto dispendiosas.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.

O design da experiência de usuário do suplemento deve se integrar perfeitamente ao Office para proporcionar uma interação eficiente e natural aos usuários. Aproveite os comandos de suplemento para fornecer acesso ao seu suplemento e aplique nossas práticas recomendadas ao criar sua interface do usuário personalizada baseada em 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.

Princípios de design do OfficeOffice design principles

Os aplicativos do Office seguem um conjunto geral de diretrizes de interação. Esses apps compartilham conteúdo e possuem elementos com aparência e comportamento semelhantes. Essa convergência baseia-se em um conjunto de princípios de design. Eles ajudam a equipe do Office a criar interfaces que dão suporte a tarefas dos clientes. Ao compreender e seguir esses princípios, você poderá oferecer suporte às metas de seus clientes dentro do 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 os princípios de design do Office para criar experiências positivas com os suplementos:Follow the Office design principles to create positive add-in experiences:

  • Crie designs explicitamente para o Office. A funcionalidade e a aparência de um suplemento deve complementar harmoniosamente a experiência no Office. Os suplementos devem parecer nativos. Eles têm que se encaixar diretamente no Word em um iPad ou no PowerPoint Online. Um suplemento bem projetado será uma combinação adequada da sua experiência, da plataforma e do aplicativo do Office. Considere a possibilidade de usar o Office UI Fabric como sua linguagem de design. Aplique temas ao documento e à interface do usuário quando apropriado.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.

  • Concentre-se em algumas tarefas importantes e realize-as de forma adequada Ajude os clientes a concluir um trabalho sem interferir em outros trabalhos. Forneça um valor real aos clientes. Concentre-se em casos de uso comuns e escolha com cuidado aqueles que mais beneficiem os usuários durante a interação com documentos do 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.

  • Favoreça mais o conteúdo do que a aparência. Permita que a página, o slide ou a planilha dos clientes permaneça como o foco da experiência. Um suplemento é uma interface auxiliar. Nenhum elemento supérfluo de interface do usuário deve interferir no conteúdo e nas funcionalidades do suplemento. Crie uma identidade visual para sua experiência de maneira sensata. Sabemos que é importante fornecer aos usuários uma experiência reconhecível e exclusiva, mas evite distrações. Tente manter o foco no conteúdo e na conclusão de tarefas, não na 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.

  • Torne-o interessante e mantenha os usuários no controle.Make it enjoyable and keep users in control. As pessoas gostam de usar produtos funcionais e visualmente atraentes.People enjoy using products that are both functional and visually appealing. Crie sua experiência com atenção.Craft your experience carefully. Leve em conta cada interação e detalhe visual para acertar em todos os elementos.Get the details right by considering every interaction and visual detail. Permita que os usuários controlem a experiência.Allow users to control their experience. As etapas necessárias para concluir uma tarefa devem ser claras e relevantes.The necessary steps to complete a task must be clear and relevant. Decisões importantes devem ser fáceis de entender.Important decisions should be easy to understand. As ações devem ser revertidas com facilidade.Actions should be easily reversible. Um suplemento não é um destino, mas sim uma melhoria à funcionalidade do Office.An add-in is not a destination – it’s an enhancement to Office functionality.

  • Design para todas as plataformas e métodos de entrada. Os suplementos são projetados para funcionar em todas as plataformas com suporte do Office, portanto, a Experiência de Usuário do suplemento deve ser otimizada para funcionar em plataformas e fatores forma. Dê suporte a mouse/teclado e dispositivos de entrada por toque e verifique se a interface do usuário HTML personalizada responde na adaptação aos diversos fatores forma. Para saber mais, confira o tópico Otimizar para toque.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.

Confira tambémSee also