Design da Informação

Navegação

Ferramentas de navegação


Um fluxograma (flow maps) demonstra a navegação do sistema em níveis mais profundos. O objetivo é reunir todos os wireframes, mostrar os caminhos entre eles e indicar pontos desencadeadores para os processos de navegação. Dicas para mapas de fluxo eficazes [7]:

  • Organizar wireframes em grupos relacionados com a tarefa que suportam, utilizar código de cores e rótulos claros, evitar linhas de fluxo excessivamente longas;

  • Empregar uma linguagem visual consistente para seus mapas de fluxo com legendas explicativas;

  • Mostrar a navegação para os elementos da página-chave. Em componentes de navegação recorrentes, como menus principais, barras laterais etc. usar textos explicativos para não repeti-los em todos os wireframes;

  • Disponibilizar o mapa de fluxo em uma área comum e incentivar membros da equipe a fazer anotações sobre os mapas de fluxo. Ter uma estratégia de manutenção.