Vocabulário Visual
Um resumo para consulta e referência
Published in
3 min readMar 9, 2017
Este documento busca resumir o Vocabulário Visual para arquitetura de informação e design de interação desenvolvido por Jesse James Garrett.
01. Elementos simples: páginas, arquivos e conjuntos
02. Criando relações: conectores e setas
03. Tudo de uma vez: conjuntos concorrentes
O conjunto concorrente é representado por um semicírculo.
Utilizado quando uma ação do usuário gera resultados simultâneos.
04. Separando: pontos de continuidade
05. Elementos comuns: áreas e áreas interativas
- área: grupo de páginas que possui um ou mais atributos comuns
- área iterativa: a área se repete em um número de elementos de informação e funcionalidades idênticas
06. Componentes reutilizáveis: áreas de fluxo e referências
- área de fluxo: agrupa as páginas pertencentes àquele fluxo
- referência do fluxo: representante do fluxo em todos os contextos em que o fluxo precisa ser repetido
Conceitos básicos para elementos condicionais
Fazendo escolhas: pontos de decisão
O sistema deve tomar uma decisão sobre o que será apresentado com base em uma ação do usuário.
Encontrando caminhos: setas e conectores condicionais
Usado quando um caminho pode ou não ser apresentado ao usuário.
Múltipla escolha: ramos condicionais
O sistema deve selecionar um caminho entre um número de opções mutuamente exclusivas a ser apresentadas ao usuário.
Os caminhos da página A para as páginas B, C e D são mutuamente exclusivos. Ou seja: se existe um caminho até B, os caminhos para C e D não existem.
Escolha mais um: seletores condicionais
Uma decisão, muitos caminhos: conjuntos
Algumas restrições se aplicam: áreas condicionais
