Tecnología

Crea tu sitio Web con diseño responsivo

Esta opción te permitirá ahorrar en la creación de diversos sitios Web optimizados para diferentes dispositivos móviles.
Crea tu sitio Web con diseño responsivo
Crédito: Depositphotos.com
  • ---Shares

Cualquier negocio necesita un sitio Web, pero en estos días el sitio no sólo se trata de lo que ves en la pantalla de una computadora. La gente está usando Internet en una creciente gama de dispositivos, desde smartphones hasta consolas de videojuegos. Y la tendencia de la Web móvil sigue a la alza.

El problema es que muchos sitios Web de negocios todavía están diseñados teniendo en mente a las computadoras de escritorio o a las laptops. Cuando ves la típica página de una marca en un dispositivo móvil, lo común es que requiera hacer zoom y scrolling para ver el contenido. E interactuar con un sitio de este tipo en una pantalla táctil puede resultar muy torpe. 

Para compensar esta tendencia, muchos empresarios están desarrollando uno o varios diseños de sitios Web optimizados o ciertos “temas” que el servicio web envía al usuario cuando un dispositivo móvil es detectado. Ése es un primer paso; no obstante, los dispositivos móviles vienen en muchos tamaños y formas. Lo que se ve estupendo en, digamos, el iPhone puede verse terrible en el Kindle Fire.

Relacionado: 3 tips al optimizar tu sitio Web

Es posible crear diseños para cada una de las pantallas de los principales dispositivos, pero finalmente éste es un juego perdido. Los nuevos dispositivos siempre superarán la habilidad de un diseñador de cambiar los temas customizados.  

Una solución es algo llamado “diseño Web responsivo” que puede hacer que tu sitio Web sea más fácil y barato de administrar y al mismo tiempo darles a los usuarios móviles una mejor experiencia. Esto te permite crear un solo diseño que funcionará en casi cualquier pantalla y tipo de dispositivo, y también puede mejorar tu visibilidad de búsqueda.  Adicionalmente, evita el obstáculo de esperar que el usuario escriba “m.” antes de la URL de tu sitio para acceder a una versión móvil optimizada. 

Cuando un usuario accede a un sitio Web diseñado responsivamente, el sitio percibe las características del dispositivo y automáticamente “responde” o se auto reconfigura para funcionar correctamente. Reorganiza el layout al cambiar las imágenes y herramientas de navegación.  

Además, nuevos aparatos que permiten navegar en Internet, como las cámaras con Android, se están haciendo muy populares. Con esta opción sólo necesitas refinar un poco tu diseño responsivo para que funcione. 

Para hacer un sitio con diseño responsivo para tu negocio, puedes contratar un diseñador o utilizar una herramienta que permita esta característica. De cualquier manera, te damos cinco consejos que te pueden ayudar a hacerlo mejor:

1. Decide cuándo hacer el cambio
El diseño responsivo es una forma radicalmente diferente de administrar los elementos de un sitio Web, lo que significa que es difícil introducir el diseño responsivo a un sitio convencional existe. Por lo tanto, tal vez te convenga esperar hasta que decidas crear un nuevo sitio o reconstruir el actual. 

2. Monitorea tu tráfico Web
Revisa periódicamente las estadísticas por el número de visitantes móviles, evalúa cómo ese segmento de tu mercado online ha crecido y proyéctalo de dos a cinco años. Mientras más marcada esté esa curva de crecimiento, más importante será implementar el diseño Web responsivo lo antes posible. 

Relacionado: Cómo monitorear tu sitio Web

3. Revisa los sitios de la competencia en diferentes dispositivos
Ten una lista de las URLs de los negocios que son similares al tuyo. Periódicamente revísales en varias computadoras, smartphones y tablets. ¿Cuáles son los más fáciles de navegar, que requieren menos zooming y scrolling? Usa el mejor como una guía para tu diseño. 

4. Contrata diseñadores con experiencia en diseño responsivo
Muchos diseñadores que trabajan con clientes de pequeñas y medianas empresas aún están enfocados en diseñar sitios para verse en computadoras. Asegúrate de pedirle ejemplos recientes de sus diseños responsivos. No sólo pidas pantallazos, sino también las URLs y revísalos en diversos dispositivos, prestándole atención a cómo lucen y cómo funcionan. 

5. Si lo haces tú mismo, usa las herramientas correctas
Si decides crear un sitio con diseño responsivo por ti mismo, considera usar la última versión de Squarespace. Es un servicio de hosting de bajo costo que te permite crear tu diseño responsivo mediante una sencilla interfaz. 

También existen temas responsivos pre hechos (gratis y por paga, por lo general entre los $30 y $100 dólares) para sitios construidos con WordPress, una plataforma abierta muy popular.  La versión hosted de esta plataforma, WordPress.com, está empezando a ofrecer también temas responsivos.