Recomendações para implementar uma arquitetura de informações
Aplica-se a esta recomendação da lista de verificação de Otimização da Experiência do Well-Architected para Power Platform:
| XO:03 | Implemente uma arquitetura de informações consistente. Facilite a localização de informações e funcionalidade. Dê pistas contextuais e indicadores visuais para orientar os usuários. Use rótulos consistentes e fáceis de usar para categorias, navegação e outros elementos informativos. |
|---|
Este guia descreve as recomendações para projetar uma arquitetura da informação eficaz para a carga de trabalho.
Estratégias-chave de design
A arquitetura da informação se refere à organização e à estrutura do conteúdo de um sistema e dos recursos. Ela afeta a maneira como os usuários percebem, compreendem e navegam no sistema. Um sistema bem arquitetado deve ter uma arquitetura da informação que priorize as necessidades e as tarefas do usuário em detrimento da lógica interna ou das restrições técnicas do sistema. Essa abordagem garante que os usuários podem encontrar e acessar com facilidade e eficiência as informações e os recursos de que precisam.
Ser consistente com estruturas de navegação
Uma navegação consistente melhora a orientação do usuário na experiência da carga de trabalho, facilitando transições suaves entre páginas ou telas. A navegação deve ser clara, intuitiva e previsível. Use os mesmos elementos de navegação – menus, guias, trilhas e botões – em toda a carga de trabalho e os coloque em locais consistentes. Verifique se a navegação reflete a hierarquia e os relacionamentos do conteúdo e se os usuários conseguem perceber facilmente a localização atual e os destinos em potencial.
Usar rótulos consistentes e fáceis de usar
Rótulos são os termos usados para identificar e explicar conteúdo e recursos, como títulos, menus, botões e links. Rótulos claros e consistentes ajudam os usuários a compreender e navegar facilmente pela experiência da carga de trabalho e a realizar as tarefas com eficiência. Os rótulos devem ser consistentes em termos de tom, idioma e formato, além de usar termos com os quais os usuários estejam familiarizados e prefiram. Por exemplo, se você usar o termo "conta" para se referir ao perfil e às configurações do usuário, use-o de maneira consistente durante toda a experiência da carga de trabalho e evite usar sinônimos como "perfil" ou "configurações".
Os elementos de navegação devem ter rótulos claros e descritivos que comuniquem a finalidade e o destino de cada elemento. Os usuários devem ser capazes de compreender o que cada elemento faz e aonde ele leva sem que seja necessário clicar ou tocar nele. Por exemplo, um item de menu identificado como "Produtos" dá mais informações do que um identificado como "Menu 1".
Dar pistas contextuais e indicadores visuais para orientar os usuários
Pistas contextuais e indicadores visuais são os elementos que ajudam os usuários a compreender o significado e a função do conteúdo e dos recursos. Entre os exemplos estão ícones, rótulos, cores, fontes e imagens. Eles devem ser consistentes em termos de estilo, tamanho e significado, além de corresponder às expectativas e às convenções do usuário. Por exemplo, se você usar um ícone de uma lupa para representar uma função de pesquisa, use-o de maneira consistente em todo o produto e verifique se ele se comporta da mesma maneira sempre que é usado.
Usar divulgação progressiva
A divulgação progressiva mantém os usuários concentrados em tarefas e objetivos primários, minimizando distrações de informações secundárias ou irrelevantes ou funcionalidades. Forneça a quantidade certa de informações e funcionalidade no momento certo, usando técnicas como ocultar, recolher, expandir ou revelar conteúdo e funcionalidade conforme necessário. Evite sobrecarregar ou distrair o usuário com muita ou pouca informação e funcionalidade. Permita aos usuários controlar o nível de detalhes e complexidade que desejam ver ou com os quais desejam interagir.
Uma demonstração de excelência da divulgação progressiva é o padrão de assistente. Assistente é um processo passo a passo que permite aos usuários inserir ou exibir informações em uma ordem prescrita e na qual as etapas subsequentes podem depender de informações inseridas nas anteriores. O detalhamento de processos complexos em etapas menores e sequenciais reduz a carga cognitiva sobre o usuário, em comparação com a revelação de todos os campos e informações de uma só vez. Essa abordagem oferece o mesmo conteúdo em um formato mais gerenciável e fácil de usar.
Categorizar informações e funcionalidades
A organização de informações e funcionalidades em grupos significativos e lógicos facilita para usuários encontrar e acessar as informações, além dos recursos da carga de trabalho. Agrupe e identifique o conteúdo e a funcionalidade em categorias significativas e lógicas, com base nas necessidades, nas tarefas e nas metas dos usuários. Use categorias mutuamente excludentes e coletivamente abrangentes, nas quais cada item pertence a uma única categoria e todos os itens sejam abrangidos pelas categorias. Não se esqueça de usar categorias que sejam coerentes e consistentes e se os itens dentro de cada categoria compartilham uma característica ou um critério comum.
Agrupar informações e funcionalidades em hierarquias
Organize e exiba o conteúdo e a funcionalidade em uma ordem hierárquica, com base na importância, na frequência ou na sequência de uso. Use uma abordagem de cima para baixo ou de baixo para cima, dependendo das preferências e dos comportamentos dos usuários. Use uma hierarquia superficial ou profunda, dependendo da quantidade e da complexidade do conteúdo e da funcionalidade. Use dicas e indicadores visuais, como tamanho, cor, forma ou posição, para mostrar as relações hierárquicas e os níveis.
Facilitação do Power Platform
A navegação do aplicativo baseado em modelo permite a você configurar agrupamentos de páginas em níveis variados. O designer de aplicativo oferece a você a possibilidade de gerenciar os formulários, as exibições e as páginas personalizadas dentro do aplicativo.
Os aplicativos de tela consistem em telas, com navegação obtida usando-se componentes nativos. Por exemplo, você pode usar uma galeria ou um contêiner de layout vertical para criar listas de elementos como nós, em que cada nó contém um elemento clicável, como um botão para navegar entre telas. Leve em consideração o uso de componentes personalizados para implementar componentes de navegação global reutilizáveis exibidos em todas as telas.
O controle Nav no Kit do Criador é uma boa opção para navegação primária. Uma lista de guias costuma ser usada para navegação secundária para alternar o conteúdo dentro de uma tela. Use o controle moderno Vincular para iniciar uma página da Web ou um aplicativo de tela. A navegação universal para recursos pode ser colocada em um cabeçalho de aplicativo global sobrepondo ícones de navegação clicáveis (ou ícones do Fluent) sobre o cabeçalho em um contêiner.
Para implementar um padrão de assistente, use o componente SubwayNav do Kit do Criador.
Informações relacionadas
Navegação em um aplicativo de tela