El paradigma de lo ‘Responsive’

Buen día estimados lectores,

En ésta ocasión, les hablaré un poco sobre algo que me inquieta supremamente: La confusión que se ha generado al surgir la tendencia de querer ver las páginas o sistemas web en cualquier dispositivo. Empezando por PC y tomando en cuenta laptops, tablets, teléfonos móviles, smart watches.

Con la aparición de los smartphones, el público que antes veía las webs sólo en las PC, quiere ver eso en sus teléfonos móviles.

Hay que puntualizar dos cosas en este punto. Con lo que he llamado el paradigma de lo ‘Responsive’, tenemos dos modelos de diagramación:

• Adaptative
• Responsive

Adaptative

Las páginas construidas sobre el modelo adaptative, sólo se ven correctamente diagramadas, para el ojo del usuario, en resoluciones de pantalla específicas. Se sirven versiones diferentes de la web según la resolución de pantalla específica en la que se vea, a saber:

Comunmente se establecen (tomando como punto de partida el ancho de la pantalla) las siguientes resoluciones de pantalla en los estilos de la web:

• 320px (algunos teléfonos móviles)
• 480px (Iphone y smartphones)
• 720px (tablets)
• 960px (De aquí en adelante PC’s)
• 1024px
• 1133px
• 1200px (Escritorio ancho)

Es decir, la web se va a ver bien, al ojo del usuario, sí y sólo sí, se encuentra en alguna de las resoluciones anteriormente descritas.

Si te encuentras en la transición de una resolución a otra es decir, por ejemplo, en 1100px (entre 1024px y 1133px) es posible que la web no se adapte correctamente.

Pasa algo distinto cuando las páginas son construídas sobre el paradigma ‘Responsive’

Responsive

Una web que se construye sobre este modelo, se establecen las reglas para las resoluciones anteriormente nombradas y los elementos en la web cambian según la resolución en la que estés.

Contenido y contenedor

Para estos dos modelos, sobre los que se construyen las páginas web actualmente – y por lo visto – la tendencia refleja que se seguirán haciendo de esa forma, aparecen algunos inconvenientes cuando hablamos de contenido y contenedores., a saber:

Cuando se implementa el diseño en una web, su comportamiento «responsive» se ve distorisionado y un desarrollador web debe hacer adaptaciones correspondientes para que dicho comportamiento sea como el diseñado.

Por ejemplo: Si un contenedor ha sido diseñado para comprender un contenido no mayor a 200px, quiere decir que si el contenido mide 50px va a verse bien, si resulta de 300px, siendo el ancho máximo 200px, se va a distorsionar la vista del mismo y posiblemente otros contenedores alrededor se vean también distorsionados del diseño original.

Por esta razón, si luego del diseño implementado, surge la necesidad de alimentar los contenedores correspondientes al diseño con un contenido de dimensiones mayores a las contempladas, se requiere realizar una adaptación en los estilos de la web para que este contenido no se vea alterado en la misma.

¿Qué modelo es mejor?

Depende de cada proyecto.

Habría que hacer un análisis exhaustivo de cómo se quiere la web para saber qué paradigma implementar.

Hasta una próxima entrega.