– Estudo de Caso

Shangai Sushi App

Shagai Sushi é um pequeno restaurante de comida japonesa localizado numa área metropolitana de Portugal. Querem oferecer a possibilidade de fazer encomendas rapidamente com opções de recolha e entrega, em duas línguas (PT | EN) a preços competitivos. O Shagai Sush é voltado para clientes que desejam receber seus pedidos ou que desejam que a comida seja entregue onde quer que estejam.

Claudia Machado
Claudia Machado

Problema

As pessoas precisam pegar seus pedidos ou entregar onde quer que estejam, mas não entendem português.

Objetivos

Design de uma app que permite aos usuários encomendar e escolher pratos em duas línguas (PT | EN) que podem ser levantados ou entregues.

Duração do projeto

Outubro a Dezembro de 2021

Minha função

UX/UI designer

Responsibilidades

Realização de entrevistas • Wireframes em papel e digital • Prototipagem de baixa e alta fidelidade • Realização de estudos de usabilidade • Contabilização de acessibilidade 

Design Process – Design Thinking

Empathize

Define

Ideate

Prototype

Test

01. Pesquisa do Usuário

Conduziu entrevistas com usuários, que posteriormente transformaram mapas de empatia para melhor direcionar o usuário e suas necessidades. Descobrir que os usuários gostam de enviar flores e achar o processo de compra online uma atividade divertida e relaxante.

No entanto, muitos sites que vendem flores online são confusos para navegar ou frustram muitos usuários. Isso tornaria uma experiência normalmente agradável um desafio para eles, derrotando seu propósito de lazer.

Questões de entrevista

  1. O processo de criação de um perfil é fácil?
  2. Como é o processo de escolha de um sushi?
  3. É fácil mudar o idioma da App?
  4. Existem partes do aplicativo em que os usuários estão ficando presos?
  5. O processo de pagamento é fácil para o cliente?
  6. É necessária a opção de escanear o menu no aplicativo?

Pontos de dor

Tempo: Eles estão muito ocupados para gastar tempo para comer no restaurante

Acessibilidade: As plataformas para pedir comida não estão em outro idioma.

IA: Menus com muitas imagens em aplicativos geralmente são difíceis de ler e selecionar.

Persona

Catarina é uma trabalhadora adulta que precisa de fácil acesso às opções de pedidos de sushi porque tem pouco tempo para comer fora quando está trabalhando.

Persona Shangai Sushi App
User journey map Shangai Sushi App

Mapa da jornada do usuário

O mapeamento da jornada de Catarina revelou o quão útil seria para os usuários terem acesso a um aplicativo dedicado do Shangai Sushi.

02. Iniciando o projeto

Nesta fase, inicialmente usei wireframes em papel e digitais e protótipos de baixa fidelidade para testar ideias de design e fluxos de usuários. Realizei também um estudo de usabilidade para testar a “experiência inicial do produto”.

Wireframes em papel

Dediquei um tempo para rascunhar as iterações de cada tela do aplicativo em papel para garantir que os elementos que chegaram aos wireframes digitais fossem adequados para lidar com os pontos problemáticos do usuário. Para a tela inicial, priorizei um processo de pedido rápido e fácil para ajudar os usuários a economizar tempo e poder alterar o idioma rapidamente.

Paper wireframes Shangai Sushi App
Digital wireframe Shangai Sushi App

Wireframe digital

À medida que a fase inicial de design continuava, certifiquei-me de criar os designs de tela com base no feedback e nas descobertas da pesquisa do usuário.

Protótipo de baixa fidelidade

Usando o conjunto completo de wireframes digitais, criei um protótipo de baixa fidelidade. O principal fluxo de usuários que conectei foi escolher e pedir sushi e mudar o idioma para que o protótipo pudesse ser usado em um estudo de usabilidade.

Low-fidelity prototype Shangai Sushi App
Usability study Shangai Sushi App

Estudo de usabilidade

Realizei duas rodadas de estudos de usabilidade. As descobertas do primeiro estudo ajudaram a orientar os projetos de wireframes a maquetes. No segundo estudo foi utilizado protótipo de alta fidelidade e revelou quais aspetos precisavam ser refinados.

03. Refinando o design

Nesta fase, inicialmente criei mockups e protótipos de alta fidelidade para testar ideias de design e fluxos de usuários. Realizei também uma acessibilidade para testar e dar aos usuários a “experiência do produto final”.

Mockups

Os primeiros designs permitiam alguma customização, mas, após os estudos de usabilidade, acrescentei a funcioalidade para ver o tempo de entrega e receber uma mensagem quando o entragador estiver na porta para entregar a comida. Também revisei o design para que os usuários pudessem ver todas as opções colocadas no rodapé fixo.

Mockups Shangai Sushi App
Mockup Shangai Sushi App

O segundo estudo de usabilidade revelou frustração com o recebimento de informações de pedidos. Para melhorar, foi criado em uma tela com “Ver tempo de entrega” e “Receber mensagem”.

O segundo estudo de usabilidade também revelou frustração com a opção de entrega no processo de checkout. Adicionei a opção de retirada ou entrega na tela “Rever pedido” (“Revisar pedido”).

Mockup 3 Shangai Sushi App
High-fidelity prototype Shangai Sushi App

Protótipo de alta fidelidade

O protótipo final de alta fidelidade apresentou fluxos de usuário mais limpos para alteração de idioma e checkout. Também atendeu às necessidades do usuário de uma opção de coleta ou entrega, além de mais personalização.

Considerações de acessibilidade

As pessoas merecem igual acesso à informação, serviços e produtos, razão pela qual a acessibilidade é tão importante.

Accessibility considerations Shangai Sushi App
Final output Shangai Sushi App

Resultado final

04. Daqui para frente

Para expressar o conteúdo de formas visualmente distintas e manter a legibilidade, vários estilos de fonte foram usados. É a fonte Hind Madurai usada em toda App.

Impacto

O aplicativo faz com que os usuários sintam que o Shangai Sushi realmente se preocupa em atender às suas necessidades.

Uma citação do feedback de colegas:
O aplicativo é intuitivo e simples! Eu definitivamente usaria este aplicativo para pedir sushi.

O que aprendi

Ao projetar o aplicativo Shangai Sushi, aprendi que as primeiras ideias para o aplicativo são importantes para iniciar todo o processo. Estudos de usabilidade e feedback de colegas melhoraram cada interação de designs de aplicativos.

Próximos passos

Next steps Shangai Sushi App

Vamos Conversar?  

Se tens um projeto em mente ou está simplesmente interessado em saber mais, não seja tímido. Aguardo o teu contacto!