Wireframes

Wireframe é uma representação de baixa fidelidade de um projeto. Ele precisa trazer claramente os principais grupos de conteúdo, a estrutura de informação e a descrição básica de como vai ser a visualização do usuário. Considere os wireframes como o esqueleto do seu projeto. Você pode fazê-lo digitalmente ou até mesmo com papel e lápis.

Importante: mesmo fazendo à mão, não se esqueça das proporções: tente sempre trabalhar com desenhos de tamanho real do seu produto final. Por exemplo, se for fazer um aplicativo para celular, tenha um molde no papel com tamanho real da tela do celular. Isso ajuda bastante a organizar os elementos sem se perder nos tamanhos!