O slideshow foi denunciado.
Seu SlideShare está sendo baixado. ×

Wire frame e mapa do site

Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Carregando em…3
×

Confira estes a seguir

1 de 8 Anúncio

Mais Conteúdo rRelacionado

Semelhante a Wire frame e mapa do site (20)

Mais de Elisângela X. P. dos Santos (15)

Anúncio

Mais recentes (20)

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 />

×