Principios del diseño adaptable para móviles

El diseño adaptable para dispositivos móviles es esencial para las páginas web modernas, ya que permite que la apariencia de una web se optimice automáticamente para cualquier tamaño de pantalla/dispositivo (celular, tableta o ordenador) que esté usando el visitante de la web. Según Statista, el 52 % de todo el tráfico web ahora proviene de dispositivos móviles, y el tráfico móvil aumenta cada año. Esta es una de las estadísticas más importantes que debes tener en cuenta si eres propietario de una página web.

Si tu página web no es compatible con dispositivos móviles, las personas no encontrarán, visitarán, convertirán o continuarán utilizando tu web/negocio. Las plataformas populares como WordPress.com lo facilitan, ya que todos sus temas son compatibles con dispositivos móviles (incluso los gratuitos).

Estos son cuatro pasos para lograr que tu página web adaptable sea más compatible con dispositivos móviles.

1. Comprime tus archivos

La compresión de archivos CSS, HTML y JavaScript en tu página web de WordPress.com se realiza automáticamente. Sin embargo, si prefieres comprimir los archivos por tu cuenta, puedes intentar usar diseños personalizados.

Cuando se trata de comprimir imágenes, las webs de WordPress.com también tienen una gran ventaja. Utilizan automáticamente Photon para comprimir los tamaños de las imágenes y enviarlas a través de una red de publicación de contenido (CDN). Por lo tanto, no importa en qué parte del mundo se encuentre el visitante de tu web, tus imágenes se comprimirán automáticamente y se enviarán a su computadora a través de una red de servidores cercana.

2. Simplifica tu navegación

Ya sea que tu menú de navegación se contraiga en un solo icono o se muestre horizontalmente en la parte superior de la pantalla móvil, se aplica la misma regla: simplifícalo.

Demasiadas opciones de navegación o submenús pueden ser abrumadores e incluso pueden crear problemas de formato en dispositivos móviles.

3. Escribe una copia web para dispositivos móviles

Los visitantes de tu web se pueden agrupar en tres categorías: lectores rápidos, nadadores e híbridos. Los lectores rápidos leen una página por encima para adquirir los detalles clave, mientras que los nadadores se sumergen y leen cada palabra. Sin embargo, los híbridos alternan entre leer por encima y sumergirse dependiendo de su nivel de interés inicial y si tu web los involucra.

Parte de tu plan de diseño adaptable para dispositivos móviles debe ser escribir para los tres tipos. Utiliza la recomendación de E-Write del método «bocado, refrigerio, comida». Toma un bocado, o usa los encabezados de la página/entrada para informar a los lectores qué pueden esperar (por ejemplo, «cómo nuestros servicios reducen tus gastos»). Toma un refrigerio creando secciones de resumen o conclusión que proporcionen información concisa. Y, a continuación, come agregando explicaciones más detalladas que llenen los espacios en blanco.

Asegúrate de utilizar estos consejos para garantizar que tu página web tenga un diseño más compatible con dispositivos móviles.