Por qué el diseño mobile-first ya no es opcional
Por El equipo de AsasWeb 2 min de lectura
La mayoría de las visitas a un sitio web de empresa llegan ya desde un móvil, así que diseña primero para la pantalla pequeña y amplía después. Empezar por la restricción más dura obliga a tener claro qué importa, mantiene las páginas ligeras para conexiones lentas y produce diseños pensados para el tacto, con zonas de pulsación amplias y sin depender del hover. Prueba en un móvil real de gama media, hasta una pantalla de 320 píxeles de ancho, en lugar de en un simulador.
Para la mayoría de las webs de empresa, la mayor parte de los visitantes llega ahora desde el móvil. Si tu sitio se diseñó en un monitor grande y solo se comprobó en móvil al final, esos visitantes están recibiendo la peor versión de tu trabajo. El diseño mobile-first invierte ese orden, y el resultado es mejor para todos.
Empieza por la restricción más dura
Una pantalla de móvil obliga a tomar decisiones difíciles. No hay sitio para el desorden, así que decides qué importa de verdad: el único mensaje, la única acción, el contenido por el que la gente realmente vino. Cuando luego escalas a una tableta o un escritorio, estás añadiendo espacio a un diseño que ya funciona, en lugar de meter a la fuerza un diseño de escritorio en un móvil.
El rendimiento viene de la mano
Diseñar para móvil significa diseñar para una conexión más lenta y un dispositivo menos potente. Esa disciplina mantiene las páginas ligeras, lo que ayuda a tu posicionamiento en buscadores y a tu tasa de conversión en todos los dispositivos, no solo en los móviles. Puedes leer más en nuestra nota sobre qué hace que una web sea rápida.
Toque, no hover
Mobile-first también significa diseñar para los dedos. Los objetivos de toque necesitan espacio, cualquier cosa que dependa de pasar el cursor por encima necesita una alternativa apta para el toque, y los formularios tienen que ser rápidos de completar con el pulgar. Estas son las mismas cosas que hacen un sitio más fácil de usar con un teclado o con tecnología de asistencia, así que la accesibilidad y la calidad móvil se refuerzan mutuamente.
Prueba en un móvil de verdad
Un simulador no es lo mismo que un móvil de gama media con una conexión normal. Probamos cada proyecto hasta una pantalla de 320 píxeles de ancho, sin desplazamiento horizontal y con objetivos de toque cómodos.
Si tu sitio actual tiene dificultades en un móvil, eso te está costando consultas. Empieza un proyecto y construiremos uno que funcione de maravilla en el dispositivo que la mayoría de tus clientes realmente usa.