← Blog de Guindo Design, Disseny Estratègic de Producte Digital
Affordance i disseny pla: el que va perdre Gmail al seu redisseny
Un dels aspectes més criticats a Twitter sobre el redisseny recent de Gmail, i en general de les aplicacions de Google, és l'aspecte dels botons. A més d'eliminar les etiquetes i basar-se únicament en icones, el disseny és completament pla.
En conjunt, el nou look & feel transmet una aparença excessivament plana i monocroma, amb poc contrast i escasses pistes visuals que indiquin quins elements són clicables i quins no.
Un dels arguments principals d'aquest redisseny és la cerca de neteja i modernitat. Si bé és cert que la interfície resulta més depurada, també ho és que l'afany pel diàfan ha eliminat focus visuals clars, i el “raspall” de la modernitat s'ha emportat la affordance de molts elements.
Aquí és on entra en joc el concepte de affordance. Per definició, una affordance és la qualitat d'un objecte que ens dóna pistes sobre com es fa servir. En el cas dels botons, és el seu aspecte pulsable: els petits matisos de disseny que indiquen que sobresurt de la superfície i que es pot enfonsar en fer clic.
L'interessant és que no cal fer grans canvis per recuperar aquestes pistes. Petits ajustaments en el disseny poden marcar la diferència.
Prenguem com a base el disseny actual:
El disseny actual és senzill i elegant, però presenta un problema: visualment es podria interpretar tant com un botó com una caixa de text.
Per fer-ne més explícita la funció, podem elevar-lo lleugerament, com si sobresortís de la superfície de la interfície.
Ara el botó no és tan pla, hi ha una petita elevació a la zona central que ens convida a prémer-ho. Tot i així es pot realçar més.
Amb només aquestes tres modificacions, el botó ja es percep molt més pulsable, sense perdre coherència de color ni d'estil general. De manera similar, també es podria millorar el contrast entre missatges llegits i no llegits, o la diferenciació entre grups de missatges.
És possible que en aquest exercici hàgim sacrificat una mica de modernitat, però hem de recordar que fem servir aquestes aplicacions de manera intensiva cada dia. L'ergonomia, l'accessibilitat i la psicologia de la percepció són tan importants com l'estètica. Al capdavall, les modes són passatgeres, però la usabilitat roman.