george

sobre o processo, comecei fazendo alguns brainstorms com uma fidelidade beeeem baixa usando a técnica crazy-8 com o objetivo de tentar imaginar layouts diferentes em um tempo curto. gosto de começar pela crazy-8 exatamente pelo fator do tempo me forçar a tentar blocos diferentes de uma forma rápida.

em seguida, comecei a dar um pouco mais de forma aos rascunhos, vendo as informações mais importantes e como elas ficavam juntas arrumando a hierarquia. nesse momento, priorizei o mobile porque normalmente faço projetos pensando em mobile-first e depois eu expando para o desktop. e também porque o mobile iria ficar muito parecido na versão desktop por causa da visão em cascata.

comecei a transferir o rascunho para um wireframe digital e comecei a me importar com a grid e como cada elemento iria realmente estar posicionado na tela. para espaçamento, usei a grid de 8 pts e para tipografia usei a de 4 pts.
uma inspiração que eu usei nesse projeto foi uma das organizações de tela do mac finder (macos) que você clica em um item na primeira coluna e ele abre esse item na segunda e assim por diante, isso faz mover entre projetos e task de uma forma ágil e rápida.

a única parte que não funciona no estilo cascata é a visão kanban; nesse momento a pessoa usuária pode ter seu foco inteiro em um único projeto.

e depois disso, comecei a finalizar as telas aplicando a ui no mobile e desktop