01
Redisseny pantalla crítica
Menys pantalles, menys passos, mateix objectiu — redissenyat des de l'arrel.
- UX Research
- UI Design
- Mobile
- Tablet
El problema
Un mòdul que havia crescut amb lògica pròpia a cada pantalla.
El mòdul de comandes havia crescut de forma orgànica fins a acumular múltiples pantalles, cadascuna amb la seva pròpia representació del producte i les seves pròpies regles de navegació. El mateix objecte es podia veure i editar de formes diferents segons des d'on arribessis: la informació disponible i les accions possibles variaven depenent del camí pres.
El resultat era una xarxa de destinacions on l'agent havia de conèixer de memòria què mostrava cada pantalla, quines accions estaven disponibles des de cada punt i com tornar al lloc correcte. L'experiència depenia més del coneixement acumulat del sistema que de la lògica de la pròpia tasca.
El proceso
- 01DiagnòsticLa combinació d'anàlisi heurística i feedback directe d'usuaris va revelar que el problema no era visual: l'arquitectura d'informació no reflectia com pensen els comercials quan treballen
- 02Mapeig del fluxDocumentar el flux existent pantalla a pantalla va exposar la fragmentació real: 6 pantalles per a una tasca bàsica, accions duplicades, informació repetida en formats diferents
- 03Decisió centralAbans de dissenyar res nou, calia resoldre una pregunta d'arquitectura: què és un producte en aquest sistema? La resposta — una entitat única amb vistes diferents — va desbloquejar tot el que venia després
- 04Fitxa unificadaUna sola fitxa de producte, accessible des del catàleg i des de la comanda. Mateixa estructura, mateixes accions, quantitats i descomptes integrats. Sense diàlegs anidats ni interrupcions del flux.
- 05Validació i produccióPrototip validat amb usuaris reals abans del llançament. En producció, totes les accions crítiques van millorar: reducció mínima de l'11% i màxima del 46% en nombre de clicks
La solución
Fitxa de producte unificada
Una sola representació del producte, compartida entre catàleg i comanda. Mateixa estructura, mateixes accions, sense canvi de context.
Càlcul de descomptes integrat
Quantitats i descomptes es gestionen directament sobre la fitxa, en el moment i el lloc on són rellevants.
Navegació coherent
Catàleg i comanda són vistes del mateix flux, no destinacions separades. L'usuari pot moure's entre elles sense ruptures de context.
Historial contextual
L'historial de compres del client és accessible des de la comanda activa, sense abandonar el context.
Tecnología
- FigmaDisseny d'interfície i prototipat interactiu
- FigJamMapeig de fluxos, arquitectura d'informació i dinàmiques amb l'equip
Reflexión
La interfície era un mirall del model de dades
L'excés de passos no era un error de disseny — era el resultat d'exposar a la interfície una incoherència del model: catàleg i comanda operaven sobre representacions diferents del mateix producte, i l'usuari havia de compensar aquesta inconsistència cada vegada que navegava entre ells.
Resoldre l'arquitectura d'informació abans de tocar el disseny visual va ser el que va fer possible simplificar el flux. Un cop catàleg i comanda compartien el mateix model de producte, reduir pantalles, eliminar passos redundants i mesurar la millora van ser conseqüències directes d'aquesta decisió.