Projetos web:
Criação de modelos

Arquitetura da informação

Atividades relacionadas

Design estrutural (wireframes)

Aplicação de legendas nos diagramas

Atualizado em 9.7.2009

Se necessário abordar nas legendas das wireframes, em todas as páginas, os mesmos assuntos, deve-se colocá-los na mesma ordem, de forma que fiquem previsíveis

Se, por exemplo, a cada página se descreve (1) o conteúdo na área central e (2) uma nova animação, a ordem das legendas deve ser sempre (1) e (2), para organizar o ritmo da apresentação

A inserção de várias legendas, sobre diferentes assuntos, na mesma tela, dispersa o leitor, cuja atenção precisa se dividir entre textos e asuntos de diferentes ordens de prioridade. Uma legenda por slide conduz melhor a ordem do encadeamento dos assuntos

As legendas podem ser usadas também em seqüência para orientar a ordem de um processo

Por exemplo, a compra de um produto pode ser descrita passo a passo com legendas que apareçam sucessivamente na página, até que o processo seja inteiramente descrito

Ilustração do conceito:  Exemplo de wireframe legendada

Exemplo de wireframe legendada

Assuntos relacionados
Mapeamento de processos


Referências (Criação de modelos de web sites)
16 Design tools for prototyping and wireframing (acesso em 23.4.2009)
Review: 16 user interface prototyping tools (acesso em 12.1.2009)
Wireframes (blog de Jakub Linowski, acesso em 12.1.2009)

The guided wireframe narrative for rich internet applications (Boxes and Arrows, acesso em 28.6.2006)