Diseño · · 2 min de lectura
Diseño mobile first: por qué empiezo siempre por el teléfono
Diseñar primero para la pantalla pequeña obliga a decidir qué es importante. Te explico cómo lo aplico y qué gana tu sitio.
Cuando diseño un sitio, lo primero que dibujo es la versión para móvil. No es una manía: es la forma más eficaz que conozco de construir páginas claras.
La pantalla pequeña obliga a priorizar
En un ordenador cabe casi todo, y por eso es fácil llenar la página de elementos que nadie necesita. En un teléfono no hay espacio para dudas: hay que decidir qué va primero, qué va después y qué sobra.
Ese ejercicio mejora también la versión de escritorio, porque llega con una jerarquía ya pensada.
Lo que cuido en el móvil
- Textos legibles sin hacer zoom, con un tamaño cómodo y líneas no demasiado largas.
- Botones fáciles de tocar, separados entre sí y con espacio suficiente.
- El contacto siempre a mano: un botón de llamada, WhatsApp o el formulario, según lo que use tu cliente.
- Imágenes ligeras, adaptadas al tamaño de la pantalla para no gastar datos de más.
- Menús simples, con pocas opciones y nombres claros.
Después, el escritorio
Con la base móvil resuelta, amplío: más columnas, imágenes más grandes, más aire. El contenido es el mismo; lo que cambia es cómo se reparte en el espacio.
Cómo comprobarlo
Pruebo cada página en teléfonos reales y no solo en el simulador del navegador. Hay detalles, como el tamaño del pulgar o la luz del sol en la pantalla, que solo se notan así.
Un buen sitio no es el que se ve bien en la pantalla del diseñador, sino el que funciona en el bolsillo de tu cliente.