Rabiscoframe: explicando wireframes de forma simples

Rabiscoframe é uma ferramenta utilizada no UX Design, que ajuda os profissionais no momento de desenhar e demonstrar visualmente as suas ideias.

Rabiscoframe: explicando wireframes de forma simples

Precisa visualizar rapidamente o conceito de uma interface, mas está com pressa ou não consegue abrir um software gráfico para isso? Saiba que o rabiscoframe pode ajudar você!

A expressão é uma mistura descontraída dos termos "sketch" (esboço, rabisco) e "wireframe". E se você quer entender mais sobre essa ferramenta muito utilizada no universo do UX (User Experience), recomendamos que acompanhe essa leitura. Explicaremos o que é, qual a importância e como ele funciona na prática. Confira!

O que é rabiscoframe?

O wireframe, velho conhecido dos devs, é um protótipo da página de um site ou aplicativo, que permite visualizar como o produto final vai ficar, permitindo ajustes no esboço quantas vezes for necessário antes da finalização. Mas, e quando o(a) designer precisa idealizar essa elaboração de layout e não possui tempo ou as ferramentas necessárias? Basta desenhar um esboço. E é aí que entra o rabiscoframe!

Essa expressão é um nome abrasileirado da junção dos termos wireframe e sketching (rabisco) e, na prática, ela ajuda a dar “forma” ao wireframe, permitindo que a ideia e o plano de execução sejam testados. É uma ferramenta que ajuda a demonstrar as ideias visualmente, sem precisar abrir um software gráfico, tornando o processo muito mais rápido e prático.

Qual a importância de um rabiscoframe para a área de UX?

Rabiscoframe é uma ferramenta que ajuda os designers no momento de desenhar e demonstrar suas ideias. Com ele, é possível evitar discussões pouco produtivas, onde cada um dos participantes tem uma imagem diferente na cabeça, simplesmente pelo fato do desenho ilustrar, informalmente, a ideia.

Além de evitar mal-entendidos, ele evita prejuízos, previne refações, possibilitando, também, a alteração do esboço do site, bem como a participação do cliente nessas etapas do projeto, sem surpresas desagradáveis para ambas as partes.

Como o rabiscoframe funciona na prática?

O rabiscoframe não tem muito segredo, assim como os arquitetos, ao planejarem uma casa, desenham a planta baixa no papel antes de executarem a obra, o mesmo acontece com UX Design. Dessa forma o cliente consegue entender a estrutura do projeto e, assim como os móveis de uma casa, o lugar onde cada conteúdo vai ficar.

Para adotar o rabiscoframe, o primeiro passo é não ter vergonha. Se você não sabe desenhar, não se intimide, desenhe mesmo assim, afinal, nem todo mundo tem o dom. O importante é saber que isso tem pouca diferença na hora de rabiscar uma tela. Basta conseguir expressar no papel as suas ideias.

Além disso, essa tática, normalmente, é um exercício em grupo, se mostrando necessária nas discussões entre profissionais de UX, no momento em que começam a surgir as primeiras dúvidas e divergências de opiniões sobre o como determinada tela deve se comportar. É na hora do rabiscoframe que as soluções serão definidas.

Agora que você já sabe os principais benefícios e como fazer um rabiscoframe, que tal se aprofundar na experiência do usuário e saber mais sobre o UX Design? Na Digital House, temos o curso de Experiência do Usuário (UX), com aulas remotas e 100% ao vivo, você tem a oportunidade de se tornar um UX Designer aplicando todos os conceitos aprendidos na sala de aula em prática.
Inscreva-se e impulsione sua carreira profissional agora mesmo!

Fique por dentro das novidades do mercado tech. Assine nossa newsletter.