¿Tu web es responsable?

Nuestra entrada de la semana pasada hablaba de la importancia del marketing móvil durante el 2015.

Según Mobiquity 1 de cada 3 clientes tienen intención de realizar sus compras on line a través de sus dispositivos móviles, sin embargo sólo lo llegan a hacer el 24%. ¿Por qué? Las causas son múltiples, pero las principales, la lentitud de carga, mala experiencia en la navegación.

Es clave que a lo largo de este 2015 actualicéis vuestra web para que tenga una versión para móviles. Las opciones son varias desde crear una versión alternativa del tipo “m.dominio.com”, a una app nativa, mediante una publicación dinámica o Dynamic Serving o lo más recomendable de todo, por medio de un diseño responsive o adaptativo.

¿Es lo mismo un diseño responsive que un diseño adaptativo?

Hay quien erróneamente cree que sí, pero realmente hay importantes diferencias entre ellos.

Ambos tipos de diseño permite la correcta visualización de los contenidos en los diferentes dispositivos móviles. Es decir, adaptan nuestro contenido en función de la resolución de nuestro usuario, sin embargo lo hacen de diferente manera.

El diseño adaptativo es menos flexible que el responsive, utiliza tamaños de pantalla preestablecidos y menos código para su CSS.

El diseño responsive es la mejor de todas las alternativas para para conseguir que los usuarios tengan una experiencia similar en los distintos dispositivos y para mejorar nuestro SEO.

“Hacer dos diseños uno para dispositivos móviles y otro para escritorio ya ha pasado a la historia, lo que va a suponer un importante ahorro en costes.”

Una web responsable.

Para el 39% de los consumidores las empresas deberían ofrecerles siempre el mismo interfaz, pero según el informe AKAMAI sólo el 18% de los sitios han implementado el diseño web.

Una vez tenemos claro que la mejor opción es apostar por un diseño responsive, vamos a ver como lo podemos hacer.

Para los que se sienten cómodos con la programación y el HTML5, aquí os dejo unos patrones de diseño multidispositivo. Para ampliar info hacer clic en la imagen en la imagen.

MEDIDAS PARA UN DISEÑO RESPONSIVEDe cara a tener una web responsive es importante que trabajéis con imágenes flexibles o adaptativas, así como con fondos escalables. Os servirán de gran ayuda los plugins de la librería de Java Script “jQuerey”.

Para los que el HTML5 resulta inalcanzable, porque o no lo manejan o no tienen presupuesto para que un programador les monte la web, tienen una alternativa muy buena, las plantillas responsive, que ya traen incorporados los patrones de diseño multidispositivo. Eso sí, si finalmente optamos por las plantillas, el esfuerzo que no dedicamos a programar, lo dedicaremos a crear contenidos de calidad para nuestros usuarios. Algunas de las mejores las puedes encontrar en wordpress, joomla, drupal,  html5, blogger …

Ahora, algo chulo que si no lo conocéis os va a encantar. Aquí os traigo un link para que podáis ver cómo ven vuestra web vuestros clientes según acceden a ella desde distintos dispositivos, sólo tenéis que entrar y poner vuestra URL. http://mattkersley.com/responsive/

responsive test PYM

Ahora que ya lo habéis visto, si todo ha ido como esperabais ¡Enhorabuena! Si no ha sido así, os recomiendo que paséis a un diseño responsive porque:

  • Todo el contenido y toda la funcionalidad de vuestra web también estará disponible para móviles
  • Mejorará SEO al mantener la misma URL. El propio Google lo recomienda.
  • Es más barato mantener una única web, aunque el coste inicial es mayor que el de una web normal

Si te decides a meterle mano a tu web, recuerda que los expertos también marcan  como tendencias de diseño web para 2015:

  • Imágenes y vídeos a toda pantalla, será por aquello de que una imagen vale más que mil palabras …
  • Iconos que podrás escalar como tú quieras y pesan muy poco.
  • Los Menús desaparecen, parece que el usuario ya ha interiorizado que tres rayitas en la parte superior de la pantalla significa que cuando pinchas ahí las diferentes secciones de la web van a aparecer desplegadas.
  • Menos páginas a favor del scroll, peor para el SEO pero más amigable para los dispositivos móviles.

Espero que os haya sido útil y os anime a cambiar vuestra web a un diseño responsable.