Wireframes, Blueprints, Protótipos, Storyboards, Mock Ups, Diagramas de conteúdo…
Postado por: Pedro Rogério em
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.
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.
Para deixar um pouco mais claro sua explicação:
É uma maneira simples de demonstrar uma possível estrutura do site ao cliente.
Acertei?
:)
@Fernando,
Sim, com certeza. Não só para o cliente, mas para toda a equipe envolvida no projeto.
“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.
@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.
Muito bom post! Valeu a dica!
[]´s
[...] 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ê [...]