O diagrama é uma representação visual sobre um determinado conceito. Na AI, o diagrama de navegação demonstra, visualmente, como será a estrutura de navegação entre telas (ou páginas). 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.
Esta aula para alunos de Design se baseia no Vocabulário Visual desenvolvido pelo arquiteto de informação J. J. Garrett, e divulgado no site do Instituto de Arquitetura de Informação.