15 junio, 2017

Diseño Responsivo vs Adaptativo

El desarrollo web ha variado en el tiempo, pasando de un desarrollo plano, considerando únicas medidas de pantalla, sin darle prioridad a la usabilidad, a un desarrollo mas orientado a la calidad de la navegación y la experiencia de usuario, por eso, conceptos como UI/UX, responsive, Mobile First, ya no son desconocidos y cada vez se utilizan mas en el mundo del diseño y de los proyectos web.

Entre los conceptos que se utilizan, hay que saber diferenciar en ellos los diversos factores que separan las pequeñas similitudes que existen, y en el caso del diseño responsivo/adaptativo hay que hacer la diferencia para que se entienda como debe ser utilizado cada uno y en que preciso momento debe ser utilizado.

Hacer las cosas lo más simple posible, pero no de la forma mas sencilla.

Albert Einstein

DISEÑO RESPONSIVO

Este diseño tiene un punto clave, medidas proporcionales para los elementos en la página, utiliza estructura de media query en la hoja de estilos y se debe programar el comportamiento de los elementos en diversas medidas de pantalla. Requiere más horas de programación que un diseño adaptativo, por el hecho de tener que definir el tamaño de cada elemento en proporción a la medida del formato de pantalla, es mucho más flexible y se puede hacer una experiencia de usuario mas agradable, por el hecho de permitir “moldear” cada elemento de la pantalla.

DISEÑO ADAPTATIVO

Este diseño tiene un punto clave, se programan distintas medidas de pantalla y los elementos dentro de ellas, esta estructura no es tan flexible para los elementos en su interior como lo es para el diseño responsivo, pero tiene ventajas a la hora del desarrollo, ya que requiere menos dedicación en programación por lo que los desarrollos suelen ser mas rápidos al momento de la entrega pero mas estricto en cuanto al movimiento de los elementos.