Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
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
Nächste SlideShare
Wird geladen in …5
×

Arquitetura da Informação - Wireframes

1.715 Aufrufe

Veröffentlicht am

Aula sobre wireframes.

Veröffentlicht in: Bildung
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

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.

×