El disseny UX/UI és molt més que una capa bonica. És la manera com un producte digital explica el seu funcionament, guia la decisió i redueix soroll.
Quan el disseny i el codi parlen el mateix idioma, l’experiència es converteix en un relat únic: el que veus és el que passa, i el que passa és el que el producte t’explica.
Aquesta és la mirada que, a DeMomentSomTres, hem aplicat a una plataforma cultural de referència: Euromus, una solució online de venta d’activitats culturals àmpliament utilitzada al sector que va confiar en nosaltres per donar-li un impuls amb criteri a nivell d’experiència d’usuari, accessibilitat i consistència entre pantalles.
En aquest article compartim aprenentatges que són útils per a qualsevol equip que vulgui millorar el seu producte amb disseny UX/UI.
Euromus, un referent que suma mirades
Euromus no és un experiment, és una solució implantada en múltiples institucions culturals. De fet, l’anàlisi de la plataforma inclou referències a implementacions com VINSEUM i Fundació Joan Miró, entre d’altres, que demostren el seu abast i la seva maduresa sectorial.
Quan una solució d’aquest volum ens demana una auditoria i millora, el repte no és “reinventar” sinó afinar: reforçar el relat del producte perquè l’usuari avanci amb seguretat, i assegurar que el codi sosté de manera coherent allò que el disseny comunica.
Per això, en aquest post inclourem captures de dues implementacions que coneixem i estimem: VINSEUM (ens toca de prop) i Fundació Joan Miró (una institució referent per a moltes persones del nostre equip). Aquest material ens ajudarà a il·lustrar patrons de bona experiència en contextos reals.
Què vol dir que disseny i codi parlin el mateix idioma?
Parlar el mateix idioma vol dir que el flux d’usuari queda clar des del primer clic, que les regles del producte es veuen i s’entenen, i que les accions i els estats tenen una representació visual coherent. A la pràctica:
- Un sol relat de producte. La seqüència de passos és comprensible i previsible: selecció de data, activitat, tarifa i franja. L’usuari sap on és i què vindrà després.
- Context que no es perd. Quan canvia la vista, l’usuari no hauria de sentir que canvia el codi que governa les regles del joc. Mantenir el context i la visibilitat del que ha triat és essencial per a la confiança.
- Accessibilitat que suma. Contrast adequat, informació textual que complementa icones i una semàntica clara ajuden tothom i, de retruc, milloren la conversió.
- Consistència entre pantalles i dispositius. El que aprens en un pas serveix per al següent i també en mòbil. La coherència és part del disseny UX/UI, no un extra.
La nostra mirada d’auditoria en disseny UX/UI
L’auditoria la vam enfocar amb ulls de producte: persones usuàries, objectius del negoci i lògica de plataforma. La documentació de treball estructura l’anàlisi en context, UX, accessibilitat, comportament responsiu i propostes de millora, per assegurar una visió holística i que es pot implementar des del primer dia.
A partir d’aquí, vam convertir la revisió en criteris agnòstics (aplicables a qualsevol tecnologia). No es tracta de “fer-ho bonic”, sinó de formalitzar decisions de disseny en regles verificables: ordre de passos, persistència d’estat, deshabilitació coherent d’opcions, feedback proper a l’acció i missatges d’ajuda que expliquen què ha passat i com resoldre-ho.
Bones pràctiques que sempre funcionen
- Mostra el camí abans de demanar accions. El calendari i les activitats han de treballar plegats per reduir incertesa: si una data no és vàlida, deshabilita-la; si una activitat no està disponible, explica per què. Això evita seleccions que no porten enlloc.
- Feedback al costat de l’acció. Els missatges d’error o validació han d’aparèixer on l’usuari pot actuar immediatament, no a dalt de tot o lluny del camp que cal corregir.
- Text + icona = comprensió. Les icones són útils, però l’accessibilitat millora quan hi afegim text alternatiu o etiquetes que expliquin la funció.
- Coherència visual = coherència funcional. Si un botó vol dir “avançar”, ha de comportar-se sempre igual i tenir el mateix codi visual en totes les pantalles i dispositius.
- Evita canvis de codi no anunciats. Quan una vista canvia regles o comportaments, el disseny ho ha d’explicar. La previsibilitat és un pilar del disseny UX/UI.
El valor d’un “impuls amb criteri”
Parlar de disseny UX/UI amb criteri és assumir que cada microdecisió té impacte en la confiança i la taxa de conversió.
Quan una plataforma com Euromus —present en diversos equips i institucions— busca una segona mirada, el que fem és alinear els equips: que disseny, desenvolupament i negoci comparteixin el mateix mapa mental del producte.
Això és, documentem el flux, fem explícites les regles i consensuem la semàntica visual perquè qualsevol evolució posterior sigui més sòlida i més ràpida de desplegar. El resultat és més claredat, menys fricció i més inclusió: una experiència on l’usuari reconeix el patró i avança sense dubtes.
Conclusió
Quan disseny i codi parlen el mateix idioma, el producte deixa de “demanar” atenció i comença a donar claredat. És aquí on el disseny UX/UI desplega tot el seu valor: converteix l’arquitectura interna en comprensió externa, i transforma la tecnologia en experiència. En plataformes madures com Euromus, aquest impuls amb criteri no és cosmètic, és una manera de seguir creixent sobre base sòlida.
Si vols que revisem el teu producte digital amb aquesta mirada —on el disseny es converteix en especificació clara per al codi—, parlem-ne.
