Wireframing é uma técnica que tem sido usada por designers de websites há algum tempo e com muito sucesso, pois combina os benefícios da baixa velocidade tecnológica e do barato com uma eficácia e clareza que a torna uma ferramenta extremamente útil e flexível nos estágios iniciais de design e desenvolvimento de websites.
A função básica de uma estrutura de arame é apresentar um modelo funcional e compreensível da estrutura, interface de usuário e conteúdo de um site e dar uma boa idéia da funcionalidade, fluxo de usuários e outras características que podem ser úteis tanto para designers quanto para outras partes interessadas na fase inicial de desenvolvimento.
Os Wireframes são freqüentemente desenvolvidos e entregues através de pacotes de software específicos, mas eles podem, concebivelmente, ser desenhos simples em papel ou quadro branco (ou pelo menos começar dessa forma antes de ser subsumidos a um meio mais sofisticado). Os blocos de construção de uma wireframe são geralmente caixas simples, linhas, textos e áreas sombreadas para representar o conteúdo, gráficos, funcionalidade e a relação e progressão entre eles. A hierarquia tipográfica e o layout também podem ser representados dentro da estrutura.
Dois tipos de armação de arame:
- O simples estrutura de arame vetorial ? uma série de telas desenhadas que representam aproximadamente os principais elementos do site com espaços reservados para gráficos, texto, funções etc. e com uma arquitetura aproximada construída em torno delas para descrever a navegação e as relações funcionais. Uma versão mais sofisticada pode incluir texto, comentários sobre funções e conteúdo e imagens e gráficos reais.
- O Estrutura de fio UI ? uma versão estática do site; portanto, as páginas em si são versões bem finais das páginas reais do site, mas não são vinculadas ou interativas, de modo que apenas mostram o conteúdo e as relações com outras partes do site. Também é possível produzir wireframes clicáveis, nos quais os testadores e as partes envolvidas no desenvolvimento podem clicar entre as páginas e os cabeçalhos para testar a navegabilidade, a lógica dos links e a compreensão da progressão.
As vantagens do uso de armação de arame:
- É rápido, simples, barato e fácil de trocar, por isso é uma boa ferramenta conceitual e de discussão;
- Concentrando-se na funcionalidade em vez de na aparência, há menos distrações em relação às relações estruturais e os desenvolvedores e colaboradores não ficam tão atolados em comentários sobre aparência, descritores, layout etc
- Ele fornece uma base visível, flexível e utilizável para a experimentação e discussão em torno da arquitetura e navegação e um meio de trabalhar através de idéias e questões que emergem do debate.
As possíveis desvantagens:
- Como é muito rude e carente de explicitação, requer alguma imaginação e esforço em nome do espectador;
- É geralmente lo-tech, portanto é bastante restritiva e só pode fornecer amplas ilustrações e conceitos em um ambiente primitivo.
A Wireframing é uma ferramenta muito eficaz no planejamento e desenvolvimento de websites. Se você gostaria de saber mais sobre a técnica por que não nos ligar em +44(0)800 0246247 ou nos envie um e-mail para hello@ux247.com
