¿Qué es el diseño responsive?

¿Qué es el diseño responsive?

web-responsive

2016 ha sido el año de la revolución de los smartphones: Según el informe realizado por  La Sociedad de la Información en España, el móvil es el principal dispositivo a través del cual los españoles entran en Internet, siendo empleado por un 88,3% de los usuarios. Pierde posiciones el ordenador, y aumentan notablemente los televisores y las videoconsolas. Además, el perfil del usuario de la red de redes se va ampliando en edad, y la franja de edad entre los 54 y los 65 años se atreve, al fin, con la navegación online. La brecha generacional se acorta, y la información en internet llega cada vez a un número más amplio de ciudadanos.

Con este panorama surge para su empresa una necesidad imperante: hacer que su página web llegue al mayor número de dispositivos posibles. De aquella premisa de hace unos años “has de hacerte una web” pasamos ahora mismo a “tiene que verse desde cualquier dispositivo”. Aquí entra en juego el diseño responsive.

A pesar de lo que algunos puedan pensar, un diseño responsive no supone hacer una nueva versión para móviles de la página web que su empresa tiene en funcionamiento: el diseño responsive va más allá, favoreciendo la experiencia de usuario, por lo que será necesario rediseñar una nueva página web que atienda a los criterios responsive.

nino-tablet

¿Y cuáles son los criterios del diseño responsive?

El diseño responsive proporciona a todos los usuarios la misma experiencia, independientemente de su lugar de su dispositivo de conexión, y exactamente los mismos contenidos. Focalizadas principalmente en las dimensiones de la pantalla, ya que los puntos de acceso pueden ser tan variados como ordenadores de escritorio, tablets, móviles o televisiones, las técnicas responsive redimensionan y colocan los diversos elementos de una web para que los layouts (contenidos) e imágenes sean fluidos.

El diseño de nuestra web debe estar preparado estructuralmente para adaptar todos sus contenidos en función del tipo de de dispositivo sobre el que se está viendo y la resolución de pantalla del mismo.

A la hora de plantear una página web con diseño responsive debemos tener en cuenta, en especial, las métricas que hayamos ido obteniendo con el tiempo desde nuestro sitio web:

  • Determinar los dispositivos que utilizan nuestros usuarios. El contenido de una web no se muestra igual en un smartphone o en una tablet, de la misma forma que no se ve igual en vertical que en horizontal.
  • Los contenidos son lo más importante. Y aquí tendrá el dilema interno de respetar un diseño impresionante. Pero si quiere, de verdad, llegar al usuario, el contenido es lo principal.
  • Establezca y respete las jerarquías, prestando especial cuidado a los tamaños de tipografías o imágenes.
  • Revise su web reduciendo el tamaño de la pantalla del navegador de su ordenador de sobremesa para observar la experiencia que cada usuario va a percibir. Haga cambios, simplifique los contenidos, rediseñe. ¡Adáptese!

diseno-responsive

Beneficios del web responsive

Con estas premisas, no son pocos los beneficios que obtendrá:

  • Carga más veloz del sitio
  • Mejor lectura gracias al tamaño de letra adecuado.
  • Mejor experiencia en la navegación gracias a los botones adaptados para uso táctil.
  • Ahorro de costes: frente a las múltiples versiones del sitio web, o incluso el desarrollo de Apps, una sola web responsive da respuesta a todas las necesidades.

Siete de cada diez usuarios de telefonía cuenta con un Smartphone, y casi el 80% de la población entre 16 y 74 años se conecta a diario desde el teléfono a internet. Las cifras cantan: adaptarse a la tecnología ya no es una opción.

 

 

Comparte este post!

Dejar un comentario

Your email address will not be published.

Uso de cookies

Utilizamos cookies de terceros para evaluar el uso que se hace a través de nuestra página web y la actividad general de la misma, así como para permitirle compartir información a través de las redes sociales. Si continúa navegando, consideramos que acepta su uso. Puede cambiar la configuración y obtener más información sobre las cookies haciendo click aquí. ACEPTAR