Responsividad.... (respirar hondo)

La responsividad... 




Los diseñadores web (calculo que los desarrolladores de este medio un poco también), estamos  atravesando un momento complejo.
O al menos yo lo estoy.
Durante años tuvimos que manejar las diferencias radicales entre navegadores, hasta que en algún momento se logró más o menos un consenso que nos permitía trabajar bastante bien para todos (excepto claro, nuestro archi enemigo IE).
De un tiempo a esta parte, el auge (que parte de una necesidad totalmente veraz) de lo responsivo empezó a complicarnos nuevamente la vida.
Diferentes marcas, diferentes resoluciones, diferente profundidad, diferente visualización de los mismos  elementos según el sistema operativo...

Tengo muchas críticas que podría hacerle a Apple por su iphone (y que conste que tengo uno, no es que hablo de costado), pero al menos los lineamientos son claros, las resoluciones son claras y son concretas. En este momento hay 3 "modelos" en uso, el 5, el 6 y el 6 plus, incluso con retina sigue siendo un campo acotado y relativamente fácil de resolver.


Para el caso de Android, el panorama es radicalmente diferente. Hay cientos de dispositivos, una variedad de posibles resoluciones bastante más amplia y un par de diferentes profundidades... (sin contar con que hay una gran fragmentación, en referencia a versiones customizadas de android). Y la falta de una guía de estándares a seguir, aunque es cierto que Google está trabajando en eso con Material Design.
Las más usuales (o impuestas por marcas líder)



La explicación más probable para esto, es que mientras Apple, IOS y sus devices son un todo de una misma empresa (o marca mejor dicho),  no es el caso de Android, que simplemente es un Sistema Operativo que es utilizado por muchísimas empresas que venden dispositivos móviles, de diferentes marcas.
Podrían igualmente estandarizarse, (alguien tuvo un monitor de 2025,5px?).
Pero el hecho de que sean diferentes empresas, compitiendo entre sí en un mercado apretado, hace que cada una quiera destacarse por sobre la otra, con más pantalla, más profundidad, menos pantalla pero más cámara, etc .
Y el resultado es una variedad enorme de dispositivos que lo único que tienen en común es el sistema operativo: Android.


Estos detalles representan para los diseñadores, bastantes dificultados a la hora de diseñar.
Sumado a eso, cada navegador, interpreta los mismos elementos de formas ligeramente diferentes en sus versiones mobile (el navegador en el celular), y en  escritorio....
Los emuladores no son 100% fieles en estos casos, diferencias de 1px a veces son suficientes para quebrar todo un layout.
Podemos tener todos los dispositivos? imposible. Podemos seleccionar nosotros los más populares? depende del destino del sitio (local, regional, mundial se complica).
Es imposible que se vea bien en "cualquier lado"?. No necesariamente, pero es necesario recurrir a un montón de tretas, válidas pero tretas al fin, que se alejan del sólo "html/CSS".
Todas más o menos en gran dependencia con javascript.
O las media queries (pero que requieren rescribir propiedades de CSS para algunos elementos en cada resolución, o rango de resoluciones, que estimemos conveniente).

De un tiempo a esta parte, es como si todo lo que se había avanzado en hacia una standarización de ciertos aspectos básicos de la web, se está retrayendo nuevamente.
Aparte de los teléfonos las tablets y los ipads.

Listado de resoluciones más usuales en teléfonos, y tablets: http://mydevice.io/devices/



Es obvio que hay un acelere importante en la industria, y que eso genera un mini caos camino a la estandarización, el problema es que no estoy viendo claramente el camino a ésta.
De celulares a monitores pasando por tablets y phablets, ios apps, android apps, windows apps....y la opción de html5, css3 y js con un compilador como cordova o phone gap (pero que... en realidad si bien las hace multiplataformas, no se aprovechan al máximo las características de cada dispositivo, y hay que tenerlos a todos en cuenta en cada diseño, generando redundancias.. como por ej. un botón de volver, que es absolutamente innecesario en android -los teléfonos lo tienen generalmente- pero  vital en iphone).

Nadie dice que la tarea sea imposible ni el fin del mundo, pero que existen algunos días que contemple cambiar de profesión, y dedicarme a... no se, cavar zanjas, existen.

Magical Mystery Tour

No hay comentarios.:

Publicar un comentario