Arquitetura da Informação - Wireframes
description
Transcript of Arquitetura da Informação - Wireframes
![Page 1: Arquitetura da Informação - Wireframes](https://reader033.fdocuments.net/reader033/viewer/2022050722/54904781b4795982638b4fa6/html5/thumbnails/1.jpg)
Arquitetura da Informação - Wireframes
©2012 Cláudio Diniz Alves e Janicy Rocha
![Page 2: Arquitetura da Informação - Wireframes](https://reader033.fdocuments.net/reader033/viewer/2022050722/54904781b4795982638b4fa6/html5/thumbnails/2.jpg)
ESQUELETO
OSSATURA
ESTRUTURA
ARMAÇÃO
REUNIÃO DE PARTES
ORGANIZAÇÃO
BASE
FUNDAÇÃO
SUSTENTAÇÃO
TRAÇOS GERAIS
CARCAÇA
![Page 3: Arquitetura da Informação - Wireframes](https://reader033.fdocuments.net/reader033/viewer/2022050722/54904781b4795982638b4fa6/html5/thumbnails/3.jpg)
O wireframe é um diagrama que especifica uma página do website. Ele representa uma página definindo seus elementos, a hierarquia entre eles, seus agrupamentos e suas importâncias relativas. Seu objetivo é especificar a implementação da página e comunicar o conteúdo e as funções de cada página para discussão com a equipe do projeto.
![Page 4: Arquitetura da Informação - Wireframes](https://reader033.fdocuments.net/reader033/viewer/2022050722/54904781b4795982638b4fa6/html5/thumbnails/4.jpg)
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, seus relacionamentos e suas importâncias relativas. Ele é muito parecido com a armação que um escultor faz antes de adicionar barro: ele dá forma e provê suporte.
![Page 5: Arquitetura da Informação - Wireframes](https://reader033.fdocuments.net/reader033/viewer/2022050722/54904781b4795982638b4fa6/html5/thumbnails/5.jpg)
• Arquitetos de Informação: usam para especificar cada página do website.
• Diretores de Arte e Designers Gráficos: utilizam para definir a linha gráfica do website e o layout de cada página.
• Redatores e Produtores de Conteúdo: usam para especificar os conteúdos das páginas.
• Empresa contratante: usa para validar se o conteúdo das páginas atende aos requisitos do projeto.
PoR quE os wIREfRAmEs são útEIs?
![Page 6: Arquitetura da Informação - Wireframes](https://reader033.fdocuments.net/reader033/viewer/2022050722/54904781b4795982638b4fa6/html5/thumbnails/6.jpg)
O wireframe é o primeiro documento que começa a dar forma ao layout gráfico das páginas, por isso ele pode ser um forte motivo de discussão entre o arquiteto de informação e o designer gráfico. Apesar de não ser seu foco, o wireframe apresenta uma sugestão de organização espacial para o layout da página, o que pode restringir a liberdade criativa do designer gráfico. Sugere-se que o wireframe seja fruto de um trabalho de equipe, criado em conjunto pelo arquiteto de informação e pelo designer gráfico.
![Page 7: Arquitetura da Informação - Wireframes](https://reader033.fdocuments.net/reader033/viewer/2022050722/54904781b4795982638b4fa6/html5/thumbnails/7.jpg)
quanto mais simples, melhor.
![Page 8: Arquitetura da Informação - Wireframes](https://reader033.fdocuments.net/reader033/viewer/2022050722/54904781b4795982638b4fa6/html5/thumbnails/8.jpg)
![Page 9: Arquitetura da Informação - Wireframes](https://reader033.fdocuments.net/reader033/viewer/2022050722/54904781b4795982638b4fa6/html5/thumbnails/9.jpg)
![Page 10: Arquitetura da Informação - Wireframes](https://reader033.fdocuments.net/reader033/viewer/2022050722/54904781b4795982638b4fa6/html5/thumbnails/10.jpg)
![Page 11: Arquitetura da Informação - Wireframes](https://reader033.fdocuments.net/reader033/viewer/2022050722/54904781b4795982638b4fa6/html5/thumbnails/11.jpg)
![Page 12: Arquitetura da Informação - Wireframes](https://reader033.fdocuments.net/reader033/viewer/2022050722/54904781b4795982638b4fa6/html5/thumbnails/12.jpg)
REfERÊNCIAs
REIs, G. A. Centrando a Arquitetura de Informação no usuário. são Paulo: universidade de são Paulo – usP. Escola de Comunicação e Artes. sP, 2007. Disseração (mestrado em Ciência da Informação). 250p.
RosENfELD, L.; moRVILLE, P. Information architecture for the world wide web. sebastopol. CA: o’Reilly, 2007. 508p.