Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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,448 views

Published on

Aula sobre wireframes.

Published in: Education
  • Be the first to comment

  • Be the first to like this

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.

×