Arquitetura da Informao

- Wireframes

2012 Cludio Diniz Alves e Janicy Rocha

ESQUELETO BASE
OSSATURA FUNDAO
ESTRUTURA SUSTENTAO
ARMAO TRAOS GERAIS
REUNIO DE PARTES CARCAA
ORGANIZAO
O wireframe um diagrama que
especifica uma pgina do website. Ele
representa uma pgina definindo seus
elementos, a hierarquia entre eles, seus
agrupamentos e suas importncias
relativas. Seu objetivo especificar a
implementao da pgina e comunicar
o contedo e as funes de cada pgina
para discusso com a equipe do projeto.
Um wireframe (ou esquema de pgina, como chamado
s vezes) um esboo bsico de uma pgina individual,
desenhado para indicar os elementos da pgina, seus
relacionamentos e suas importncias relativas. Ele
muito parecido com a armao que um escultor faz
antes de adicionar barro: ele d forma e prov suporte.
por que os wireframes
so teis?
Arquitetos de Informao: usam para
especificar cada pgina do website.
Diretores de Arte e Designers Grficos:
utilizam para definir a linha grfica do
website e o layout de cada pgina.
Redatores e Produtores de Contedo: usam
para especificar os contedos das pginas.
Empresa contratante: usa para validar se o
contedo das pginas atende aos requisitos
do projeto.
O wireframe o primeiro documento que comea a dar forma
ao layout grfico das pginas, por isso ele pode ser um forte
motivo de discusso entre o arquiteto de informao e o
designer grfico. Apesar de no ser seu foco, o wireframe
apresenta uma sugesto de organizao espacial para o
layout da pgina, o que pode restringir a liberdade criativa
do designer grfico. Sugere-se que o wireframe seja fruto de
um trabalho de equipe, criado em conjunto pelo arquiteto de
informao e pelo designer grfico.
Quanto mais simples, melhor.
REFERNCIAS

REIS, G. A. Centrando a Arquitetura de Informao no

usurio. So Paulo: Universidade de So Paulo USP. Escola
de Comunicao e Artes. SP, 2007. Disserao (Mestrado em
Cincia da Informao). 250p.

ROSENFELD, L.; MORVILLE, P. Information architecture for the

World Wide Web. Sebastopol. CA: OReilly, 2007. 508p.