«Que el sitio funcione también en el móvil.» Esa frase bastaba hace diez años. Hoy el móvil no es el segundo medio del sitio, sino el primero: más del 70% del tráfico llega desde él. El diseño mobile-first ya no es una tendencia, sino un requisito de base.
01. ¿Qué significa mobile-first?
Que en el proceso de diseño se dibuje primero la pantalla del móvil y que las decisiones de diseño se tomen ahí. La versión de escritorio es la ampliación de esa base móvil. Justo lo contrario del enfoque clásico.
02. Áreas de pulsación y ergonomía del dedo
En diseño móvil, el estándar mínimo del área táctil es de 44 × 44 px, más o menos la superficie de presión de un dedo. Botones más pequeños disparan la tasa de error.
03. Menú y navegación
Ocho elementos de menú son normales en escritorio, pero demasiados en móvil. Conviene el menú de hamburguesa, y las acciones principales (como «Solicitar presupuesto») deben quedar siempre accesibles por encima del menú.
04. Orden del contenido
En el móvil, lo que se ve primero determina la experiencia. El titular, el párrafo de apoyo y la llamada a la acción principal deben verse en la primera pantalla. Y conviene evitar en lo posible dar información con desplazamiento lateral, porque no resulta práctico.
Explore nuestra solución de Diseño Web
Puede reservar una consultoría gratuita para obtener información detallada.