← Back to list

Tela de conferência — App de picking

Cliente: Pão de Açúcar

Rivaldo Júnior · 2025-01-04 20:30 · 0 claps · 2.2 min read
#supermercado #conferências #ux #ui #usability
Open on Medium ↗
Wiki topics: UX · UI/UX Design

Tela de conferência — App de picking /verification screen

Cliente: Grupo Pão de Açúcar

**Etapas:

  • **Kick-off
  • Benchmarking
  • Wireframe
  • Validação interna
  • Validação com stakeholder
  • Prototipação HF
  • Validação com stakeholder

Problema inicial / Initical Problem:

PT Quando os clientes do Pão de açúcar fazem uma compra pelo app, os funcionários da loja recebem esse pedido no app do picking para que eles possam fazer a coleta corretamente. Para evitar que produtos errados cheguem aos clientes, é importante a conferência prévia dos itens do pedido. Esse fluxo já existia no app, porém era confuso, sua importância não era frisada e tinhas muitos problemas de usabilidade.

ENG When Pão de Açúcar customers make a purchase via the app, store employees receive the order in the picking app to ensure correct item collection. To prevent incorrect products from reaching customers, a prior item verification process is crucial. Although this verification flow already existed in the app, it was confusing, lacked emphasis on its importance, and had several usability issues.

Antigas telas / previous screens

Antigas telas / previous screens

Solução / Solution:

PT Para solucionar o problema, após fazer um benchmarking, fiz um wireframe (protótipo de baixa fidelidade) para primeiras discussões e, assim, poder seguir com o protótipo final.

ENG To address these issues, after conducting benchmarking, I created a wireframe (low-fidelity prototype) for initial discussions, allowing us to proceed with the final prototype.

wireframe

wireframe

PT Para as telas finais, eu e o time decidimos trazer a opção de conferência apenas por pedido, uma vez que foi relatado que a versão por rota era confusa e não tão necessária. Além disso, acrescentamos o botão de abrir a câmera na própria tela pois antes essa função era apenas ao pressionar o botão de volume do celular.

Por fim, decidi trazer um feedback com o uso de iconografia para cada volume coletado, e para as categorias (secos, congelados e resfriados) eu trabalhei com a numeração e cor como feedback da conferência.

ENG For the final screens, my team and I decided to introduce order-based verification, as the route-based version was reported to be confusing and unnecessary. Additionally, we added a camera button directly on the screen since previously, the function could only be accessed by pressing the phone’s volume button.

Finally, I implemented feedback using icons for each collected volume. For the categories (dry goods, frozen items, and refrigerated products), I used color coding and numbering as confirmation indicators.

Curent screens

Curent screens


메타데이터
post_id
0fbbf39b2ded
slug
tela-de-conferência-app-de-picking-0fbbf39b2ded
url
https://medium.com/@junior.batista.pe/tela-de-confer%C3%AAncia-app-de-picking-0fbbf39b2ded
canonical_url
https://medium.com/@junior.batista.pe/tela-de-confer%C3%AAncia-app-de-picking-0fbbf39b2ded
author_url
https://medium.com/@junior.batista.pe
status
ok
fetched_at
2026-08-17 11:18:04