5 maneras efectivas de mejorar la usabilidad de tu web móvil

El artículo parte del cambio de algoritmo que Google aplicó a las búsquedas móviles el 21 de abril de 2015, que algunos llamaron mobilegeddon. Explica que el Mobile-Friendly Test de Google da una respuesta binaria (la página está adaptada o no), que la evaluación se hace por página y no por dominio, y que solo afecta a los resultados de búsqueda en móviles. A partir de ahí propone cinco mejoras para páginas que ya están optimizadas.

Notas de lectura

#

• Evitar el scroll horizontal: imágenes y, sobre todo, vídeos que no escalan bien en la versión responsive obligan a desplazarse de lado.
• En páginas que cambian de sección con un gesto horizontal, el scroll vertical con el pulgar de una sola mano puede leerse como un gesto diagonal y cambiar de página sin querer.
• Colocar los elementos importantes (suscripción, compra, más información) cerca del centro de la pantalla, porque con una sola mano no se llega a las esquinas de los teléfonos de 5,5 pulgadas.
• Sobre el icono de hamburguesa, citando el test A/B “Mobile Menu AB Tested: Hamburger Not the Best Choice?”: enmarcarlo como un botón, poner la palabra “menú” a su lado o debajo y reducir al mínimo los elementos del menú. Una tab bar es una alternativa, con cuidado en pantallas pequeñas.
• Dejar espacio suficiente entre botones y enlaces; según el artículo, Google mide la distancia entre botones y la tasa de rebote causada por pulsaciones erróneas.
• Otras optimizaciones que el texto recuerda: letra de 16px o más, contraste claro en textos y llamadas a la acción, eliminar los hovers en móvil, avisos de cookies que no ocupen media pantalla, formularios adaptados (teclado numérico cuando el campo lo pide), no usar display:none para ocultar elementos y no abusar de las páginas con pestañas, cuyo contenido puede no indexarse.