¿Cómo consigo un diseño responsive para mi tienda online que lleva ya mucho tiempo operando en la red?

Puede que seas un veterano en los negocios y que también seas uno de los pioneros de tu giro en montar una tienda online, pero sucede que ahora, con la imparable penetración en el mercado electrónico de los dispositivos móviles inteligentes, tu sitio empieza a correr el riesgo de quedarse obsoleto en el ámbito del diseño y la apariencia. Pero no te alarmes, que hay maneras de hacer que tu portal que lleva operando tanto tiempo, se adapte a los nuevos dispositivos sin problemas. Ten en cuenta que aunque librar estas batallas no siempre es sencillo, tampoco es imposible, particularmente si echas mano de las herramientas adecuadas.

Ayúdate con etiquetas HTLM

A la hora de ser visualizados, muchos sitios web utilizan herramientas zoom cuya finalidad es adecuar la resolución real del sitio a las dimensiones de las pantallas de móviles o tabletas. Una manera simple de “imitar” la operación de estas herramientas es crear etiquetas HTML que indiquen, al dispositivo mediante el que el usuario te visita, a utilización de un escalado distinto a la hora de abrir tus páginas. Así de simple.

Las bondades de los Media Queries

Esto es complicado si no tienes idea sobre cómo funciona el lenguaje CSS, pero si conoces al menos lo básico, podrás aprovechar la aplicación de media queries para mejorar por la apariencia de tu tienda online en dispositivos inteligentes. Los media queries son una especie de comandos automáticos que, mediante CSS, se pueden aplicar de manera seleccionada al diseño de tu sitio. Lo que debes haces es declarar en el sistema ciertos requisitos para que estos “comandos” se ejecuten mostrando tus páginas bajo condiciones determinadas.

Un momento… ¡No enloquezcas!

El diseño responsive obedece a ciertos estándares, pero lo cierto, es que la gama de equipos desde donde los usuarios pueden intentar acceder a tu tienda online es amplísima. No te preocupes entonces por satisfacer las necesidades de todos los tamaños de pantalla que existen. Mejor ocúpate solamente de las que tienen mayor auge entre tus usuarios . Para ello utiliza Google Analytics, que te dirá cuáles son las resoluciones preferidas de tus clientes y, de paso, cuáles son las páginas y micrositios que más visitan para que sepas en donde concentrarte cuando trates de mejorar la visualización en dispositivos inteligentes. 

Imagen cortesía de http://dirz8dubrwck5.cloudfront.net/. Todos los derechos reservados.