Qual é o significado real de uma estrutura de arame de um projeto?
Um wireframe é uma representação visual muito simples do design de layout de um projeto, usada para comunicar rapidamente os aspectos básicos do projeto. É comumente usado no desenvolvimento web, mas como uma técnica também foi adotada em outros domínios.
Em uma pergunta muito semelhante no User Experience Stack Exchange, DA01, o autor das principais respostas votadas observa:
Dito isto, uma estrutura de arame é um esboço para comunicar a ideia / conceito. O termo vem da modelagem 3D, em que a estrutura de arame é as primitivas básicas do objeto para fornecer uma sensação de forma e escala sem comprometer-se com um modelo totalmente renderizado.
No contexto de sites, os wireframes servem a vários propósitos, dependendo do contexto do projeto. Estes podem incluir:
- fluxo do site (normalmente feito com fluxogramas)
- interações (nem sempre é fácil documentar em uma estrutura de arame, mas é comum)
- estrutura geral de conteúdo
- layout geral da página
Aqui estão alguns exemplos de wireframes , instantâneos iniciais da área51 do Stack Exchange :
O artigo Wireframes de Andreas Wulf : uma ótima maneira de iniciar projetos de desenvolvimento no InfoQ fornece uma rápida visão geral de quem está usando wireframes:
Quem usa os wireframes?
Os wireframes são uma ferramenta de comunicação eficaz, da qual todos os envolvidos no processo de desenvolvimento podem se beneficiar:
- CLIENTES - entenda melhor o que será desenvolvido e pode julgar se a solução atende adequadamente às suas necessidades. Eles podem ver se algo está faltando na interface do usuário, quais ações estão disponíveis e como os elementos da interface são reunidos. Freqüentemente, exibir uma estrutura de arame para as partes interessadas nos negócios traz à tona aspectos importantes não considerados anteriormente. Isso é bom porque corrigir problemas no estágio de wireframing é muito mais fácil e mais barato do que corrigi-los mais tarde, quando eles são definidos no código.
- GERENTES DE PROJETO - use wireframes para garantir que todas as partes interessadas estejam na mesma página e concordem com o que será construído. À medida que o projeto avança, eles podem usar os wireframes como listas de verificação para acompanhar o progresso e verificar se tudo o que é importante foi considerado e implementado.
- DESIGNERS - podem contar com wireframes como plantas para o design visual da interface do usuário. Os wireframes fornecem a estrutura esquelética que eles podem transformar em modelos perfeitos com pixels, cores, fontes e outros elementos de design.
- DESENVOLVEDORES - use wireframes para entender a funcionalidade e os requisitos técnicos da solução. Um monte de wireframes reunidos em um storyboard pode ser útil para os desenvolvedores na determinação de como uma série de interações do usuário deve funcionar em conjunto.
Leitura adicional: