No capítulo anterior...

Você preencheu o seu card sorting e conseguiu separar sua proposta de valor, as ações principais e secundárias do seu produto e até dividiu o que mostrar em cada uma das telas, sim?

Pois bem, chega de tanto escrever e vamos botar a mão na massa! Agora é hora de criar os famosos wireframes!

Exemplo que vamos usar nas aulas

Você não é obrigado(a) a seguir pelo mesmo caminho

O tema escolhido foi: processos seletivos e o problema é: plataformas de recrutamento cansam os candidatos

O que são wireframes?

Um wireframe é como um rascunho inicial (bem basiquinho) da página de um site ou aplicativo. nele, você começa a dividir as seções do seu app/site.

Lembra de quando você anotou no card sorting o que teria em cada uma das telinhas? Então, agora é hora de usar e abusar da sua lista e jogar tudo nos seus wireframes!

Ok, mas eu não sei nem por onde começar!

E tá tudo bem, logo eu trarei alguns vídeos mostrando como você começa a criar seus wireframes, certo?

Enquanto isso não acontece, você pode tentar fazer isso: pegue seu caderno e desenhe a forma de um celular. Então, comece a esboçar como você quer que seja o seu produto!

Eu não sou um artista...

Sinceramente? Nem eu!

Você não precisa desenhar com todos os detalhes do mundo, até porque os primeiros wireframes (chamados de baixa fidelidade) são só um rascunho bem primitivo

Desenhe formas como círculos e quadrados e escreva o que você quer que seja cada um deles!

Tá, não é tão difícil

Ótimo! Sabe o que você faz agora?

Continue fazendo suas telas. Coloque todas as funções que você gostaria que a sua solução tivesse e comece a ir detalhando aos poucos!

Parece não ser muito simples, por isso você pode ir com calma nessa hora e fazer aos poucos

Deu bom?

Se sim, top demais! se não, respira que eu te ajudo!

Se você tiver dúvidas sobre qualquer uma das etapas do projeto,
Pode entrar em contato comigo!
Vou tentar dar o meu melhor para te ajudar!

Te vejo na próxima aula!