... | ... | @@ -2,13 +2,33 @@ |
|
|
Esta área é dedicada a apresentar dados, decisões, mockups de telas e demais aspectos referentes à experiência do usuário dentro da aplicação.
|
|
|
|
|
|
## Principais considerações quanto às restrições dos usuários
|
|
|
No início do projeto, o time foi informado sobre algumas restrições de usabilidade da aplicação frente às características dos usuários finais - os produtores de alimentos orgânicos. Estes, muitas vezes, possuem um menor grau de instrução, sendo afetado o entendimento, principalmente, da linguagem escrita. Além disso, por serem pessoas com a idade um pouco mais elevada, bem como por residirem em regiões mais interioranas do Estado do Rio Grande do Sul, deveríamos esperar uma certa dificuldade quanto à utilização da tecnologia.
|
|
|
|
|
|
Tendo essas preocupações em mente, partimos com a concepção de que deveríamos criar uma experiência de representatividade do usuário com a aplicação desde a primeira tela, além de pensar em formas naturais e amigáveis de direcioná-los para o fluxo adequado dentro do aplicativo, de modo a evitar possíveis falhas durante a jornada de uso.
|
|
|
|
|
|
|
|
|
|
|
|
## Mockups da aplicação do lado do consumidor final
|
|
|
|
|
|
Para partir de uma base mais consistente na criação da interface do usuário, solicitamos à Mentha Orgânicos os *mockups* utilizados na criação da versão do consumidor final do aplicativo, onde buscamos algumas referências para a criação de nossas telas. Abaixo, seguem os *mockups* enviados pela Mentha Orgânicos.
|
|
|
|
|
|
![mockup_1](./imagens/mockups_cliente/mockup_1.jpg)
|
|
|
![mockup_2](/imagens/mockups_cliente/mockup_2.jpg)
|
|
|
![mockup_3](/imagens/mockups_cliente/mockup_3.jpg)
|
|
|
|
|
|
## Mockups das telas
|
|
|
## #1 - Design de interface: criação dos wireframes
|
|
|
|
|
|
### Tela 1
|
|
|
### Tela 2
|
|
|
### Tela 3
|
|
|
|
|
|
## #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.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
### Cadastrar |