Este artigo é patrocinado por: «A sua instituição aqui» |
O que é um Website wireframe
Um Website wireframe (ou apenas wireframe) é uma espécie de protótipo ou ilustração de um website usado por webdesigners para propor a estrutura e a navegabilidade entre as páginas do dito website. Nesta ilustração é apresentado um layout dos elementos fundamentais da interface, incluindo a arquitetura de navegação e a disposição dos conteúdos (textos e imagens gráficas) para apresentação e validação pelo proprietário/utilizador do website, antes do desenvolvimento artístico e programação. Além de constituir uma ferramenta de comunicação com o proprietário ou utilizador do website, o wireframe é também uma ferramenta de trabalho e de comunicação entre designers e programadores, ajudando e facilitando o processo de criação.
Para fases muito iniciais e para websites mais simples, um wireframe desenhado em papel é a técnica mais utilizada. Contudo, para projetos mais complexos são muitas vezes utilizados softwares como o Visio, o Mockingbird, o Balsamiq, o iPlotz, o Pidoco, o InDesign, o Illustrator, o Photoshop, o Adobe Fireworks ou o OmniGraffle. Existem ainda softwares específicos para criação de wireframes de alta fidelidade como o Axure, o ProtoShare, o Justinmind ou o Irise. De referir ainda o Pidoco e o Protoshare, duas ferramentas online para criação de wireframes de forma colaborativa.