¿Qué es responsive?

Tradicionalmente se venían diseñando sitios diferentes para la versión "desktop" y la versión "mobile". Esto por fortuna ha quedado atrás en el tiempo. Hoy en día con una única web responsive es suficiente para todos los dispositivos.

Responsive es una técnica alternativa que permite que una web se adapte a cualquier tamaño de pantalla de las existentes en el mercado: Ordenadores. Tablets y Teléfonos móviles, todos ellos con una gran variedad de resoluciones disponibles.

Aunque no queremos entrar muy en profundidad en cómo se realiza un desarrollo responsive, la idea principal es que el desarrollador utiliza una única web que es capaz de visualizarse de forma correcta en diferentes dispositivos. Para ello se ajustan los tamaños de cada uno de los elementos llegando a mostrar u ocultar elementos para determinados dispositivos.

Como se puede ver en la imagen que aparece a continuación es un concepto muy sencillo de entender.

¿Qué tenemos en cuenta a la hora de desarrollar un sitio web responsive?

Aunque los aspectos que se han de tener en cuenta a la hora de crear una web responsive son muchos más, podríamos decir que estos son los más importantes:

• Los tiempos de carga: son esenciales para la usabilidad de una página web y para enriquecer la experiencia del usuario, por lo que es una de las variables que más en cuenta hay que tener a la hora de crear la web. Consulta la velocidad de carga de tu página web haciendo clic aquí.
• La tipografía: el tamaño de la letra ha de adaptarse en función de la pantalla para que el texto mostrado sea totalmente legible. Tampoco podemos olvidar una correcta elección del estilo tipográfico.
• Imágenes y videos: lógicamente, los elementos más visuales de la página web, deberán guardar una proporción que sea visible en cada uno de los dispositivos en los que se pueda mostrar la página.

¿Por qué necesita tu negocio una página web responsive?

Si tu página web no es responsive entonces no será accesible o, al menos, no de una manera correcta desde un smartphone para los casi 38 millones de usuarios móviles existentes en España, lo que significaría una gran perdida de oportunidades de venta ¿no crees?

Además, según Google:

• El 60 % de las personas no permanecerán en tu sitio web si no tienen un diseño responsive.
• El 67 % de las personas estarán más dispuestas a comprar un producto o un servicio cuando proviene de una página web responsive.

Diseñar una página web de manera responsive es esencial hoy día para una correcta experiencia del usuario.

Ventajas de una página web responsive

• Mayor tráfico web. Se obtendrá una mayor cantidad de usuarios en la web al ser posible que se acceda desde distintos positivos.
• Páginas más rápidas. Los estudios revelan que los usuarios de Smartphone tienen periodos de atención mucho menores y que por lo tanto suelen abandonar lugares que tardan más de tres segundos en cargar. Este tiempo de carga se minimiza en las páginas responsive manteniendo a los usuarios atentos y conectados.
• Menor tasa de rebote. El ofrecer una experiencia más completa al usuario se traduce en un rebote mucho menor, lo que hará que el usuario explore e indague más en la página.
• Ahorro de costes de desarrollo. El coste de desarrollo de una página web responsive, que funcione directamente en todos los dispositivos, es muchísimo menor que el de desarrollar una versión de la web para cada tipo de pantalla.

¿Cómo saber si mi página web es responsive?

Si no sabes muy bien si tu página web está optimizada de manera responsive y puede reproducirse a la perfección en distintos dispositivos, no te preocupes, Google una vez más nos da la solución a través de su herramienta mobile-friendly test.

1. Entra en la prueba de optimización responsive de Google.
2. Introduce la URL de tu página web o de la página web de la que quieras saber su nivel de optimización.
3. Pulsa el botón “probar URL”.
4. Aparecerá una barra de progreso. Al terminar esta carga tendrás los resultados y sabrás si tu sitio web es apto o no para móviles ¡así de fácil!
5. Además de darte resultados sobre responsive, también te indica qué errores se han producido en la carga y te ofrece una imagen del contenido que ve el usuario móvil en su pantalla. Es una herramienta genial.

¿Cómo se ve tu página web en los distintos dispositivos?

En el navegador de Google Chrome hay una opción poco conocida para saber como se ve tu página web en los distintos dispositivos existentes, lo que es muy útil a la hora de determinar si tu página web está optimizada para todos los dispositivos y cómo se ve en ellos. Aquí te dejamos los pasos a seguir para verlo.

1. Navega hacia la página en la que quieras probarlo
2. En la ventana “ver” de Google Chrome, pulsa la opción “opciones para desarrolladores”
3. Se te abrirá una ventana a la derecha en la que podrás ver el código de la página web, entonces tendrás que pulsar el icono en el que aparecen dos pequeñas pantallas, justo en la esquina superior izquierda del nuevo panel que se ha abierto.
4. Una vez pulses en él se te abrirá una vista previa de cómo se vería la página web en distintas plataformas, además de cambiar el ancho y el alto de la pantalla ficticia para ver cómo afecta en tu web. Hay dispositivos predeterminados iPhone X, Samsung Galaxy s6, etc.

El diseño responsive es una cuestión primaria cuando se quiere diseñar una página web, por lo que no hay tiempo que perder, si tu página es responsive ¡enhorabuena! Y si no lo es ¿a qué estas esperando?

Esperamos que este artículo os haya sido útil ¡nos vemos en el próximo!.

https://devtia.com ofrece las siguientes funcionalidades:

1. Es un sitio web donde se publican y promocionan los diferentes productos y servicios que ofrece la compañia.
2. Es una lista de correo que ofrece contenidos a nuestros subscriptores relacionados con el desarrollo de software.
3. Para nuestros clientes.
   1. Es una plataforma que permite consultar propuestas online.
   2. Es una plataforma que permite consultar la planificación de nuestros proyectos.

INFORMACIÓN LEGAL

Datos del propietario

CONDICIONES DE USO

El acceso y navegación por https://devtia.com y/o el uso de los servicios ofrecidos en este lugar implica que el usuario acepta la política de privacidad, el aviso legal y las condiciones de uso de este servicio. En caso de no aceptarlos usted debe dejar de navegar por esta página y/o utilizar sus servicios.

DATOS DE LOS USUARIOS

En conformidad con lo previsto en la Ley Orgánica 15/1999, del 13 de diciembre, de Protección de Datos de Carácter Personal (LOPD), los gestores de DEVTIA SOLUCIONES SLU informan de la existencia de un fichero de su titularidad en el cual se incluirán los datos necesarios para mantener informados a los usuarios que así lo requieran o proporcionar los servicios que los usuarios soliciten.

El titular podrá ejercitar los derechos reconocidos en la LOPD sobre este fichero y, en particular, los de acceso, rectificación o cancelación de datos y oposición, si resultara pertinente, así como el de revocación del consentimiento para la cesión de sus datos en los términos previstos en la LOPD. Los usuarios pueden realizar estas acciones enviando una solicitud a través de https://devtia.com/contact/ o escribiendo a la dirección de correo electrónico info@devtia.com.

PRIVACIDAD

Los ficheros de https://devtia.com no contienen datos de carácter privado ni requieren información para identificar personas físicas.

COOKIES

El sitio web https://devtia.com usa cookies sólo con objetivos técnicos como la autenticación de usuarios. En ningún caso estos cookies se usan para otro fines a los anteriormente descritos, ni se pasa información a terceros.

Usamos Google Analytics para obtener las estadísticas de accesos, por lo que además de los cookies mencionados, se podrían incluir otros cookies para el seguimiento de sesiones y usuarios únicos. En ningún caso estos cookies incluyen información personal o privada de los usuarios registrados en devtia.com, están completamente disociados y aislados de los datos que gestiona https://devtia.com

Los usuarios pueden eliminar o impedir el envío de estas cookies desde las opciones de su navegador.

EXCLUSIÓN DE GARANTÍAS Y RESPONSABILIDAD

Los gestores de https://devtia.com no garantizan la licitud, fiabilidad, exactitud, exhaustividad, actualidad y utilidad de los contenidos.

El establecimiento de un hiperenlace, enlace, intercambio, no implica en ningún caso la existencia de relaciones entre los gestores de https://devtia.com y el propietario del lugar web con la que se establezca, ni la aceptación y aprobación de sus contenidos o servicios.