Blog de la agencia de marketing digital Elogia

3 herramientas de diseño web adaptativo

Escrito por Iván Barreiro | 20 de febrero de 2014 17:39:31 Z

Hasta hace poco tiempo el concepto de diseño web adaptativo no era muy conocido, pues casi todas las búsquedas que registraba un dominio se hacían a través de un ordenador de sobremesa o un portátil. Con el paso del tiempo esta situación ha cambiado, y cada vez son más las visitas que se reciben desde smartphones, tablets e incluso desde Smart TVs. Con la dinámica imparable del internet of things, ¿quién sabe si gafas, relojes o cualquier otro aparato puede ser un medio desde el que se podrá visitar nuestra web?

Teniendo en cuenta este nuevo entorno digital, es preciso configurar nuestra web para que sea fácilmente navegable en todos los dispositivos. Precisamente por esto nació el concepto de diseño web adaptativo. Si tuviésemos que definirlo, seguramente podríamos decir que se trata de un espacio web que presenta características adaptadas según el tipo de dispositivo desde el cual nos está visitando el usuario, de forma que la navegación sea mucho más sencilla y favorezca una buena experiencia del usuario.

Existen varias herramientas de diseño web adaptativo a través de las cuales podemos ver cómo se visualiza nuestra web según cuál sea el dispositivo. Algunas de ellas son:

  • Responsinator: Esta herramienta nos permite comprobar cómo es la visualización de nuestra web en algunos smartphones de iOS y Android, así como también en iPad y Kindle.
  • Responsivex: Esta web nos da la opción de elegir nosotros las medidas de la pantalla del dispositivo, y automáticamente nos ofrece una visualización para el tamaño que nosotros indiquemos.
  • Screenfly: Otra herramienta de la mano de Quirktools. Aquí tenemos una combinación de las opciones anteriores. Por un lado nos deja ver la visualización en pantalla para diversos formatos de móvil, tablets y Smart TV, pero también podemos hacer una búsqueda para un tamaño personalizado.

Existen todavía más herramientas con las que simular cómo se ve nuestra web en cada unos de los formatos. El uso de estas herramientas es útil para indicarle a un cliente qué experiencia de navegación le está ofreciendo a sus usuarios fuera de la web.