O que é um wireframe de qualquer maneira?

Matt Carman ~ Fermented Pixels Blocked Desbloquear Seguir Seguindo 27 de dezembro de 2018

Você já pensou em erguer uma casa apenas começando com o empilhamento de tijolos e tijolos? Nós apostamos que não. Você vê, não é assim que acontece. Em primeiro lugar, você teria que ter um layout básico da casa (chamado blueprint) e, em seguida, os recursos para construir o edifício que você está fazendo.

Mesmo que exponha o esquema da casa, você primeiro tem que fazer um brainstorm de muitas ideias, omitir isso e incluir isso, até que você tenha o seu momento “aha!” E finalize seu projeto.

Por que estamos falando de construção quando o artigo é sobre wireframe?

Boa pergunta. Aqui está o porquê….

Um wireframe é o projeto de qualquer projeto

Mantenha nossa filosofia de construção em mente e agora pense em um wireframe como a mesma coisa que um blueprint, mas apenas para uma UI / UX de um aplicativo ou um website. Há também uma outra diferença: os wireframes são criados por um designer UI / UX.

Assim, verdade seja dita, o principal objetivo de um wireframe é fornecer a indicação estrutural dos elementos de design de qualquer site ou aplicativo. Isto é normalmente baseado nas informações percebidas através de muitos canais que ditam a navegação e a compreensão geral do site / aplicativo em questão.

Então, como você pode ver, criar um wireframe é mais importante do que você pensa, tanto para o proprietário do website / aplicativo quanto para o designer. Ela dá confiança a ambos para realizarem a emenda de seus produtos até a etapa final, sem serem dominados pelo design real deles.

Mas esta não é a única coisa que faz.

Por que criar wireframes, afinal?

Por uma questão de economizar espaço, vamos começar resumindo a resposta. O wireframing é importante porque

• Apresenta as informações que farão parte dos produtos finais,

• Mostra-nos como cada página está ligada e quão fácil é a navegação e, mais importante,

  • Isso nos ajuda a decidir quanto espaço cada elemento de design / conteúdo precisa para que as coisas não repelem os visitantes, porque eles são muito improvisados.

Fidelidade – melhor amigo de Wireframe

Ok, então você não viu isso depois de todos os benefícios, mas é importante discutir o que significa fidelidade nos reinos de wireframe.

A fidelidade de qualquer coisa se refere à sua complexidade. Não é como se essa palavra tivesse algum significado mágico em wireframing, mas, no geral, é seu melhor amigo. Existem duas facetas para isso.

1. wireframe de baixa fidelidade

Como o nome pode lhe dar uma indicação, wireframes de baixa fidelidade têm baixa complexidade. Eles podem ser meros desenhos, esboços ou imagens descomplicadas que dão uma ideia básica de como os estágios de design vão continuar. Para qualquer projetista de UX, o low-fid pode ser apenas um dos seus pensamentos iniciais e, portanto, eles são muito fáceis de criar. Além disso, eles podem ser facilmente descartados para criar tudo de novo se, por exemplo, o designer tiver alguma outra coisa em mente.

2. Wireframe de alta fidelidade

Em comparação com o wireframe low-fid, este nos fornece uma imagem detalhada das opções de tipos, conteúdo, imagens e qualquer outro elemento de design de um site ou aplicativo. Com isso, um designer simplesmente tem uma ideia da realidade do site ou aplicativo.

Então, isso é tudo do básico sobre wireframe. Esperamos que você tenha entendido tudo e queira começar agora mesmo. Se for esse o caso, vamos falar sobre o seu design!