Un blog hecho con la inquietud y las ganas de dar a conocer las diferentes áreas del Marketing de la mano de jóvenes profesionales del sector.

Responsive design, la muerte de las webs para móviles

Aunque no hayas oido nunca hablar del responsive design (o diseño adaptativo), seguro que has visto más de una vez una web diseñada de esta manera. Sin ir más lejos, ahora mismo estás viendo una. Y como vale más una imagen que mil palabras, si nos estás leyendo desde un ordenador, encoge el ancho de la ventana de tu navegador y comprueba que ocurre. Si has llegado a través de un dispositivo móvil, acuérdate de visitarnos de nuevo cuando estés con un ordenador.

La consolidación de los smartphones y tablets como los dispositivos más utilizados para navegar por internet fuera del trabajo han hecho que el diseñar una web pensando sólo en los usuarios de equipos de sobremesa y portatiles no sea suficiente, pero también ha supuesto que una versión “light” para móviles con muchas menos funcionalidades que la versión estándar tampoco satisfaga a los usuarios.

Y al fin y al cabo, la gran ventaja de este tipo de diseño frente a la creación de distintas versiones de la web para según que equipos es que el responsive design utiliza para todos el mismo contenido, adaptando la manera en que se muestra este según el tamaño de la pantalla en la que se está viendo la web.

La manera de conseguir esto es a través de media queries en los estilos CSS: Se definen unos estilos específicos para cada tipo de pantalla, normalmente sobremesa y portátil, tablet y smartphone, aunque pueden hacerse tantas distinciones como se quiera.

Además, al no estar ligado a la plataforma del dispositivo sino a la pantalla de este, la web se ve perfectamente tanto en dispositivos Android como en IOS, independientemente del navegador que se utilice.

Aunque supone un mayor tiempo de desarrollo frente a una web tradicional, la usabilidad y experiencia del usuario mejora notablemente, aparte de ser más fácil de mantener que una web con versión móvil.

Y si todo esto no ha conseguido convencerte de que es la solución ideal para abordar la versión móvil de una web, a lo mejor esta recomendación de Google lo consigue.


Si te ha gustado el artículo te puede interesar:

Cuando la publicidad se convierte en arte: el caso de Absolut Vodka

Después de varias semanas sin escribir, esta vez vuelvo para hablaros de un fenómeno concreto que a mi parecer me resulta muy curioso dentro del ámbito publicitario. Se trata de la concepción de un movimiento artístico denominado Absolut Art. Quizás dicho así, muchos no caen en ...

Qué es y como interpretar Not provided en Google Analytics

Cuando miras las estadísticas de tráfico orgánico de tu web, seguro que has visto como la dichosa palabra clave “not provided” cada vez cobra más protagonismo. En primer lugar, debes saber que esta palabra clave engloba a todas las keywords de búsquedas que se han ...

( 1 ) comentario

¿Tienes algo que decir?

  1. Daniel Grifol 21 diciembre, 2012 Reply

    Muy importante este tema. Solo hay que mirar las estadísticas de tráfico desde dispositivos móviles. Si hoy en día no tienes una web responsiva estas perdiendo la mitad del tráfico.

Deja tu comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.