Hace unos cuantos años, diría que fue en el 2014, realicé un taller de maquetación responsive en Escuela IT.
En aquel taller, Daniel Martínez (@Wakkos) ya nos señalaba la importacia de pensar primero en la versión móvil, Think Mobile First.
Por aquel entonces ya se usaban bastante los móviles para navegar y también las tablets y los portátiles. Cada vez estábamos menos atados a un ordenador de sobremesa para buscar cosas por internet.
Pero ahora, internet es más móvil que nunca y pensar, o mejor dicho, no pensar en la importancia de diseñar primero para móviles, es todo un error.
Y todavía hoy, solemos creer que si tenemos una web responsive, ya está, y habrá a quien le valga con eso, pero no debemos confundir el concepto de web responsive, una web que se piensa para PC y que se va adaptando a dispositivos más pequeños, con el de Mobile First, una web pensada para Smartphones y que se irá ajustando para tamaños superiores de pantalla.
¿Y qué importancia tiene esto?
Pues en realidad mucha.
Si desde el principio, damos por hecho que nuestros usuarios, potenciales clientes, público objetivo, visitante, llámalo cómo quieras, nos va a visitar desde un dispositivo móvil, haremos lo posible para que esa experiencia sea lo mejor posible, para que no se vaya nada más llegar y navegue de forma ágil entre las páginas de nuestra web.
La web, es el escaparate de nuestro negocio (si tienes una web con fines comerciales, ya sean productos o servicios), y ¿qué ocurre normalmente cuando pasamos por delante de un escaparate hasta los topes de cosas, dispuestas de cualquier manera y desde el que no podemos ver el interior?
Normalmente pasaríamos de largo, pero si decidimos entrar, al final, o tardas mucho en conseguir tu objetivo y has tenido una mala experiencia, o te vas sin comprar y visitas la tienda de al lado a ver qué tal.
Pues con nuestra web pasa igual, si no lo ponemos fácil, si no hacemos que nuestro sitio se ágil y rápido, si además no estructuramos bien los contendios pensados para los móviles, no conseguiremos retener a nuestro visitante y se irá en busca de un sitio mejor que el nuestro.
Debemos pensar de menos a más, siguiendo con el símil de la tienda, si es pequeña, querremos tener una selección reducida de productos a mostrar y muy bien organizados. Si el negocio crece y ampliamos el local, podremos poner más productos, más expositores, más personal…
Con la web tendría que ser igual e ir añadiendo en función de la ampliación de pantalla.
¿Y por qué no al revés?
Bueno, para trabajar al revés ya está la web responsive y está bien, pero la sobrecargamos de elementos que luego el móvil debe cargar, con lo que la haremos más lenta y pesada y al final poco práctiva para visitarla a través de dispositivos móviles.
Y tu web, ¿es responsive, mobile first, ninguna de las dos?
Si no lo tienes claro, puedes usar Prueba de optimización para móviles, de Google. Una forma muy rápida y sencilla de averiguar si tu web aplica el Think Mobile First.
En SIMILARES DESIGN, aunque la web sí está optimizada para móviles, seguimos trabajando para mejorar la experiencia de usuario.
Y si en tu caso, necesitas actualizarla o cambiarla, ya sabes:
