12
Arquitetura da Informação - Wireframes ©2012 Cláudio Diniz Alves e Janicy Rocha

Arquitetura da Informação - Wireframes

Embed Size (px)

DESCRIPTION

Aula sobre wireframes.

Citation preview

Page 1: Arquitetura da Informação - Wireframes

Arquitetura da Informação - Wireframes

©2012 Cláudio Diniz Alves e Janicy Rocha

Page 2: Arquitetura da Informação - Wireframes

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

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

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

• 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

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

quanto mais simples, melhor.

Page 8: Arquitetura da Informação - Wireframes
Page 9: Arquitetura da Informação - Wireframes
Page 10: Arquitetura da Informação - Wireframes
Page 11: Arquitetura da Informação - Wireframes
Page 12: Arquitetura da Informação - Wireframes

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.