1. Mapa do Site Descrição das páginas Wireframe Arquitetura da Informação

2. Mapa do Site O mapa do site é uma estrutura hierárquica das páginas contidas no site. Nela você pode descrever também o conteúdo das páginas. Para criação do mapa do site, utilizaremos uma ferramenta on-line, o writemaps: writemaps.com

3. Exemplo Fonte: www.imasters.com

4. Descrição das páginas Após a realização do briefing, já é possível definir o que cada página deve conter. Definição das seções e sub-seções. Página principal: Que informações devem conter.

5. Wireframe O wireframe é o documento para especificar os elementos que vão compor uma página. Tem a finalidade de mostrar a disposição dos elementos na tela. Serve como referência para o design da página. Em um primeiro momento, pode ser feito a mão livre Deve ser apresentado e aprovado pelo cliente para depois ser desenvolvido o design.

6. Exemplos

7. O wireframe pode ser feito: Microsoft Visio Software gráfico (Photoshop, CorelDraw) www.lovelycharts.com

8. Leia também http://imasters.uol.com.br/artigo/9228/gerencia/documentacao_de_projetos_web_-_wireframes/ http://usabilidoido.com.br/quanto_mais_simples_o_wireframe_melhor.html http://imasters.uol.com.br/artigo/7915/gerencia/docum5entacao_de_projetos_web_-_arquitetura_da_informacao/