Mobile First?

Una nueva tendencia, empapada de trenditis la llamada ‘Mobile First’ ha surgido a partir del libro homónimo de Luke Wroblewski.

En la introducción dicen de él que ‘Luke Wroblewski knows more about mobile experience than the rest of us’, lo cual no pongo en duda, aunque dicho así, me parece un tanto intimidatorio.

IMAG0217Pues bien, esta idea habla de anteponer las características (limitaciones?) de dispositivos móviles (smartphones, tablets, etc.) a las pantallas de PCs (monitores grandes) a la hora de diseñar las webs y, lo que es más agresivo, de redactar los  contenidos. Se basa en pensar primero en las pantallas pequeñas a la hora de diseñar sitios webs para luego ir ampliando la superficie disponible y ubicando contenidos adicionales en lugar de como tradicionalmente se ha venido haciendo, es decir, pensar en pantallas de ordenador de sobremesa y luego hacer una versión para tablets y móviles.

Mobile First se fundamenta en la idea de que en el futuro los PCs habrán desaparecido de los hogares y todo el mundo navegará desde una tablet o teléfono. Lo cual, para el mercado doméstico, no esta mal encaminado, pero ¿que hay de los PCs en las oficinas y demás puestos de trabajo, en las aulas, etc.? ¿También vamos a desterrar de allí los ordenadores? No lo creo. No creo en absoluto que los PCs desaparezcan, aunque si perderan cuota de mercado como dispositivo preferido para navegar por Internet, en favor de tablets y demás, sobre todo en el ámbito doméstico.

smart tv screenOtro dispositivo que esta emergiendo y que puede competir con el PC doméstico son las smart TVs, las cuales son prácticamente un ordenador dentro de una pantalla de televisión cuyo tamaño oscila entre las 30 y 100 pulgadas. ¿Como se verá una web Mobile First en semejante superficie?

Por otro lado, tomar esta idea al pie de la letra o con ‘tendencitis’ puede producir un efecto en las webs consistente en:

  • Vaciado de contenidos, desperdiciando superficie de pantalla.
  • Aumento de tamaño de los objetos de navegación: enlaces, botones, campos de formulario, etc.
  • Aumento de tamaño de textos.
  • Reducción de tamaño de imágenes.
  • Uniformización de elementos decorativos (colores, modelo de cajas, iconografía) al utilizar Frameworks de CSS ‘de moda’.

Si navegais un poco podreis notar estos efectos… los cuales vistos desde mi flamante monitor de PC de 21″, me hace tener la sensación de estar navegando desde un gigantesco móvil, sin pensar que con un monitor actual caben muchas más cosas…

Quizas se debería de pensar primero cual es el publico objetivo de una página web antes de diseñarla ‘Mobile first’ o ‘Videowall First’. 🙂

video-wall

Tecnologías de tendencia: JQuery, Bootstrap

Por todos es conocida la ‘mania’ de los informáticos a usar siempre las últimas versiones de software, de todo el software que usan. Algo que podriamos bautizar como ‘tendencitis’ o si equivalente en inglés: ‘trendytis’.

Es peligroso, y por eso yo siempre recomiendo a mis alumnos que antes de instalarse un nuevo software (cualquiera que sea, desde un procesador de textos, un navegador o un entorno de desarrollo o un servidor web) busquen la penúltima (QUE NO ÚLTIMA) version de las llamadas ‘estables’. Claro está, siempre que se quiera sacar partido a tal software, si la intención es probar o ver que tal és, entonces siempre sera mejor instalar la última versión.

En el mundo de los desarrolladores, y más concretamente en el mundo de los desarrolladores de sitios web, la ‘trendytis’ es más aguda, hasta tal punto que llega a influir en el desarrollo del proyecto, en la implementación en si.
Un ejemplo: en el departamento de desarrollo de aplicaciones donde trabaja un buen amigo mio, hace unos pocos años se decidió que MooTools era el mejor framework de Javascript posible y a todos nos empujaron a usarlo para todo, llegandose a invertir dinero y tiempo en formación, sin embargo, a día de hoy ya casi nadie se acuerda de MooTools, todos hablan de JQuery, se ha abandonado ese framework y con ello todos los proyectos que se desarrollaron con el ahora tienen una dificultad adicional en su mantenimiento, !usan otro framework! usan MooTools, hay personas que no lo conocen (porque han llegado a trabajar en la ‘era JQuery’ y no pueden mantenerlo ) y por supuesto, actualizar esos proyectos es de un coste elevado…

Siguiendo en el mundo del desarrollo de sitios web, con CSS está ocurriendo lo mismo, hace ya unos cuantos meses que la web tiene un tufillo constante a ‘bootstrap’, se está como uniformizando, todo CSS que no lleve bootstrap es obsoleto, ineficiente, de baja productividad… ¡ojo! no estoy diciendo que MooTools, JQuery o Bootstrap sean malos, al contrario son frameworks potentes, completos y muy útiles, lo que en realidad estoy criticando es que se usan de forma compulsiva e incluso a veces cuando ni siquiera hace falta… ¿que necesidad hay de incluir 100 kbs de código JQuery para emitir un simple mensaje? ¿o para seleccionar algo en una página? ¿que hay de malo en usar la función alert o getElementById a secas? trendytis…

Para terminar, y de paso dejar el post abierto a una segunda parte, quisiera mencionar otra peligrosa tendencia que esta apareciendo en la web, de la que bootstrap es responsable, pero solo en parte. Se llama ‘Mobile First’, tendencia a anteponer el diseño de un sitio web pensando en pantallas de tablets y smartphones antes que en monitores de PCs de sobremesa o portátiles…