Webs y móviles la importancia del responsive

Los smartphones, las tablets y otros dispositivos móviles menos populares, han revolucionado el vasto mundo de internet, dado el vertiginoso crecimiento de su presencia en el mercado. Estemos en el sitio que sea, siempre veremos a alguien con uno (o hasta dos) de estos dispositivos.

De ahí, precisamente, viene la importancia del responsive, al que haremos alusión detallada durante la presente publicación.

Sitios web para todos los dispositivos o Responsive

La grandes empresas y, por qué no, hasta las pymes, se han concientizado de la masiva presencia de los Smartphone, las tablets y otros dispositivos móviles, en razón de lo cual han empezado a actuar. Cada tipo de compañía, en la medida de su tamaño y presupuesto, están invirtiendo en I+D para hacer de su presencia online un sitio accesible desde cualquiera de estos dispositivos.

Prueba certera de lo manifestado, la encontramos en la nueva aplicación de Facebook para Android, llamada “Facebook Home”.

Para poder apreciar, en toda su dimensión el responsive, traduzcámoslo (antes que nada) para analizarlo con más claridad. En castellano, lo podríamos denominar un “diseño web adaptativo” que, dicho sea de paso, es una técnica de diseño y desarrollo web.

Mediante el uso de imágenes y estructuras fluidas, además de media-queries en la hoja de estilo de CSS (estilos específicos para dispositivos), esta técnica logra adaptar el website al entorno del usuario.

Ahora, existen varios aspectos a tener en cuenta desde el punto de vista de la maniobrabilidad del usuario, de un lado, y del SEO, de otra parte.

Aspectos importantes del responsive:

× Por el hecho de no existir diferentes versiones para los distintos dispositivos móviles, no tendremos contenido duplicado.

× Es muchísimo más fácil y expedito conseguir enlaces entrantes para para un sólo (único) sitio, que para varios.

× Google Developers recomienda profusamente utilizar el diseño web responsive, para que sea más funcional el uso de los websites de las empresas.

La importancia del diseño adaptativo se dimensiona, aún más, por el hecho de que el buscador que utiliza el 95 % de las personas en todo el mundo, lo recomiende ampliamente.

Otros aspectos relevantes del responsive

Solo se dispone de un código para todos los dispositivos móviles, en virtud de lo cual todos los esfuerzos de las empresas por lograr un buen posicionamiento SEO, se verán unificados.

De otro lado pero en el mismo sentido conceptual, digamos que únicamente aparece una URL en los resultados de búsqueda, en razón de lo cual se evitan la redireccionamientos y los fallos que se derivan de estos.

Ahora, cabría recomendar a “Responsinator” para verificar cómo se puede apreciar nuestro sitio web en todo tipo de dispositivos móviles. De todo lo hasta aquí esgrimido, podemos concluir (de momento) que la importancia del diseño responsivo es “por partida doble”, esto es, tiene una gran relevancia tanto para las empresas con sitio web, como para los usuarios directos de los Smartphone y la tablets.

Según estudios adelantados por “Comscore”, las ventas de smartphones ya están superando las de los PCs de escritorio, según estadísticas tomadas tan solo en los Estados Unidos. Además, según dicho estudio se prevé que en este país la venta de tablets aumentará en un 40 % hacia 2016, alcanzando casi los 76 millones.

Si dispusiésemos de estadísticas globales, alcanzaríamos cifras “espeluznantes”.

La importancia del responsive en función de semejante proliferación. Marketing

Un panorama como el descrito, ha demandado la adaptación de los formatos web a los nuevos dispositivos y a la estructura de cada uno de estos. Es más que obvio e indiscutible que estamos necesitando de sitios webs más inteligentes, que se sepan adaptar a todos esos dispositivos.

En términos de marketing, tenemos un enorme desarrollo porque:

Todo el “gran universo” de usuarios de los dispositivos a los que hemos estado haciendo alusión durante esta publicación, son compradores potenciales. Ahora, esta importancia se multiplica vertiginosamente si entramos a analizar el impacto sobre el comercio electrónico (“e-commerce”). El impacto ha sido verdaderamente descomunal, en este que es uno de los ámbitos más importantes de la red: el comercio electrónico.

Para apreciar lo aludido con cifras y continuando con el mercado de los Estados Unidos tenemos que, según información de “eMarketer”, las ventas mediante los smartphones (sin las tablets) han crecido en un 81 %.

Este aumento porcentual se traduce en la astronómica cifra de 25.000 millones de dólares en sólo Estados Unidos.

Pero, insistimos, si aunásemos cifras de otras latitudes, comprenderíamos realmente la necesidad de “darle más inteligencia” a los websites dedicados al comercio electrónico.

Precisando, aún más, el concepto de “responsive”

En vista de semejante crecimiento, como el que hemos podido apreciar en el apartado anterior, la expresión “responsive web design” se lee y se escucha por todas partes. Pero, precisemos el concepto con más exactitud para que al lector no le quede duda alguna respecto de la importancia del fenómeno.

El “responsive design” corresponde a una tendencia de diseño y desarrollo de sitios web, que puedan ser visualizadas a la perfección en las pantallas (usualmente pequeñas) de todos los dispositivos móviles. Si bien es cierto que el tamaño de las pantallas de algunas tablets permite una óptima visualización de los sitios web a la usanza tradicional, también es cierto que muchísimas de ellas son pequeñas. Y ni qué decir de los smartphones, cuyas pantallas y estructuras tradicionales impiden una correcta visualización de los sitios web de internet.

Ya no va a ser necesario tener una versión de cada sitio web para cada tipo de dispositivo.

Una sola página se adapta a todos ellos, desde los PCs de escritorio (o portátiles pequeños), pasando por las tablets, hasta llegar a los smartphones.

Ahora, siendo más explícitos en lo que respecta al funcionamiento de “responsive web design”, digamos que se crea una sola web utilizando CSS3 media-queries y un layout con imágenes flexibles.

De esta manera, ya no es necesario crear un sitio web para cada dispositivo sino, más bien, el sistema aplica para Smartphone, tablet, ordenador desktop, laptop e, incluso, para smartTVs.

Así las cosas, el sitio web detecta desde qué tipo de aparato está accediendo el usuario y muestra la versión que mejor se adapte para ese dispositivo en particular.

Reorganiza los elementos de la página web e, incluso, los discrimina presentando, por ejemplo, una redistribución de las columnas, menor cantidad de texto y menos imágenes (o más ligeras).

En detalles como éstos, podemos apreciar la enorme importancia de las webs responsivas. Pero, además, el HTML5 le permite a los usuarios una excelente experiencia. Excelencia esta, que se puede lograr sin necesidad de invertir en una aplicación nativa por cada dispositivo. Todo lo que tiene que ver con el responsive design, significa ventajas de todo tipo. O si no digamos, además, que los resultados son los mismos en todas las plataformas, sin que los textos o las imágenes se distorsionen.

Ahora, desde el punto de vista de los costes, es una gran ventaja el poder hacer un pago único de hosting.

Como si todo lo anterior fuese poco, digamos que para los websites mejora el SEO, entre otras razones, porque Google ya está empezando a priorizar las websites adaptadas a los dispositivos móviles, de hecho lo muestra en los resultados accediendo de este tipo de dispositivos.

Artículos relacionados
Deja tu respuesta