![](https://static.wixstatic.com/media/9fa330_98d2866ba1d748c0925f0690f1a95a82~mv2.png/v1/fill/w_49,h_28,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/9fa330_98d2866ba1d748c0925f0690f1a95a82~mv2.png)
Redesign Feuer 367
Estudo de caso
Desafio
Desenvolvi este projeto fictício como parte do teste técnico na minha posição atual como Mentor Trainee de design na Apple Developer Academy. O objetivo foi melhorar o aplicativo do Restaurante Feuer 367, exclusivo para iOS, permitindo que os clientes fizessem pedidos diretamente pelo aplicativo, minimizando o contato pessoal.
Posição
Research, UX, UI
Solução
Redesign do aplicativo do Restaurante Feuer 367, utilizando uma abordagem centrada no usuário. Realizei uma pesquisa detalhada e apliquei a análise heurística para identificar e melhorar os principais pontos de dor dos usuários. Isso resultou em um redesign focado em otimizar a experiência do cliente e aumentar o engajamento.
Escopo
5 dias
Design Review e Pesquisa
Design Review
Conduzi uma análise sobre as telas atual do aplicativo para encontrar problemas evidentes de usabilidade. Analisei alguns pontos para aprofundar o entendimento do fluxo, navegação, funcionalidades e arquitetura geral. Essa análise permitiu identificar com precisão problemas de usabilidade e pontos críticos que precisam ser abordados.
![](https://static.wixstatic.com/media/9fa330_bb45b856ea8746e1a046501313d58f98~mv2.png/v1/fill/w_49,h_64,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/9fa330_bb45b856ea8746e1a046501313d58f98~mv2.png)
Analisando as avaliações
Como havia uma necessidade de agilidade e poucas informações sobre o app, optei por olhar as suas avaliações em busca de necessidades dos usuários. Apesar do número limitado de comentários sobre o aplicativo, percebe-se a presença de problemas significativos de usabilidade e de fluxo.
![](https://static.wixstatic.com/media/9fa330_8ede5699f27d406499ef850d17467572~mv2.png/v1/fill/w_49,h_36,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/9fa330_8ede5699f27d406499ef850d17467572~mv2.png)
Principais Pontos
O usuário acessa Delivery mas não pode concluir o pedido devido à funcionalidade incompleta e erros não tratados.
Botões mal posicionados e sem indicações claras, com falta de feedback visual ao adicionar itens ao carrinho e ausência de tela de confirmação de pedido.
Categorias e listagem de pratos em ordem não intuitiva, com descrições sem hierarquia visual, dificultando a navegação e a compreensão.
Análise Heurística
Conduzi uma análise heurística como uma forma de contornar o problema de tempo reduzido e pouco recurso para realizar uma pesquisa com usuários. Dessa forma, poderia descobrir problemas e depois priorizar de acordo com a gravidade.
Utilizei a escala de gravidade definida por Jacob Nielsen:
Problema cosmético
Menor problema de usabilidade
Maior problema de usabilidade
Catástrofe de usabilidade
![](https://static.wixstatic.com/media/9fa330_05cf46b82e4c45c58f480b3c47802338~mv2.png/v1/fill/w_49,h_111,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/9fa330_05cf46b82e4c45c58f480b3c47802338~mv2.png)
Utilizei de uma matriz impacto-esforço para definir dois problemas que serão o foco principal nos protótipos.
Problema: Usuário não consegue remover ou editar um produto do carrinho.
Adicionar funcionalidade de edição no carrinho é uma melhoria prática que requer modificações menores na interface e lógica do carrinho, proporcionando um grande benefício ao permitir que os usuários corrijam erros e ajustem pedidos facilmente.
Problema: Usuário não consegue ver o resumo do pedido após finalizar a compra.
Adicionar uma tela de resumo é uma alteração de interface que pode ser implementada sem grandes dificuldades técnicas. Esta solução oferece uma confirmação clara para o usuário, reduzindo a ansiedade sobre se o pedido foi registrado corretamente.
Definição
Jornada do usuário
Após uma análise detalhada do funcionamento do aplicativo, identificação de problemas visíveis e comparação com os concorrentes, desenvolvi uma jornada do usuário para aprofundar a compreensão dos pontos críticos e identificar possíveis oportunidades de melhoria.
Essa jornada permitiu uma visão holística das interações dos usuários com o aplicativo, destacando áreas de fricção e sugerindo caminhos para aprimoramentos significativos.
![](https://static.wixstatic.com/media/9fa330_80faaa1683c44a9e85f9005366d140fc~mv2.png/v1/fill/w_49,h_31,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/9fa330_80faaa1683c44a9e85f9005366d140fc~mv2.png)
Principais Decisões
Pedir as informações sobre nome e mesa quando o usuário decidir finalizar o pedido
Ordenar as categorias em uma lista como filtro
Adicionar barra de pesquisa na navbar
Facilitar o pagamento adicionando outras formas
Ideação e prototipação
Fluxo de usuário
Para melhorar e simplificar a navegação dentro do aplicativo, propõe-se uma abordagem em que o usuário primeiro visualize os pratos disponíveis e faça suas seleções antes de inserir informações de identificação. Isso permite que os usuários se concentrem inicialmente na escolha dos itens desejados, tornando a experiência mais fluida e intuitiva.
Após a seleção dos pratos, o usuário é direcionado para inserir suas informações de identificação, facilitando o processo de pedido e minimizando potenciais pontos de atrito.
![](https://static.wixstatic.com/media/9fa330_0e04647783b54d7ab30436db43bfa916~mv2.png/v1/fill/w_49,h_50,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/9fa330_0e04647783b54d7ab30436db43bfa916~mv2.png)
Low-Fi
Priorizei as principais telas com foco em explicar possíveis soluções e no fluxo principal do usuário.
![](https://static.wixstatic.com/media/9fa330_ab480d32c79e4e50b75c9ea80cb31491~mv2.jpg/v1/fill/w_147,h_110,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/9fa330_ab480d32c79e4e50b75c9ea80cb31491~mv2.jpg)
![](https://static.wixstatic.com/media/9fa330_2adb834141fc4ff5891fd8f0bb1571ca~mv2.jpg/v1/fill/w_147,h_110,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/9fa330_2adb834141fc4ff5891fd8f0bb1571ca~mv2.jpg)
Protótipo Hi-Fi
Visando abordar os principais problemas de usabilidade e consistência de design, foi desenvolvido um protótipo de alta fidelidade para aprimorar a experiência do usuário.
Mantendo a identidade visual do restaurante através do uso das cores, foi estabelecida uma padronização e hierarquia visual para direcionar a atenção do usuário para os elementos mais importantes.
Conclusão
Durante a elaboração da proposta, enfrentamos o desafio de não poder realizar entrevistas diretas com os usuários, o que dificultou o processo de coleta de feedback direto. Para contornar essa limitação, optei por uma análise heurística, que possibilitou identificar e priorizar os problemas mais críticos da interface do aplicativo. Esse método permitiu a identificação de diversas áreas de melhoria, proporcionando uma base sólida para futuras iterações e aprimoramentos.
O que Foi Aprendido:
Os usuários precisam de uma interface que ofereça visibilidade clara sobre suas ações, como a quantidade de itens adicionados ao carrinho e a capacidade de editar ou remover produtos facilmente.
Manter uma interface consistente e padronizada é crucial para evitar confusões e garantir uma experiência de usuário fluida. Elementos visuais e interativos devem ser uniformes em todo o aplicativo.
O feedback imediato sobre as ações do usuário, como a confirmação de pedidos ou a adição de itens ao carrinho, é essencial para construir confiança e satisfação.
Melhorias Futuras:
Realizar Testes de Usabilidade
Implementar um Sistema de Feedback
Personalização de Pedidos
Sistema de Recompensas
Aprimoramento de Busca e Filtros
Ao aplicar essas melhorias, esperamos não apenas resolver os problemas identificados, mas também proporcionar uma experiência de usuário mais satisfatória e eficiente, fomentando o uso contínuo e a lealdade dos usuários ao aplicativo.