Wireframes, Blueprints, Protótipos, Storyboards, Mock Ups, Diagramas de conteúdo…
Postado em: 27 de março de 2008 por Pedro Rogério
O que é um Wireframe?
É uma representação esquemática de uma página web sem elementos gráficos que mostram o conteúdo e o comportamento das páginas. Servem como ferramenta de comunicação e discussão entre arquitetos de informação, programadores, desenvolvedores e clientes.
Quando utilizar? Quais as vantagens? Que tipo de informação deve conter? Como fazer? Todas essas e outras várias perguntas são respondidas no ótimo Guia sobre Wireframes desenvolvido por Olga Carreras. Leitura obrigatória para Arquitetos de Informação e para aqueles que querem se aventurar nesse mundo.
Fernando disse: 27.03.08 ás 07:49
Para deixar um pouco mais claro sua explicação:
É uma maneira simples de demonstrar uma possível estrutura do site ao cliente.
Acertei?
Pedro Rogério disse: 27.03.08 ás 09:59
@Fernando,
Sim, com certeza. Não só para o cliente, mas para toda a equipe envolvida no projeto.
Victor Leonardo disse: 27.03.08 ás 10:37
“Interanssantíssimo” esse post da Olga, vale horas e horas despendidas, mas bem aproveitadas, para ler o artigo.
Tenho um enorme interesse em virar um arquiteto de informação e esse artigo abrange bem essa área. Recomendo fortemente a leitura, assim como o Pedro, a leitura do mesmo.
Pedro Rogério disse: 27.03.08 ás 17:10
@Victor,
Legal o seu interesse, também tenho interesse em virar arquiteto de informação, se quiser depois trocar umas idéias sobre isso, é só entrar em contato.
Juliano Oliveira disse: 28.03.08 ás 07:58
Muito bom post! Valeu a dica!
[]´s
Como criar Protótipos Interativos com o Visio » Pinceladas da Web - Reflexões sobre XHTML, CSS, PHP e WebStandards disse: 23.04.08 ás 06:01
[...] sabem que é muito simples criar protótipos interativos em HTML a partir de um set de Wireframes (Arquivo > Salvar como página Web). Mas dessa forma ocorre uma desvantagem se você [...]