Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
  • A api
  • Project information
    • Project information
    • Activity
    • Labels
    • Planning hierarchy
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 0
    • Issues 0
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 0
    • Merge requests 0
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Mentha
  • api
  • Wiki
  • ux

Last edited by Eduardo Lima de Oliveira Apr 28, 2018
Page history

ux

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 mockup_2

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

Menu Principal

Menu

Menu Sanduíche e Área do Usuário

MenSand_Usuario

Produtos Disponiveis

Prod_Disp

Colheita, Montagem das Cestas e Entregas

Colheita_Entrega

#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

#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

Padrões

pattern

Clone repository
  • commit e branches
  • configurar ambiente de desenvolvimento
  • endpoints
  • engenharia de requisitos
  • estrutura analítica do projeto
  • glossario e modelo
  • Home
  • modelagem mongodb
    • 1. visao geral
    • 2. modelo conceitual
    • 2.1. mapeamento
  • reunioes
  • roadmap
  • sprints
  • termo de abertura do projeto
  • ux