Wire frame e mapa do site

2.024 visualizações

Publicada em

Publicada em: Tecnologia, Negócios
0 comentários
2 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
2.024
No SlideShare
0
A partir de incorporações
0
Número de incorporações
173
Ações
Compartilhamentos
0
Downloads
33
Comentários
0
Gostaram
2
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Wire frame e mapa do site

  1. 1. Mapa do Site<br />Descrição das páginas<br />Wireframe<br />Arquitetura da Informação<br />
  2. 2. Mapa do Site<br />O mapa do site é uma estrutura hierárquica das páginas contidas no site.<br />Nela você pode descrever também o conteúdo das páginas.<br />Para criação do mapa do site, utilizaremos uma ferramenta on-line, o writemaps: writemaps.com<br />
  3. 3. Exemplo<br />Fonte: www.imasters.com<br />
  4. 4. Descrição das páginas<br />Após a realização do briefing, já é possível definir o que cada página deve conter.<br />Definição das seções e sub-seções.<br />Página principal: Que informações devem conter.<br />
  5. 5. Wireframe<br />O wireframe é o documento para especificar os elementos que vão compor uma página.<br />Tem a finalidade de mostrar a disposição dos elementos na tela.<br />Serve como referência para o design da página.<br />Em um primeiro momento, pode ser feito a mão livre<br />Deve ser apresentado e aprovado pelo cliente para depois ser desenvolvido o design.<br />
  6. 6. Exemplos<br />
  7. 7. O wireframe pode ser feito:<br />Microsoft Visio<br />Software gráfico (Photoshop, CorelDraw)<br />www.lovelycharts.com<br />
  8. 8. Leia também<br />http://imasters.uol.com.br/artigo/9228/gerencia/documentacao_de_projetos_web_-_wireframes/<br />http://usabilidoido.com.br/quanto_mais_simples_o_wireframe_melhor.html<br />http://imasters.uol.com.br/artigo/7915/gerencia/docum5entacao_de_projetos_web_-_arquitetura_da_informacao/<br />

×