... | ... | @@ -33,10 +33,13 @@ Para partir de uma base mais consistente na criação da interface do usuário, |
|
|
## #2 - Design de interface: mockup das telas
|
|
|
Para agilizar o processo, nos dividimos em duas frentes: uma responsável por preparar os wireframes e aprovar com o stakeholder principal; e a outra responsável por, com base nos wireframes aprovados, fazer um mockup mais detalhado e, posteriormente, aprová-los com a Mentha Orgânicos. Abaixo, segue os mockups referentes às telas já aprovadas:
|
|
|
|
|
|
### Login
|
|
|
A tela de login foi pensada seguindo a premissa inicial de buscar oferecer uma identificação do usuário com a aplicação desde o primeiro uso - para isso, utilizamos imagens de produtores agrícolas, reforçando a imagem de que, mais do que vender alimentos e produtos orgânicos, a aplicação foi pensada para as suas necessidades.
|
|
|
### Login e cadastro
|
|
|
A tela de login foi pensada seguindo a premissa inicial de buscar oferecer uma identificação do usuário com a aplicação desde o primeiro uso - para isso, utilizamos imagens de produtores agrícolas, reforçando a imagem de que, mais do que vender alimentos e produtos orgânicos, a aplicação foi pensada para as suas necessidades.
|
|
|
|
|
|
Continuando com a proposta de oferecer uma experiência de usuário agradável, minimizando o ruído durante a travessia dos golfos de execução e avaliação, procuramos, nas telas de cadastro - que demandarão dos usuários o input de informações - guiar as tomadas de decisões sempre que possível. Uma das maneiras que encontramos de alcançar esse objetivo foi apresentar campos de input onde os usuários possam selecionar os dados, evitando a necessidade de digitação. Outro fato digno de nota também é a divisão do processo de cadastramento de um novo usuário no sistema em várias subtelas, eliminando a impaciência gerada ao preencher um formulário muito grande.
|
|
|
|
|
|
![mockups](/uploads/2721de727d6cf6ac5f04da6f458c546f/mockups.png)
|
|
|
|
|
|
![Login](/uploads/4b68c29c2ed92f94c33d9fb1cfc72083/Login.png)
|
|
|
|
|
|
## #3 - Perguntas e pontos a serem esclarecidos e/ou explorados sobre UX.
|
|
|
|
... | ... | |