Mockup e Teste de Usabilidade

Mockup

Apesar do curso ser voltado para UX, havia uma tarefa opcional envolvendo UI, realizei ela e criei a interface das páginas. As cores já eram as que a ONG utilizava (vermelho, preto e branco). Por se tratar de um público jovem e ser uma ONG onde a ideia é ajudar o próximo e não uma autopromoção da imagem dos membros, decidi por utilizar as fontes minúsculas com o intuito de ser uma estrutura horizontal e não uma hierarquia. Foram escolhidas duas tipografias, a Cocogoose para os títulos a Arial para os textos corridos.

Foi interessante observar como toda a jornada anterior tem sua importância e como elas facilitam nessa etapa. Basicamente adicionei ícones, ajustei tamanhos, alterei as cores e adicionei imagens.

No próprio Adobe XD criei a interação entre as páginas e o tornei quase todo funcional, exceto em alguns detalhes como o cadastro dos membros e faltou algumas informações como o estatuto da ONG, então utilizei o “lorem ipsum”.

Teste de Usabilidade

Por fim, para testar todo esse processo apresentado, convidei 3 potenciais membros da ONG, em diferentes datas e testamos o protótipo remotamente via Skype. Pedi para eles realizarem 15 tarefas, como “Ler o último artigo publicado”, “Ver o relatório de abril”, “Voltar para home”, etc.

Nos dois primeiros testes as pessoas tiveram dificuldades apenas em uma tarefa, que coincidentemente estavam na mesma página, então a alterei e criar uma nova aba no menu antes de realizar o último teste. Ao realizar o terceiro teste a pessoa conseguiu concluir as tarefas sem nenhum problema, o que considerei como um sucesso.

Todos acharam o site bastante intuitivo e encontraram com facilidade em um ou no máximo dois cliques o que eu ia perguntando.

Conclusão

O curso da Awari foi essencial para descobrir o potencial que as ferramentas de UX tem, perceber como a parte da pesquisa faz a diferença para uma experiência mais prática e agradável para os usuários e facilita o trabalho dos UI designers.

A ideia agora é aprender mais, realizar mais projetos e o próximo passo para a ONG é encontrar um desenvolvedor para o site para ver na prática os resultados de todo esse estudo e ir evoluindo.

Agradeço imensamente a todos que me auxiliaram nessa jornada, participando de entrevistas e pesquisas, aos mentores da Awari: Andressa Siegel e Pedro Pim e principalmente ao Alex José presidente da querida ONG No Name, que esteve de braços abertos para essa experiência.