# User Experience
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](/uploads/c36415ce948058e9cd0362a8ffc7caaa/mockup_2.jpg)

## #1 - Design de interface: criação dos wireframes

### Menu Principal
![Menu](/uploads/14590763ec9ce2b7abbbd4b4483bd7c2/Menu.JPG)

### Menu Sanduíche e Área do Usuário
![MenSand_Usuario](/uploads/6185a133f13af504c6a5e94715fd3e98/MenSand_Usuario.JPG)

### Produtos Disponiveis
![Prod_Disp](/uploads/48f3ba10c5c58d7cd61eeb358b24f987/Prod_Disp.JPG)

### Colheita, Montagem das Cestas e Entregas
![Colheita_Entrega](/uploads/e42ca03039402ffdb675b0bca4c07c75/Colheita_Entrega.JPG)

## #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 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)


## #3 - Perguntas e pontos a serem esclarecidos e/ou explorados sobre UX.

Perguntas que fizemos para a Victoria sobre UX. Nesta conversa, conseguimos listar também alguns pontos que precisam ser esclarecidos, e que podem ter influência no design do aplicativo. 

[Perguntas sobre UX: 02/03/2018](/uploads/23987867fcf51b37c9f82e4eaf9691de/Perguntas_sobre_UX_e_IHC_.pdf)

## Padrões

![pattern](/uploads/4fcaa1d0c8a1345b28c4322f0555ebf1/pattern.jpg)