Um diagrama é uma representação visual sobre um determinado conceito. O diagrama de navegação demonstra, visualmente, como será a estrutura de navegação entre as telas (páginas web). Em específico o de navegação, é também chamado de fluxograma ou diagrama de fluxo.
Nele é importante apresentar a ordem das informações, as decisões e as possíveis ações. Para mais informações sobre os como utilizar os estênceis (matriz para aplicação rápida de formas ou desenhos).
Na área de design e comunicação, os tipos de estêncil mais comuns são os de Garrett. Para entender melhor como utilizar as formas do método de Garrett, leia o artigo: Um Vocabulário Visual para AI e Design de Interação.
Conheça um exemplo de diagrama de fluxo de navegação (em inglês) e as significações das formas utilizadas (em inglês).
Veja na imagem abaixo, como utilizar o recurso de criação de diagramas no Axure.
1. No painel Sitemap, converta uma página em diagrama de fluxo (Diagram Type > Flow).
2. No painel Widgets, mude a biblioteca de itens para Flow.
3. Para ligar as formas, utilize o modo conector (Connector Mode) e para selecionar as formas o de seleção (Select Mode), na barra de ferramentas no topo do Axure, na seção Selection Mode, à direita da tela.
O recurso de gerar diagrama de fluxo (Generate Flow Diagram) é adequado quando a criação de páginas obedeceu corretamente o fluxo de navegação, caso contrário o resultado gerado não representará o que foi planejado. É necessário ter atenção aos detalhes para obter o máximo dos recursos do Axure.
 |
| Inteface do Axure para criação de diagramas de navegação ou fluxogramas |
Referência
Axure. Flow Diagram. Disponível em <http://www.axure.com/learn/flow-diagrams>. Acesso em Out 2013.
Assine aqui com seu email
ConversionConversão EmoticonEmoticon