Caracas, Venezuela 23/11/2017
 
 
FacebookTwitterBlog Tu Web Venezuela
Community Manager
  Siempre Util
  Pasatiempos
Horóscopo
  Aliados
Informaciones
.
Genere su Código QR en línea totalmente GRATIS

Diseños Adaptables (Responsive Web Design) un estándar mas que un lujo

 

Hace poco más de 10 años la única preocupación de diseño en cuanto a interfase (dispositivo) se refiere era que la página web se adaptara a las resoluciones de pantalla más comunes (diseño flexible) y que el color fuese lo más uniforme posible en los distintos monitores; más allá de eso las páginas web podían funcionar bien prácticamente en cualquier circunstancia.

Con el advenimiento y masificación de las tecnologías móviles el compás de elementos de diseño a ser considerados se amplió notablemente; ahora los usuarios pueden acceder a nuestra página web no sólo desde su computadora, de hecho sólo la mitada de los visitantes llegarán por esta vía, el resto lo hará a través de sus teléfonos inteligentes (smartphones), tablets o cualquier otro gadget con acceso a internet.

En este punto la flexibilidad del diseño a las dimensiones y resolución de pantallas es un punto más a considerar en el diseño web adaptable (responsive web design) el cual además de la legilibidad del sitio web en distintos tamaños de monitor debe considerar capacidad de procesamiento de los distintos dispositivos de acceso, consumo de ancho de banda en las conexiones telefónicas y velocidad de conexión la cual es muy variable entre los distintos dispositivos así como entre sus vías de conexión a internet.

Tomando esto en consideración en el diseño (y programación) web adaptable se debe, antes que nada, saber que tipo de dispositivo está llamando a la página, con esta información se generan scripts que permiten entregar el mejor diseño para ese dispositivo (partiendo del punto que hemos preparado manual o mediante software especializado distintas versiones de la página web según la plataforma de acceso al sitio) así como los contenidos que se adaptan a ese gadget en particular.

Der esta forma al hablar de diseño web adaptable tenemos una página web inteligente que identifica las características del equipo en el cual se está descargando con el objetivo de ofrecer a ese visitante el diseño que mejor se adapta a su pantalla así como los contenidos que podrá ver y usar con facilidad, omitiendo en algunos casos elementos que por su tamaño, requerimientos especiales del sistema no disponibles para un usuario en particular o tiempo de descarga sería difícil o incluso imposible visualizar en un dispositivo determinado.

Con los scripts adecuados y una programación adaptable coherente la misma página ofrecerá diferentes contenidos y diseño (maquetación) según el dispositivo con el cual se vea; en general para teléfonos inteligentes y plataformas con monitor o pantalla reducidos se ofrecerán contenidos de texto con imágenes y fotos a escala reducidad; normalmente los videos y archivos de audio muy pesados se omiten en los aparatos más básicos. Conforme se sube en la gama de gadgets se comienzan a ofrecer imágenes de mayor resolución y tamaño así como algunos videos comprimidos que se adapten a los tablets dejando los elementos más complejos, pesados y de navegabilidad reducida (como los formularios) sólo para equipos tipo laptop o desktop donde su ejecución y performance serán óptimos.

Cuando los teléfonos inteligentes y tablets eran un lujo que podían permitirse sólo unos pocos el diseño web adaptable era un lujo caro para una página web sin embargo la rápida evolución y masificación de las plataformas de acceso portátiles a internet pronto hizo que lo que antes era un lujo se convirtiera en un estándar y en la actualidad toda página web debería contar con al menos una versión móvil que se adapte a las necesidades de ese segmento de los visitantes que accederá al sitio web desde un dispositivo diferente a un computador.

Fuente: Artículo Original