17 mayo, 2017 check2me

Incluye el diseño responsive en tu estrategia

Incluye el diseño responsive en tu estrategia

Con la generalización del uso de dispositivos móviles con acceso a Internet, se ha hecho necesario adaptar nuestras webs y landings para que puedan ser visualizadas en todo tipo de pantallas. El diseño responsive es la opción más popular y eficaz para lograrlo.

También es la que nos recomienda Google para nuestro SEO, pues al generar una única URL se facilita el trabajo de indexación y se evitan problemas de contenido duplicado. Además, mejora la experiencia de usuario, reduciendo el abandono de nuestro sitio y, como ya veíamos en las 5 cosas que influyen negativamente en el SEO, esto evita que los buscadores nos consideren poco relevantes.

Los desarrolladores web consiguen este tipo de diseño adaptando el código para que los contenidos se redimensionen en función del tamaño de los dispositivos, esto obliga a cambiar algunos elementos de la versión de escritorio, como los menús horizontales, que pueden no visualizarse bien en pantallas más pequeñas.

Las alternativas son menos flexibles, como el diseño web adaptativo que utiliza tamaños de pantalla preestablecidos; o encarecen el desarrollo, como hacer una versión de escritorio y otra totalmente diferente para cada tamaño de pantalla. El diseño responsive, por el contrario, aunque alargue el desarrollo inicial, reduce el coste de mantenimiento, ya que cualquier cambio o actualización que se haga se reflejará inmediatamente en todos los dispositivos.

Si decidimos optar por el diseño responsive, porque nos interesan sus ventajas y porque por nuestro tipo de negocio no tenemos la necesidad de contar con una app nativa, debemos tener en cuenta:

  • Pensar siempre en un diseño web que pueda servir también para móvil. Es lo que se conocer como Mobile First, y evita problemas más adelante por elementos que no se pueden visualizar en pantallas pequeñas.
  • La usabilidad, ya que no es lo mismo navegar desde el móvil que desde el ordenador. Tampoco será lo mismo la interacción con el ratón que con el dedo, por lo que las animaciones no se podrán comportar de igual forma.
  • La velocidad de carga será superior a la que tiene una app nativa porque los datos tienen que descargarse al usuario. Los desarrolladores deben tener en cuenta este problema y tomar las medidas necesarias para que la experiencia de usuario sea buena y no se produzcan esperas innecesarias, como fijar tamaños de ficheros más pequeños para móviles o realizar cargas parciales de listas de datos muy grandes.
Etiquetas: , , , ,