UX Study Case: Como desenvolver um aplicativo para compra de comida?

Mylene Nunes
Ladies That UX PT
Published in
6 min readNov 8, 2020

Recentemente realizei o processo seletivo de uma empresa do ramo de tecnologia para atuar no cargo UX Designer e uma das fases deste processo foi apresentar uma solução para um desafio.

Photo by abillionveg on Unsplash

Recentemente realizei o processo seletivo de uma empresa do ramo de tecnologia para atuar no cargo UX Designer e uma das fases deste processo foi apresentar uma solução para o seguinte desafio:

Desenvolvimento de um aplicativo que apresente duas marcas de um grupo de restaurantes, dando a opção
de qual marca o usuário quer acessar para efetuar a compra de sua refeição.

Apresentarei neste artigo o processo percorrido e os aprendizados obtidos no desenvolvimento deste projeto até a solução deste desafio em 5 dias (tempo disponibilizado pela empresa).

No desafio proposto o objetivo era colocar o processo de UX para a solução da demanda e entregar uma interface que demonstre nossa solução. A demanda era que o MVP (Produto Mínimo Viável) concluísse a venda, compreendendo todo o fluxo (acesso, cadastro, seleção de marca, seleção de categoria, sacola e acompanhamento de pedido).

Entendimento do Problema

Para melhor compreensão do problema, escolhi utilizar a matriz CSD e inseri todas as informações que tinha nesta ferramenta. A matriz CSD é de grande importância para este processo, pois nela são inseridos muitos dados importantes e dessa forma fica mais fácil alinhar as informações para buscar questionamentos a fim de entender o público.

Pesquisa

A próxima etapa foi desenvolver uma pesquisa on-line através da criação de um formulário com adaptação das perguntas com base na matriz CSD, a fim de confirmar as certezas, verificar as suposições e responder as dúvidas levantadas no processo.

Este questionário foi compartilhado em grupos de amigos e contatos e obteve 78 respostas . É de suma importância trabalhar com dados reais dar início ao estudo e planejamento do projeto, assim evita-se trabalhar suposições e adivinhações que podem não ajudar a alcançar o objetivo esperando.

Durante a coleta, foi descoberto que 73,3% dos usuários entrevistados pede comida online quando está sentindo fome. O comportamento de uso das funcionalidades do aplicativo também apareceram nos dados da pesquisa, 96,7% dos entrevistados responderam que se sentem animados e que adoram quando o aplicativo possui a função de acompanhamento de pedido. Sobre a segurança do aplicativo, 53,3% responderam que se sentem seguros ao pagar seu pedido através do aplicativo.

Durante a pesquisa qualitativa, os usuários comentaram sobre a importância para manter o aplicativo instalado em seu smartphone, as principais informações eram de possui uma variedade no cardápio, o restaurante ou marca ser sua favorita e a marca oferecer benefícios extras.

Entretanto, poucos usuários informaram a negativa de uso por falta da variedade de opções de cardápio ou que fariam o uso do aplicativo e após fariam a exclusão do mesmo devido a questões técnicas e gosto pessoal.

Persona

Com base nas informações coletadas na pesquisa foi possível a criação de duas personas que auxiliaram no processo da compreensão das principais características e particularidades do usuário. Este processo serve para facilitar os direcionamentos quando as dúvidas aparecem.

Persona 1 : Mariana, enfermeira
Persona 2: Pedro, assistente contábil

Stakeholder

O mapeamento de stakeholders é uma forma de conhecer todas as partes interessadas em um projeto. Ao realizar esse mapeamento, descobrimos como cada indivíduo do time/empresa será envolvido em cada etapa de desenvolvimento do projeto e como isso afeta o planejamento de informações para a construção do produto.

Imagem: Mapa de Stakeholder

Com o estudo feito, o grupo responsável pelas duas marcas (restaurantes) e os líderes de projetos são o que mais precisamos manter contato devido ao fluxo de informações que demandamos. A comunicação deve ser fluida e detalhada para que o usuário final não seja prejudicado.

Na camada central (ações relevantes e importância) temos os developers, ux/ui designer e colaboradores que atuam diretamente no projeto. Este grupo tem a segunda maior importância e influência das escolhas devido as informações recebidas e estudos realizados.

Na camada inferior destacam-se a imprensa e os apoiadores que darão o suporte necessário para que o aplicativo seja impulsionado no mercado.

Jornada do Usuário

Após o entendimento do problema e tendo em mente as personas definidas acima, desenvolvi a jornada do usuário, a fim de entender as suas dores, necessidades e percepções do usuário. Desta maneira, foi possível verificar os seus passos antes, durante e depois de sua jornada.

imagem: Jornada do Usuário

Fluxo

Após a coleta das informações, foi desenvolvido o fluxo das ações do usuário onde foi possível visualizar a funcionalidade do aplicativo e como ficaria a adaptação do mesmo ao usuário final.

Imagem: User Flow do Aplicativo

Wireframe

Após compreender a experiência que eu pretendia gerar com o aplicativo, chegou a hora de juntar os primeiros esboços de funcionalidade e aparência.

Com as entrevistas e pesquisas foi possível perceber que o usuário tem como principal objetivo ao utilizar o aplicativo, escolher sua comida favorita em seu restaurante favorito.

Imagem: Wireframe 1
Imagem: Wireframe 2

UI Design

Após o estudo através do wireframe, a próxima etapa realizada foi a construção do layout do aplicativo.

Foram escolhidas as cores vermelho, branco e tons de cinza para a interface. Na psicologia das cores, a cor vermelha estimula a energia, incentiva ações e a confiança nos usuários, além de fornecer estímulos relacionados a fome. Esta cor é muito utilizada por restaurantes. Já os tons de cinza e branco utilizados deixam a interface mais neutra e visivelmente menos poluída, causando um “respiro” ao usuário e ressaltando as cores importantes.

A interface conta com botões de ações em cores mais fortes, estimulando o usuário a clicar e realizar seu pedido.

Imagem: UI Design

Conclusão e aprendizado

Este projeto ressaltou a importância da pesquisa sobre os aspectos de funcionalidades e usabilidades para os usuários. Na etapa de construção da interface as informações obtidas durante o processo facilitaram a conclusão do teste.

Por se tratar de um teste, o estudo não pôde obter uma evolução porém acredito que o desenvolvimento das etapas de testes de usabilidade e prototipação seriam de grande valor para a construção do projeto.

O aprendizado que fica é a importância da coleta das informações e desenvolvimento das interfaces de acordo com o conhecimento obtido pelas pesquisas e a construção em cima destes dados.

E você, já participou de algum processo seletivo parecido? Ou está em fase de criação de seu portfólio em UX? Compartilhe a sua experiência!

--

--