Para la mayoría de negocios, más de la mitad del tráfico de la web llega ahora desde un móvil, y aun así un número sorprendente de webs se siguen diseñando y revisando principalmente en un monitor de escritorio. La diferencia entre cómo se construye una web y cómo se usa realmente es donde viven la mayoría de los problemas de conversión en móvil, y casi nunca son dramáticos. Son pequeñas fricciones que se van sumando.

Zonas táctiles que técnicamente se pueden pulsar pero resultan frustrantes en la práctica

Un botón fácil de pulsar con un cursor de ratón preciso puede ser genuinamente difícil de tocar con precisión con el pulgar, sobre todo en móviles más pequeños o para usuarios con manos más grandes. La recomendación habitual es un tamaño mínimo de zona táctil de alrededor de 44 por 44 píxeles, pero la prueba más útil es más sencilla: intenta completar la acción de conversión principal de tu propia web, con una sola mano, en un móvil real, sin hacer zoom antes.

Formularios claramente diseñados para ratón y teclado

Menús desplegables que son un suplicio de recorrer en una pantalla táctil. Selectores de fecha que no activan la interfaz nativa de fecha del móvil. Campos de entrada que no especifican el tipo de teclado correcto, así que un campo de teléfono abre un teclado alfabético completo en vez de uno numérico. Cada uno de estos detalles añade unos segundos de fricción, y en un formulario con varios campos, esos segundos se suman hasta una probabilidad significativamente mayor de que alguien lo abandone antes de enviarlo.

Pop-ups y superposiciones casi imposibles de cerrar en una pantalla pequeña

Un botón de cerrar renderizado a ocho píxeles en la esquina de una ventana modal es una molestia menor en ordenador y un obstáculo genuino en móvil, donde el toque impreciso y una ventana mucho más pequeña hacen fácil pasarlo por alto por completo, o peor, tocar sin querer otra cosa por error. Este es uno de los patrones que más se señalan en la investigación de usabilidad sobre experiencia móvil, y es una de las correcciones más sencillas de aplicar: zonas táctiles generosas en todo elemento que se pueda cerrar, sin excepciones.

Contenido que asume una pantalla más ancha de la que tiene

Tablas, gráficos comparativos y layouts a varias columnas suelen construirse primero para escritorio y luego simplemente encogerse para móvil, lo que deja el texto ilegiblemente pequeño o obliga a un scroll horizontal incómodo en el contenido exacto que un visitante vino a leer y comparar. Estas secciones normalmente necesitan un layout genuinamente distinto en móvil, tarjetas apiladas en vez de una tabla, por ejemplo, no una versión más pequeña de la misma.

La forma más rápida de detectar esto antes de publicar

Prueba el camino de conversión principal, la secuencia real que sigue un visitante para pedir información, reservar o comprar, en un móvil de verdad antes de lanzar un proyecto, no solo en un navegador de escritorio redimensionado para que parezca estrecho. Redimensionar la ventana de un navegador de escritorio no reproduce la interacción táctil, y es precisamente en la interacción táctil donde aparecen la mayoría de estos problemas. Es una comprobación de cinco minutos que detecta la mayor parte de lo que acabaría señalando una auditoría completa de todas formas, y es exactamente el tipo de prueba que forma parte de cualquier proyecto de diseño web antes de publicarse.

Por qué estos problemas sobreviven a una revisión normal

La mayoría de las revisiones de diseño ocurren en una sala de reuniones, en un portátil, con alguien presentando un mockup pulido o un enlace de staging abierto en un navegador de escritorio. Nadie está siendo negligente, es simplemente el entorno natural en el que suceden la mayoría de los procesos de revisión. La solución no es una checklist más larga, es hacer que un móvil real forme parte de la propia revisión, no un añadido de última hora una vez el diseño ya se considera terminado y aprobado.