Analítica y Usabilidad

Tendencias, novedades, noticias y tips del mundo de Analítica y Usabilidad

Analítica y Usabilidad

08 Jul 2013
9 comentarios

Qué es el Responsive Design y por qué tu web debería tenerlo

1 Star2 Stars3 Stars4 Stars5 Stars (20 votes, average: 4,75 out of 5)
Cargando…
Xavier Martí Pallerols
que es el responsive web design
¿A estas alturas y aún sin tener una versión móvil de tu web? ¡Bueno bueno! No te desesperes, en este post te voy a explicar todo lo que necesitas para que tu web esté a la última.

Pero… ¿qué es el Responsive Design?

El Responsive Design o diseño adaptativo, es la técnica que se usa en la actualidad para tener una misma web adaptada a las diferentes plataformas que nos brinda la tecnología: ordenador, tablet y Smartphone.
Consiste en una serie de hojas de estilo en CSS3, que usando el atributo “mediaquery” convierten una web ordinaria en una web multiplataforma capaz de adaptarse a todos los tamaños que existen, ofreciendo una experiencia para el usuario mucho más amena y cubriendo las necesidades de nuestro público. Atrás quedan las webs que vistas en un Smartphone se tenían que ampliar para poder leer algo.

¿Por qué tu web debería ser Responsive?

Las ventajas del Responsive Design son muchas y leyendo cuales son, seguro que te
convences para convertir tu web en una web multiplataforma:
  • Mejor experiencia de usuario. Eso repercute en la opinión que los usuarios tienen de tu sitio web y el uso que le darán a ella. Mejorará tanto tu imagen de marca como el tiempo de permanencia en la web y aumentará la tasa de rebote entre páginas de tu web.
  • Se acabaron los contenidos duplicados. Si usabas una versión móvil para que los usuarios que accedían a tu web vieran el contenido adaptado al dispositivo, era perjudicial para tu SEO, ya que eso creaba contenido duplicado y por lo tanto Google penalizaba a tu web. Un diseño Responsive evita este problema ya que es el mismo contenido que se organiza de manera distinta según el dispositivo en el que se vea.
  • Se reducen los costes de desarrollo y mantenimiento de la web. Al usar la misma plantilla para todas las plataformas, se reduce la inversión en mantenimiento y desarrollo, ya que un sólo cambio repercute en todas las versiones.
  • Aumenta la viralidad. Un reciente estudio certifica que el 70% de los accesos a las redes sociales se hacen a través de dispositivos móviles, eso significa que si un usuario accede a nuestra web a través de un Smartphone, seguramente tenga las aplicaciones sociales abiertas y si quiere compartir algo, es mucho más rápido y natural.
ejemplos responsive web desing
Por supuesto que no todo son ventajas, también hay inconvenientes, como por ejemplo, el coste de desarrollo inicial es mayor al de una web normal ya que su dificultad técnica es mayor, o que el tiempo de carga de las imágenes es mayor debido a que usa las mismas en web que en un ordenador por qué sólo escala el tamaño y no usa unas específicas. El Responsive Design se está generalizando a pasos agigantados y eso ha producido varios desarrolladores creen frameworks (aplicaciones preconfiguradas) para que no se tengan que crear las páginas adaptativas desde cero, nos facilitan la vida y hacen que todo el proceso de creación sea mucho más fácil para los desarrolladores. Uno de los más generalizados es Bootstrap, un framework creado por el equipo de desarrollo de Twitter y de código abierto, muy usado por desarrolladores freelances. Foundation 3 es otro framework muy popular el cual ellos mismo definen como “el framework más avanzado del mundo”. Y finalmente HTML5 Boilerplate, el framework que usan más marcas conocidas como Google, Microsoft, Nike o el equipo de desarrolladores de Barack Obama. 
Aunque se use la misma página para todas las vistas de tu web, es importante tener claro qué se debe mostrar en cada versión y qué no, ya que habrá información que no sea útil para unas vistas y otras. Existen guías muy buenas de cómo diseñar para dispositivos móviles, como por ejemplo esta: 10 buenas prácticas en el diseño de web móviles.

Ahora que ya sabes todo lo que debes saber sobre el Responsive Design, ¿A qué
esperas para convertir tu web en un web adaptativa y ser mejor que tu competencia? En nuestro Master en Negocios Móviles aprenderás a preparar una estrategia adecuada para cada dispositivo… ¿Estás preparado?

Comparte y comenta este artículo!

Ideas, noticias y mucha formación en tu bandeja de correo
Suscríbete ahora y recibe los mejores contenidos sobre Emprendedores, Marketing, Negocios e Internet

9 comentarios en “Qué es el Responsive Design y por qué tu web debería tenerlo”

  1. Tener una web o un blog con un diseño Responsive, ahora mismo es fundamental.
    Los porcentajes de visitas desde dispositivos móviles se están disparando y en un futuro próximo serán la mayoría, por lo tanto hay que adaptar la web o blog para que se vea bien en pantallas más pequeñas.
    La tecnología Responsive es muy interesante, ya que un solo diseño sirve para cualquier tamaño de pantalla

    1. Toda la razón del mundo #marketingonline. Eta tecnología ya lleva en danza un tiempo y se consolida más cada día. Como comento, tiene muchas ventajas y se tendría que aplicar cuanto antes a todas las webs. Gracias por tu comentario!

  2. Buena información, desde luego aplicarlo es necesario. ¿Qué opinas sobre el uso de plantillas responsive en WordPress por ejemplo? Yo estoy haciendo pruebas con la que tiene el mimo nombre (responsive theme), pero he descubierto que por ejemplo, con Woocommerce (un plugin de ecommerce), no se visualiza del todo bien en algunos dispositivos móviles con pantalla pequeña. ¿Conoces alternativas?
    Gracias y saudos

    1. Hola Diego!!!! Gracias por tu comentario! Claro, el tema este que usas, es gratuito y no le habrán puesto todo el cariño que se merece al tema jejeeje Yo no uso plantillas precocinadas para mis blogs, ya que hay muchos temas por ahí con fallos de seguridad que dejan a nuestros blogs como blancos para los virus, lo ideal sería que adquirieras un tema de pago (los hay baratos en muchas webs: Woothemes, Elegantthemes, Themeforest…), que los hay baratos y buenos. Saludos!

  3. En un futuro el Diseño Responsive pasará a ser algo indispensable incluso hoy día desarrollar sin tomar en cuenta la gran cantidad de dispositivos es un gran error, debido a que se pierden un gran número de usuario. Uno de los máximos problemas que encuentra un usuario móvil es la lentitud del servicio de datos, por lo que utiliza principalmente aplicaciones nativas Android pero este es un problema que en un futuro se podrá solucionar.

  4. Que una web sea responsive actualmente es crucial por todo el tráfico que proviene desde smartphones o tablets. Es elemental pensar en maximizar la experiencia de usuario facilitando el acceso desde cualquier terminal y así beneficiar la imagen y reputación de la marca. Saludos!

  5. El diseño responsive es vital para que una empresa tenga el alcance que necesita en los tiempos actuales. Creo que la inversion en publicidad y marketing en telefonos moviles en un futuro seran superiores a los actuales. Hasta en un 80% mas.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

SUSCRÍBETE AL BLOG

Ideas, noticias y mucha formación en tu bandeja de correo
Sucríbete ahora y recibe todo el contenido de nuestro blog

LO MÁS LEÍDO HOY

BUSCA EN EL BLOG

IEBS EN LAS REDES

x
Ideas, noticias y mucha formación en tu bandeja de correo
Suscríbete ahora y recibe los mejores contenidos sobre Emprendedores, Marketing, Negocios e Internet

No gracias, seguir leyendo el post