Per què alguns llocs web generen una connexió amb els seus usuaris mentre que d’altres els fan marxar en segons? Sovint, no té res a veure amb el que ofereixes ni amb els preus, sinó amb quelcom més subtil: el disseny UX / UI del teu web no cuida la part emocional dels visitants.
El Stanford Web Credibility Project, desenvolupat pel Laboratori de Tecnologia Persuasiva de la Universitat de Stanford, va investigar com les persones avaluen la credibilitat dels llocs web. En un estudi, es va demanar a 2.684 participants que valoressin la credibilitat de webs en deu categories diferents. Els resultats van revelar que el 46,1% dels usuaris basaven la seva avaluació principalment en aspectes visuals, com el disseny general, la tipografia, la mida de les fonts i la combinació de colors.
Aquesta tendència era més pronunciada en webs de finances (54,6%), cercadors (52,6%), viatges (50,5%) i e-commerce (46,2%), i menys comuna en webs de salut (41,8%), notícies (39,6%) i organitzacions sense ànim de lucre (39,4%).
Aquests resultats subratllen la importància del disseny visual en la percepció de credibilitat d’un lloc web, indicant que els usuaris sovint jutgen la fiabilitat d’una pàgina per la seva aparença abans de considerar-ne el contingut.
Si actualment tens una web amb baixes conversions o una alta taxa de rebot, convé revisar si el disseny UX / UI s’ha pensat tenint en compte la part emocional del client. Tot i que pugui ser bonica i estètica, pot ser que no connecti amb l’audiència. En aquest article t’expliquem què és el disseny emocional i quines són les claus que seguim a Pukkas per implementar-lo en les webs dels nostres clients.
Què és l’Emotional Design en UX / UI i com pot impulsar el teu ecommerce?
L’Emotional Design en UX / UI és una disciplina que busca generar connexions emocionals entre els usuaris i les marques creant interfícies digitals que no només siguin funcionals i estètiques, sinó també memorables i que provoquin una resposta emocional en l’usuari.
Els 3 nivells de l’Emotional Design en la teva User Experience & Interface
El disseny emocional és un terme creat per l’acadèmic Donald Norman. Ell el va anomenar disseny centrat en l’usuari, però el concepte ha anat evolucionant fins a ser conegut com a disseny emocional o affective design en anglès. Segons Norman, hi ha tres nivells de processament emocional que influeixen en l’experiència de l’usuari i que s’han de tenir en compte a l’hora de dissenyar una web si volem que aquesta connecti emocionalment amb els clients potencials.
- Disseny visceral: està relacionat amb la resposta immediata i inconscient que es genera en els usuaris en veure el disseny. La provoquen principalment elements com el color, les formes i la tipografia. Aquesta resposta té un origen evolutiu i és la que ens permet avaluar ràpidament els diferents elements del web. Has sentit a dir allò de “la primera impressió és la que compta”? Doncs té molt a veure amb això.
Cuidar els elements que influeixen en aquesta primera impressió farà que l’usuari no abandoni el teu web a la primera de canvi. - Disseny conductual: és el que influeix en la satisfacció de l’usuari en fer servir, en aquest cas, la pàgina web. Per tant, està enfocat en la usabilitat i la funcionalitat de l’entorn amb l’objectiu que l’usuari se senti competent i còmode durant la interacció. En aquest cas, hi englobaríem les parts més tècniques d’un disseny web.
- Disseny reflexiu: en aquest cas, parlem del procés mental conscient en què l’usuari reflexiona sobre la seva experiència amb la pàgina web. A diferència del disseny visceral, influeix molt el context social i cultural de l’usuari. En aquest sentit, una web pot ser percebuda com a “més cutre” o “més exclusiva” depenent de l’usuari que la visiti.
- El disseny reflexiu és el que més pot variar d’una marca a una altra depenent del públic objectiu al qual es vulgui arribar i de la imatge que es vulgui transmetre.
Com pots veure, en una bona User Experience i User Interface no només hi influeixen els aspectes tècnics propis del disseny conductual, sinó també aquells aspectes que poden connectar de forma més sentimental amb l’usuari, com els que trobem en el disseny visceral i el reflexiu.
Quins 4 beneficis pot aportar una bona experiència d’usuari a la teva botiga online?
En un món tan competitiu com l’actual, en què qualsevol sector que vengui en línia compta amb una gran quantitat de marques entre les quals escollir, un disseny UX / UI que sigui emocional i impactant marcarà la diferència en el teu ecommerce. Això et permetrà establir relacions més significatives amb els teus clients potencials i influir directament en el seu comportament, satisfacció i fidelitat a la teva botiga online.
A continuació, aprofundim en què suposa per a la teva empresa desenvolupar un disseny web emocional:
1 – Increment de les taxes de fidelització i retenció
Si l’usuari connecta emocionalment amb el web en tots els sentits, és a dir, en els tres nivells dels quals hem parlat abans, hi haurà més possibilitats que vulgui tornar-hi a comprar. I no només això, també serà més probable que el recomani.
2 – Millora de la imatge de marca i del reconeixement de marca
Desenvolupar un web pensant en la part emocional de l’usuari ajuda a crear un entorn en què es reflecteixin els valors més importants per al públic objectiu. Això és molt útil per començar a ser vist com un referent en el sector i com una marca amb una alta professionalitat.
Tot i que els tres nivells de disseny dels quals hem parlat abans són molt importants, el disseny reflexiu és el més determinant en aquest sentit.
3 – Reducció de les taxes d’abandonament
Els usuaris poden arribar a abandonar un web fins i tot si només han tingut una experiència negativa o no els ha agradat un detall del disseny. Amb l’emotional design també es busca minimitzar al màxim els punts de fricció que hi pugui haver i crear interaccions agradables.
4 – Augment del ROI i de les conversions
Les marques que connecten emocionalment tenen més possibilitats de guiar l’usuari a realitzar l’acció desitjada i també poden veure reduïts els costos associats a l’adquisició de nous clients, ja que s’aprofita al màxim el valor dels clients existents.
Com connectar amb els teus usuaris a través del UX / UI
Al llarg de l’article hem parlat molt de connectar emocionalment, però… què vol dir realment això? Més enllà de crear un disseny còmode, funcional i estèticament agradable, que seria més aviat tasca de la part més tècnica del disseny (com hem vist en el disseny conductual) i de la part més visceral, un disseny emocional ha d’evocar emocions específiques que enforteixin la relació entre l’usuari i la marca.
Parlem d’emocions com confiança, credibilitat, pertinença, proximitat… Aquestes només són algunes, ja que les emocions que es volen provocar en l’usuari dependran del tipus de marca, dels seus objectius, valors i del tipus de client al qual es vulgui arribar. Però la idea és que, a través d’aquestes emocions, s’influeixi en el comportament de l’usuari.
Per exemple, un web que tingui com a principal objectiu transmetre seguretat aconsegueix transmetre aquesta sensació a través del disseny. Per aconseguir-ho, són elements clau com:
- Colors, tipografia i elements gràfics que reflecteixin la personalitat de la marca i les emocions que es volen evocar. El vermell, per exemple, s’utilitza sovint per evocar urgència o passió, mentre que els tons verds representen frescor i naturalesa. El mateix passa amb la tipografia: algunes transmeten serietat i formalitat, mentre que altres són més desenfadades o infantils.
Perquè ho vegis més clar, Somiaz va ser un projecte que se’ns va encarregar. És una app per a la gestió del son, i per això vam triar una tipografia neta i suau, així com uns colors pastel, transmetent aquest moment de pau i calma que tots relacionem amb dormir. Si, per contra, haguéssim triat tons vermellosos o negres, l’usuari no hauria connectat amb la marca ni s’hauria sentit còmode usant-la i, molt probablement, no hauria tingut tant d’èxit a l’hora d’aconseguir usuaris.
- Petites il·lustracions que facin l’experiència més memorable i única. Això també es coneix com a iconografia i, a més, és molt important per diferenciar la imatge de marca de la competència.
Aquí pots veure alguns icones únics que el nostre equip de disseny ha creat per a alguns dels nostres clients, reflectint tant el seu sector com la seva essència i adaptant-se també a l’estil del públic objectiu al qual volen arribar. En el cas de Moventia, per exemple, es volia transmetre modernitat i innovació, però donar la sensació de ser un servei accessible. Per això es va crear una iconografia adaptada a la tendència estètica actual, però que s’entengués a la perfecció.
- Animació i microinteraccions: un recurs molt bo per augmentar la connexió emocional amb els usuaris és desenvolupar animacions pròpies o efectes visuals que reaccionin a les accions del visitant, com per exemple botons que canvien de color en ser clicats. Això genera, a més, que el web es percebi com a viu i cuidat, donant una major sensació de dinamisme. Podeu fer-ne una prova vosaltres mateixos en un dels nostres clients: croexsa.
- Vídeos: tenen un impacte sensorial complet i poden transmetre moltes emocions, ajudant a projectar fins i tot les més complexes. A més, els vídeos són més fàcils de recordar i poden augmentar el reconeixement de marca.
A més del disseny UX / UI emocional (emotional design, com preferiu), per connectar amb l’usuari també és important desenvolupar un bon UX writing al teu web, amb el qual, a través de les paraules i el contingut, aconsegueixis connectar amb l’audiència.
T’ajudem a crear una experiència única a través del teu web
Si necessites ajuda per crear un web realment únic i vols connectar emocionalment amb els teus clients a través d’ella, a Pukkas comptem amb un equip de disseny creatiu que posa en pràctica tot el que t’hem explicat en aquest article i molt més. Ens encanta conèixer projectes nous i donar-los un toc únic. Parlem?
