UX Mòbil: 5 Errors que Espanten els teus Usuaris

Més del 60% del tràfic web és mòbil. Descobreix els errors d'UX més comuns que fan que els usuaris abandonin el teu web en segons.

El mòbil ja no és el futur: és el present. Més del 60% del tràfic web mundial prové de dispositius mòbils, i Google prioritza la versió mòbil del teu web per indexar-la. Si la teva experiència mòbil és deficient, estàs perdent clients i posicions a Google.

El 53% dels usuaris mòbils abandonen un lloc que tarda més de 3 segons a carregar — Google/SOASTA Research.

1. Botons Massa Petits i la Zona del Polze

L'error més comú és usar botons massa petits. Els dits necessiten àrees tàctils d'almenys 44×44 píxels. Però la mida no és l'únic que importa. La zona del polze determina on han d'estar els elements interactius:

• Zona verda (fàcil abast): Centre i part inferior de la pantalla — col·loca aquí els teus CTAs principals
• Zona groga (esforç moderat): Laterals — menús secundaris i navegació
• Zona vermella (difícil abast): Cantonades superiors — evita accions freqüents aquí
• Deixa 8px mínim entre elements interactius per evitar tocs accidentals

2. Velocitat de Càrrega: Cada Mil·lisegon Compta

La velocitat de càrrega és crítica en mòbil. Els usuaris esperen que un web carregui en menys de 3 segons.

Un retard d'1 segon en la càrrega mòbil redueix les conversions un 20% — Google.

• Comprimeix imatges amb WebP/AVIF: reducció del 50-70% respecte a JPEG
• Implementa lazy loading natiu: loading="lazy" en imatges fora del viewport
• Prioritza el CSS crític: inline el CSS del above-the-fold, defer la resta
• Usa un CDN: serveix contingut des del servidor més proper a l'usuari
• Elimina scripts de tercers innecessaris: cada tracker afegeix 50-200ms de latència

3. Navegació Complexa: Menys és Més

La navegació complexa és un altre enemic. En mòbil, menys és més.

• Elimina submenús aniuats: cada nivell addicional perd un 50% d'usuaris
• Usa una barra inferior fixa per a les accions principals (estil app nativa)
• Implementa breadcrumbs perquè l'usuari sempre sàpiga on és
• El menú hamburguesa és acceptable però no ideal: el 20% dels usuaris no sap que existeix

4. Formularis: El Cementiri de Conversions en Mòbil

Els formularis mal dissenyats són el major assassí de conversions en mòbil.

Reduir els camps d'un formulari d'11 a 4 va augmentar les conversions un 120% — Unbounce.

• Demana només l'essencial: nom, email i un camp més
• Usa autofill i autocompletar: aprofita les dades que el navegador ja té
• Implementa teclats específics: type="email" per a correus, type="tel" per a telèfons
• Mostra validació en temps real: no esperis al submit per informar d'errors
• Botó de submit sempre visible: usa position: sticky al footer del formulari

5. Pop-ups Intrusius i Gestos No Natius

Els pop-ups intrusius són particularment danyosos en mòbil. Google penalitza els intersticials que cobreixen el contingut principal.

• Si necessites un pop-up, usa banners no intrusius que ocupin màxim el 30% de la pantalla
• Mai mostris pop-ups abans que l'usuari hagi interactuat amb el contingut
• El botó de tancar ha de ser gran (mínim 44×44px) i en una zona accessible

Checklist d'UX Mòbil

• Totes les àrees tàctils són ≥44×44px
• El web carrega en <3 segons en 4G
• La navegació té màxim 5 ítems principals
• Els formularis demanen només camps essencials
• No hi ha pop-ups intrusius abans de la interacció
• Els CTAs principals estan a la zona del polze
• Funciona correctament en almenys 3 dispositius reals

Conclusió

La UX mòbil no és una versió reduïda de l'experiència desktop — és l'experiència principal. Dissenya primer per a mòbil, prova en dispositius reals i mesura cada interacció. Els usuaris no tenen paciència, però recompensen generosament les experiències que els faciliten la vida.