0
Arquitetura da Informação                  - Wireframes            ©2012 Cláudio Diniz Alves e Janicy Rocha
ESQUELETO           BASEOSSATURA            FUNDAÇÃOESTRUTURA           SUSTENTAÇÃOARMAÇÃO             TRAÇOS GERAISREUNIÃ...
O wireframe é um diagrama queespecifica uma página do website. Elerepresenta uma página definindo seuselementos, a hierarq...
Um wireframe (ou esquema de página, como é chamadoàs vezes) é um esboço básico de uma página individual,desenhado para ind...
por que os wireframessão úteis?• Arquitetos de Informação: usam paraespecificar cada página do website.• Diretores de Arte...
O wireframe é o primeiro documento que começa a dar formaao layout gráfico das páginas, por isso ele pode ser um fortemoti...
Quanto mais simples, melhor.
REFERÊNCIASREIS, G. A. Centrando a Arquitetura de Informação nousuário. São Paulo: Universidade de São Paulo – USP. Escola...
Arquitetura da Informação - Wireframes
Arquitetura da Informação - Wireframes
Arquitetura da Informação - Wireframes
Arquitetura da Informação - Wireframes
Upcoming SlideShare
Loading in...5
×

Arquitetura da Informação - Wireframes

1,060

Published on

Aula sobre wireframes.

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,060
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
37
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Arquitetura da Informação - Wireframes"

  1. 1. Arquitetura da Informação - Wireframes ©2012 Cláudio Diniz Alves e Janicy Rocha
  2. 2. ESQUELETO BASEOSSATURA FUNDAÇÃOESTRUTURA SUSTENTAÇÃOARMAÇÃO TRAÇOS GERAISREUNIÃO DE PARTES CARCAÇAORGANIZAÇÃO
  3. 3. O wireframe é um diagrama queespecifica uma página do website. Elerepresenta uma página definindo seuselementos, a hierarquia entre eles, seusagrupamentos e suas importânciasrelativas. Seu objetivo é especificar aimplementação da página e comunicaro conteúdo e as funções de cada páginapara discussão com a equipe do projeto.
  4. 4. Um wireframe (ou esquema de página, como é chamadoàs vezes) é um esboço básico de uma página individual,desenhado para indicar os elementos da página, seusrelacionamentos e suas importâncias relativas. Eleé muito parecido com a armação que um escultor fazantes de adicionar barro: ele dá forma e provê suporte.
  5. 5. por que os wireframessão úteis?• Arquitetos de Informação: usam paraespecificar cada página do website.• Diretores de Arte e Designers Gráficos:utilizam para definir a linha gráfica dowebsite e o layout de cada página.• Redatores e Produtores de Conteúdo: usampara especificar os conteúdos das páginas.• Empresa contratante: usa para validar se oconteúdo das páginas atende aos requisitosdo projeto.
  6. 6. O wireframe é o primeiro documento que começa a dar formaao layout gráfico das páginas, por isso ele pode ser um fortemotivo de discussão entre o arquiteto de informação e odesigner gráfico. Apesar de não ser seu foco, o wireframeapresenta uma sugestão de organização espacial para olayout da página, o que pode restringir a liberdade criativado designer gráfico. Sugere-se que o wireframe seja fruto deum trabalho de equipe, criado em conjunto pelo arquiteto deinformação e pelo designer gráfico.
  7. 7. Quanto mais simples, melhor.
  8. 8. REFERÊNCIASREIS, G. A. Centrando a Arquitetura de Informação nousuário. São Paulo: Universidade de São Paulo – USP. Escolade Comunicação e Artes. SP, 2007. Disseração (Mestrado emCiência da Informação). 250p.ROSENFELD, L.; MORVILLE, P. Information architecture for theWorld Wide Web. Sebastopol. CA: O’Reilly, 2007. 508p.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×