Diseno Web Responsive

Diseño Web Responsive

Definición de “Diseño Web Adaptativo”

El Diseño Web Adaptativo, también conocido como Diseño Web Adaptativo o Adaptable, y en inglés como Responsive Web Design consiste en una serie de técnicas de diseño y desarrollo web que permite que las páginas y portales web creados con este formato, se adapten a las pantallas de cualquier dispositivo con el que un usuario los visita. Aquí podéis ver la definición en Wikipedia.

Tales dispositivos podrían ser ordenadores con diferentes tamaños y formatos de pantalla, tabletas como el ipad, teléfonos smartphone, etc.

Cuando empecé a trabajar en el mundo del diseño web e internet, hacía el año 2000, tenía muy en cuenta que debía mantener un estándar en cuanto a tamaño de páginas creadas para poderse ver correctamente en las resoluciones de pantalla más difundidas en ese momento. Me refiero a los clásicos formatos, de 800×600 y 1024×768 píxeles.

Hoy en día, el diseño web debe ser lo más “fléxible” posible, tal cual como esta palabra indica. Al ser 100% flexible, una web podrá verse correctamente en múltiples dispositivos y ordenadores conectados a internet, haciéndo la navegación por las secciones mucho más sencilla y usable.

Beneficios del Diseño Web Responsive

Los beneficios que encontramos en diseñar y desarrollar nuestras páginas con estas técnicas son innumerables y cada vez son más importantes, pero mencionaremos sólo algunas de ellas:

  • La reducción notable en costes de producción y desarrollo:  Hasta hoy día nos podemos encontrar con webs que usan versiones diferentes para ordenadores y dispositivos móviles. Esto se traduce en el desarrollo de 2 o más versiones para cada plataforma, lo que conlleva  a invertir más tiempo  y dinero en el desarrollo, tanto así para cuando se quiera hacer una modificación dentro del contenido o estructura del sitio (Ya que se deberían hacer 2 o más veces las modificaciones en las diferentes versiones del sitio).
  • Lo más importante, es que utilizar diseño web responsive, adaptable o adaptativo, conlleva a mejorar enormemente la experiencia del usuario que visita un sitio web, desde el dispositivo con el que cuenta a mano en ese momento. De lo contrario, la navegabilidad le supondría muchas más dificultades de lo normal para encontrar la información que está buscando.
diseno-web-responsable-ejemplo

Ejemplo de una web con Diseño Web Responsive

Entre otros beneficios de utilizar estas técnicas, podemos resumir los siguientes:

  • Mayor captación de la atención de los visitandes de dispositivos móviles.
  • El antiguo estándar de resoluciones de pantalla, tiene un porcentaje de legibilidad bastante bajo en cualquier dispositivo o tableta.
  • La geolocalización es otro punto añadido para los usuarios de teléfonos y smarphones.
1 Comentario
  1. Webbing Barcelona

    Buen y definido artículo sobre el Responsive. Ya no es que sea de gran importancia o un factor a tener en cuenta, sino que a día de hoy todo diseño web tiene la obligación de ser responsive debido al uso tan disperso de diferentes dispositivos con diferentes resoluciones de pantalla.

Escribe un comentario

Uso de cookies

Utilizamos cookies propias y de terceros para mejorar nuestros servicios y mostrarle publicidad relacionada con sus preferencias mediante el análisis de sus hábitos de navegación. Si continúa navegando, consideramos que acepta su uso. Puede cambiar la configuración u obtener más información aquí

ACEPTAR
Aviso de cookies