Por qué tu página web o emails tienen que tener un diseño responsive sí o sí
“A los elefantes les cuesta mucho adaptarse, las cucarachas sobreviven a todo», aseguran que dijo Peter Drucker, el gran referente del management. Hagamos un ejercicio kafkiano: imagina que tu web es un elefante: ¿cómo se vería semejante animal en la pantalla de un smartphone? Si alguien quiere verte en todo su esplendor desde un dispositivo móvil tendrá que ampliar la pantalla, mover de arriba abajo, de izquierda a derecha y vuelta atrás… Y en cuestión de muy pocos segundos se habrá cansado y seguirá su recorrido por la estepa buscando otros animales. El usuario se acerca para conocerte y… ¡trompazo! ¿Crees que volverá? Ya que han llegado hasta ti, ¿no quieres darles una buena experiencia de usuario? La respuesta está en el diseño responsive o adaptativo.
Adaptar tus contenidos a multiformato no es una recomendación, es una obligación. Miremos las tendencias: según el informe Mobile Web Watch 2012 de Accenture, el 69% de los usuarios afirman utilizar los dispositivos móviles como el medio más habitual para acceder a Internet. Los consumidores acceden a la red a través de smartphones (61%), ordenadores portátiles (37%) y tabletas (22%). Pero vayamos al terreno cotidiano, fuera de estudios. Entra en tu Google Analytics y mira desde dónde acceden tus usuarios. ¿Cuántos lo hacen desde dispositivos móviles? ¿Más del 20%? ¿El 30%? ¿El 40%? ¿Crees que irá en aumento? Google lo tiene claro: «Las empresas sin una web optimizada pierden el 40% de sus clientes».
Responsive: me preocupo por ti
Hola elefante, no nos hemos olvidado de ti. Como no te has adaptado, acabas de perder todo tu atractivo innato. La cucaracha se encargará de adaptarse para llamar la atención del posible cliente. ¿Suena duro?
No puedes controlar desde qué dispositivo o tamaño de pantalla entrarán en tu web, pero sí cómo presentar tus contenidos. Y no estamos hablando solo de páginas web, también de newsletters o correos electrónicos. Si utilizas un formato responsive, adaptado a cualquier dispositivo, le estás trasladando un mensaje a tu audiencia: te preocupas por ellos y quieres que tengan la mejor experiencia de uso. Y eso se traduce en una mejora de la ratio de conversión (más suscriptores, más ventas…). Especial importancia tiene si apuestas por los códigos QR, ya que al estar pensados para escanear desde móviles, su contenido también debe estarlo por definición (un mal uso que tanto se ha extendido y que perjudican seriamente a esta herramienta).
Dame ejemplos
Muy bien, volvamos a los casos prácticos. Si estás leyendo este post desde tu ordenador, coge el móvil o una tablet y atento a los siguientes ejemplos prácticos que hemos desarrollado desde Selenus:
- Suavinex: desde hace tres semanas, la empresa alicantina de productos infantiles cuenta con una nueva newsletter responsive. Tras las redes sociales, consultar el correo electrónico es el segundo motivo para acceder a Internet desde el móvil, así que ya ofrecen los contenidos de sus boletines completamente optimizados. Puedes ver el último número desde este enlace.
- Mecina Fondales: la web de este precioso hotel de La Alpujarra se adapta a todos los dispositivos y puedes reservar habitación directamente desde el móvil, además de ver la carta del restaurante o realizar un paseo virtual por las habitaciones.
- Unidad de Ozonoterapia Aragón: web de esta entidad pionera en esta comunidad autónoma en la aplicación médica del gas ozono para el tratamiento de hernias discales, úlceras o dolores musculares, entre un largo etcétera.
Gracias por los consejos! Me parece una metáfora bastante interesante para comprender el sistema y como funciona. Un saludo
Muy buenos consejos sobre cómo hacer la web más responsive! Unas recomendaciones bastante útiles!