Você está aqui:
Organizar páginas de painel com hierarquia visual
Organize cada página de painel para que os usuários a leiam em ordem natural, do panorama geral aos detalhes.
Use páginas de painel para contar uma história em camadas em um único painel, em vez de criar vários painéis separados. As páginas também melhoram o tempo de carregamento, pois somente as consultas na página padrão são executadas quando o painel é aberto.
Lead com um título, depois corpo e depois detalhes
- Título. Coloque as principais medidas e intervenções no topo, onde os usuários procuram primeiro.
- Corpo. Abaixo do título, mostre os gráficos que explicam e detalham essas medidas.
- Detalhes. Coloque tabelas granulares e informações de referência por último para os usuários que precisam se aprofundar.
Escolha um padrão de layout que guie o olhar
- Padrão F. Os usuários verificam na parte superior e, em seguida, no lado esquerdo. Use-o para painéis com alta densidade de conteúdo com muitos widgets.
- Padrão Z. O olho se move de cima para a esquerda para cima para a direita e, em seguida, diagonalmente para baixo. Use-o para painéis mais simples com uma chamada clara para ação.
- Lado a lado. Coloque as visualizações relacionadas lado a lado para dar suporte a comparação direta, como este período versus o último período.
Agrupar e alinhar para maior clareza
- Use widgets de contêiner para agrupar widgets relacionados e separar seções.
- Alinhe os widgets a uma grade consistente e mantenha o espaçamento uniforme.
- Use rótulos e cores da seção para reforçar o agrupamento.
- Deixe o espaço em branco para que cada seção seja fácil de distinguir.
Design do local em que o painel é visualizado
- Mostre detalhes completos em um aplicativo independente.
- Mostre menos métricas de nível superior ao integrar um painel a uma página de registro ou a página inicial.
Consulte também:
Este artigo resolveu seu problema?
Diga-nos para podermos melhorar!
