Diseño web para dispositivos móviles

Mobile-first: presente y futuro

Diseño web mobile-first

El diseño responsive de ordenador adaptado a móvil deja paso a “mobile-first”, de móvil adaptado a ordenador

El diseño web nació cuando estaban en auge los ordenadores o computadoras de escritorio, con pantallas grandes y conexiones a Internet sin las limitaciones de los planes de datos de los móviles o celulares “smartphone” (teléfonos inteligentes) La red móvil creció a pasos agigantados acostumbrándonos al crecimiento de su ancho de banda: 3G, 4G, 5G y ya China está estableciendo un estándar 6G que consigue 10 veces la velocidad del 5G.
Duseño web mobile-first

Sobre todo el público joven eligió la portabilidad y en consecuencia creció mucho el tráfico web desde los dispositivos portátiles (smartphone, tablet) y esto hizo que la industria del diseño web se tuviera que adaptar para que el contenido de los sitios se acomodara a los celulares, con pantallas mucho más chicas y con ciertas limitaciones en el ancho de banda (no es lo mismo resolver una foto de 1920 x 1080 pixeles en un monitor de una computadora que en la pantalla de un móvil).

Así nació el diseño “responsive”, que hace que ese contenido, inicialmente conformado para una pantalla grande, se acomodara a las pantallas menores de los dispositivos móviles.

El diseño Responsive resolvió por un tiempo la visión de los sitios web en dispositivos móviles, pero su enfoque secundario (primero diseñamos para escritorio y después para móviles) pronto se vio que era insuficiente.

Leer: Un paso más allá del diseño responsive: Mobile First

Hace años se hace hincapié en abandonar el diseño web basado en ordenadores de escritorio como centro para pasar al nuevo paradigma de mercado que es el concepto Mobile First, esto es, como la mayoría de la navegación es a través de dispositivos móviles, que se diseñó primero y a partir de estos dispositivos, adaptando luego éstos a los ordenadores de escritorio

Leer: SEO Google y la importancia de la velocidad de carga en el concepto Mobile First

Core Web Vitals es una iniciativa de Google para cuantificar señales de calidad que son esenciales para brindar una excelente experiencia de usuario en la web. Por ejemplo hay páginas a las que se accede y «no dejan de moverse» porque van cargando diferentes secciones, anuncios publicitarios, etc. y el texto de la lectura desaparece de enfrente del navegante, obligándolo a subir y bajar para encontrar lo que estaba leyendo

Leer: SEO DEL FUTURO ¿Qué es el nuevo Core Web Vitals de Google Search Console?