Sabies que el 94% dels consumidors no torna a una web si aquesta té un mal disseny? La raó per la qual no estàs aconseguint prou conversions al teu lloc web no sempre està relacionada amb els productes que vens o amb la teva estratègia de màrqueting. Si la teva pàgina té un disseny antiquat, descuidat i que no és responsive, la causa del teu baix rendiment està directament relacionada amb el disseny web (o disseny UX). I, per molt que tinguis altres aspectes optimitzats, si l’experiència d’usuari no és positiva, aconseguir vendes serà gairebé impossible.

Un disseny web optimitzat i centrat en el client transmet immediatament confiança i credibilitat a l’usuari, animant-lo a continuar navegant i augmentant les possibilitats de conversió. A més, en moltes ocasions, serà la primera impressió que el lead tindrà de la teva empresa. Dit d’una altra manera, el disseny web influeix més del que penses en la decisió final dels consumidors.

Basant-nos en la nostra experiència ajudant moltes marques a millorar el seu disseny UX, en aquest article hem recopilat els errors més comuns que solem veure en aquest àmbit. El nostre objectiu és donar-te les claus per millorar cadascun d’ells i aconseguir un disseny web que augmenti les taxes de permanència a la teva pàgina i generi més conversions.

Els 5 errors més comuns en disseny web (UX)

Caso de éxito en eCommerce

1. Navegació confusa i poc intuïtiva

Parlem de navegació confusa o poc intuïtiva quan una pàgina té una estructura de menú que no ajuda l’usuari a trobar el que busca. Però també quan els diferents elements que componen la web (botons, imatges, text…) dificulten el seu desplaçament per la pàgina.

També és molt habitual, sobretot en clients que venen una gran quantitat de productes o serveis, trobar webs laberíntiques formades per una gran quantitat de pàgines a les quals és complicat accedir des de la pàgina d’inici.

Tenir una pàgina web poc intuïtiva genera taxes de rebot molt altes i disminueix la satisfacció del client, afectant molt negativament la reputació de la marca. Fins i tot, pot posar en perill la retenció dels clients que ja han confiat en tu.

Per solucionar aquest problema, és fonamental dissenyar un menú de manera lògica, clara i el més senzilla possible, utilitzant categories i subcategories ben definides. En aquest sentit, en ocasions recomanem als nostres clients els coneguts com a menús hamburguesa, que són menús desplegables indicats amb tres línies horitzontals a la part superior de la web i que poden contenir una gran quantitat de seccions i subseccions sense alterar l’estètica del lloc.

D’altra banda, assegura’t que l’anchor text i les URL de la teva pàgina siguin concises, descriptives i coherents amb la web per tal que l’usuari es pugui orientar millor mentre navega per la pàgina.

2. Velocitat de càrrega lenta

Com ja va advertir Google al seu blog fa temps, els usuaris no tenen gaire paciència amb els llocs web que triguen a carregar-se. De fet, el 53% dels usuaris que visiten una web des del mòbil l’abandonen si triga més de tres segons a carregar-se. I aquest percentatge encara és més alt si parlem del temps de càrrega durant els processos de compra.

Que la teva web trigui més del desitjat pot deure’s a diferents factors: imatges de gran mida, excés de plugins o plugins no actualitzats, codi ineficient… Aquest és un problema relativament comú a moltes webs, i per això a Pukkas vam redactar un article en què aprofundim sobre com millorar la velocitat de càrrega del teu lloc. T’animem a llegir-lo si aquest és un dels problemes que està afectant l’experiència dels usuaris a la teva web.

Tanmateix, ja et podem avançar que una de les claus per tenir una web àgil és utilitzar un servei d’allotjament web de qualitat que ofereixi una estructura robusta.

Però, a més de perjudicar els usuaris, una velocitat de càrrega lenta també afecta el teu posicionament en els motors de cerca, ja que és un dels factors que Google té en compte a l’hora de donar visibilitat als llocs web a la SERP.

3. Disseny no responsive

Un disseny responsive és aquell que s’adapta sense problemes a qualsevol dispositiu (mòbil, ordinador, tauleta…) i que ofereix una experiència d’usuari satisfactòria en tots ells. En contraposició, trobem els dissenys fixos, que tenen una resolució específica. Si, per exemple, només has dissenyat la teva web per a escriptori, els usuaris de mòbil hauran de fer zoom per visualitzar la pàgina i desplaçar-se horitzontalment, cosa que dificulta molt la navegació.

A Pukkas, quan ens encarreguem del disseny web dels nostres clients, prioritzem el disseny mobile-first, ja que el 73,1% de les vegades que un usuari abandona un lloc web és perquè no s’adapta als dispositius mòbils. Però aquesta no és l’única raó: Google també prioritza el contingut adaptat a mòbil en els seus resultats de cerca. Per aquest motiu, primer dissenyem la versió per a mòbils i, posteriorment, l’expandim per adaptar-la a pantalles més grans.

Abans de donar per finalitzat el disseny, sempre realitzem múltiples proves en diferents dispositius i navegadors per identificar possibles errors i perfeccionar el resultat final.

4. Absència de CTA clars

Un bon disseny web també ha de guiar l’usuari a realitzar accions específiques que, a més, siguin d’interès per a la marca. Això s’aconsegueix amb botons que continguin crides a l’acció específiques, clares i concises. Els botons de compra, d’inscripció a la newsletter, de contacte o d’afegir al carretó són fonamentals en una web.

Aquest error de no incloure botons amb CTA clars a la web el solem trobar en aquelles empreses que només es fixen en dissenyar una pàgina estèticament bonica i amb un gran potencial visual. Això està bé, però no hem d’oblidar que una web també ha de ser funcional.

A Pukkas, quan dissenyem la pàgina web d’un client, sabem que un botó de CTA és efectiu quan compleix els següents requisits:

  • És visualment atractiu.
  • Està ubicat en un lloc estratègic.
  • És fàcilment identificable.
  • El text que conté és curt, clar i persuasiu.

Un cop la web va estar llesta, vam poder posar en pràctica la nostra fase dos, que consistia a posar en marxa el màrqueting digital de l’empresa. La nostra principal línia d’actuació va ser treballar el posicionament SEO On-page a través de la creació de contingut orgànic. Això ho vam fer publicant articles per a la seva secció de blog i també optimitzant les seves pàgines de producte. De fet, a dia d’avui, la gran majoria de les seves vendes en línia provenen del contingut orgànic, el que ens permet generar unes vendes constants i no dependre només de la inversió en Ads.

No obstant això, a Pukkas vam dissenyar per a ells un pla estratègic 360º en què vam implementar tot tipus d’accions de màrqueting. A més del SEO i dels anuncis, també vam treballar el seu perfil a Google Merchant Center, la seva presència a les xarxes socials, les seves accions de email màrqueting i la publicitat programàtica.

5. Disseny poc professional o desactualitzat

Una pàgina web pot tenir una velocitat de càrrega correcta, uns CTA atractius, un disseny responsive i estar ben organitzada, però tot i així no convertir. Si aquest és el teu cas, potser la clau de la qüestió està en que presenta una estètica una mica antiquada.

L’estètica de les webs canvia amb el pas del temps i el que un dia va ser una web moderna i atractiva pot deixar de ser-ho, ja que les modes i els gustos canvien. Això és quelcom que passa a nivell general en el disseny, i prova d’això són els logos de les marques, que experimenten modificacions al llarg del temps.

Si un usuari entra en una web amb una estètica obsoleta, ràpidament associarà la marca amb alguna cosa antiga i desfasada, i la seva confiança disminuirà. A Pukkas, sempre que redissenyem una web o comencem un disseny des de zero, tenim molt en compte donar-li a la pàgina un aspecte modern i adaptat als temps, però sense renunciar a l’estil propi i a l’estètica de cada marca. Un exemple d’això és la web que vam dissenyar per a la multinacional Moventia, a la qual li vam donar un aire fresc, modern i atractiu respectant el manual de marca i la imatge corporativa.

Així podem ajudar-te a millorar el teu disseny web (UX) a Pukkas:

Quan un client ens contacta per millorar el disseny web de la seva pàgina, sempre seguim la mateixa metodologia de treball, però amb un enfocament personalitzat. Això ens permet organitzar-nos i obtenir un resultat professional, a la vegada que únic.

Després de conèixer els teus objectius i dificultats, analitzem la web per detectar punts de millora i aquells aspectes que estan dificultant les teves conversions. Segons les conclusions dels nostres experts, redissenyarem completament la pàgina o, si aquesta té una bona base, només tocarem aquells punts que estan impedint que puguis aprofitar tot el trànsit que aconsegueixes. Per acabar, posem a prova els canvis en diferents dispositius i entorns amb l’objectiu d’assegurar-nos que la web es llança en perfecte estat i realitzem els canvis necessaris després de la prova.

Si creus que el disseny web és el que està fallant en el teu objectiu de aconseguir més vendes, t’invitem a contactar amb nosaltres. Realitzarem una auditoria totalment gratuïta de l’estat de la teva web i t’oferirem un diagnòstic detallat. No subestimis el poder d’un bon disseny web.