Web móvil y otras cosillas…

Excelente el artículo The Web Beyond the Desktop, de Dave Shea en Digital Web Magazine. No habla solo de web móvil, sino de cómo la experiencia web huye del escritorio habitual y se marcha a la sala de estar, al dormitorio y, desde luego, a los dispositivos móviles. Su cuadro de «device viewing scenarios» tiene números de convertirse en un clásico. Interesante también cómo incide en que las mejoras de accesibilidad deberían repercutir también en la experiencia «fuera del escritorio» y en que es conveniente diseñar interfaces diferentes al del sitio principal para su consumo en pantallas «pequeñas». Lectura muy recomendable.

Aprovecho que el Pisuerga pasa por Valladolid para enchufar aquí un par de cosillas que tenía como borrador desde hace una eternidad.

La primera. A veces una pantalla pequeña es mejor. Mucho más discreto leer Google Reader o charlar por Messenger en una reunión con el N95 que con el iPod Touch, por no hablar de cosas más grandes, como un N800 o un portátil…

La segunda. Safari para iPhone y iPod Touch es ‘la web’ y no la web móvil. Jobs dixit. Opera Mini para el N95 (y demás dispositivos sobre los que corre) también afirma lo mismo. Tristemente, cuando lo dicen lo que quieren decir en realidad es que pasan olímpicamente de las hojas de estilo para handheld. Todo parece indicar que las próximas versiones de Internet Explorer para dispositivos harán lo mismo. Si eso es respeto a los estándares… Y aún así Google, Facebook, Yahoo! y demás grandes propiedades de la web se afanan en diseñar páginas específicas para dispositivos, mientras que «startups» como Mowser se dedican a «movilizar» sitios web de terceros. ¿No querrá eso decir algo? En mi experiencia particular, además, hace dí­as que le dije a Google Reader que reformatease las páginas web que visito desde él tanto desde el Touch como desde el N95. Efectivamente, los dispositivos móviles que usamos hoy en día son potentes como los ordenadores de anteayer. Pero las pantallas tienen los tamaños y resoluciones que tienen, las interfaces de usuario de los dispositivos son las que son (sin importar que sea un dedo, un teclado numérico o un mando a distancia, decididamente no son un ratón) y muchos de los elementos habituales en el diseño de interfaces web dejan de ser válidos.

Esta segunda observación me lleva a una recomendación del W3C en sus buenas prácticas para desarrollo web que no me cuadra en absoluto. Dicen: Diseña para una web única. No. De ninguna manera. Diseña para una web plural. En la que no sabes si el usuario mira una pantalla de 3 pulgadas a un palmo de distancia, de 17 a 4 palmos o de 42 a unos pocos metros. Y en la que el usuario puede navegar con un teclado numérico, los dedos, un ratón o un mando a distancia (ya que estamos, no olvidemos la posibilidad de que el usuario, directamente, no vea la pantalla y solo la oiga). Lo que nos lleva a poner los contenidos textuales primero, el maquetado después (a poder ser adaptado al medio), añadir las imágenes a continuación (de nuevo, a poder ser, pensando en tamaños y depeís) y, finalmente, añadir comportamientos (para los dispositivos en que tenga sentido)…

Dos o tres cosillas de WordPress 2.5

  • El panel de administración es mucho más bonito y, a la larga, probablemente sea más útil (en mi opinión, hay cosas que han mejorado, hay cosas que han empeorado). Pero hoy en Weblog Tools Collection publican un FAQ sobre WordPress 2.5 que parece más bien una lista de «a dónde han ido a parar todas esas cosas que nadie encuentra». No es buena señal, ni habla nada bien del estudio de usabilidad de los diseñadores (Happy Cog). Me huelo yo que la 2.6 va a dar muchos pasos atrás. He leí­do en algún sitio que el salto a la nueva versión recordaba al descalabro de Vista. No va a llegar a esos niveles, pero algo de razón hay en ello.
  • ¿Soy yo o la administración va más despacio? (Podrí­a ser yo y mi base de datos perfectamente, o el pésimo funcionamiento de Dreamhost estos dí­as.) En particular, la lentitud del motor de sugerencia de tags hace que sea absolutamente impráctico.
  • Otra cosa que me pasa. Y que me está sacando de quicio. Tengo el blog con codificación ISO-8859-1 (sí­, ya sé que la recomendada es UTF-8: cuando monté el blog (pronto hará cinco años de eso, que se dice pronto) no lo era; y en ausencia de herramientas automáticas para hacerlo, me da un palo tremendo). Con versiones anteriores, hasta que no guardaba la entrada por primera vez, WP asumí­a que estaba en UTF-8 y destrozaba caracteres acentuados y eñes al guardar los primeros ‘drafts’, con el resultado que en alguna ocasión me habí­a tocado recomponer un buen montón de texto. Parece ser que con WP 2.5 esto pasa hasta que publico. O sea que, en la práctica, no puedo guardar las entradas como borradores, porque si lo hago tengo que rehacer todo el texto (si alguien me informa que soy yo el que mete la pata con algo, estaré felicísimo de hacer el ridículo públicamente pero no tener que volver a pasar por esto).
  • Pero de todas formas, lo que más me sorprende (y aún no lo he visto comentado por ahí) es un cambio radical (y potencialmente muy práctico) en la tabla de entradas. Han aparecido unos campos (bueno, creo que han aparecido ahora) post-type y post-parent. Cuando subimos una imagen con la nueva «media gallery», esta se almacena en la tabla de entradas, con post-type attachment y post-parent la entrada a que corresponde. Eso va a disparar el número de registros de la tabla pero, a cambio, apunta posibilidades muy interesantes: podríamos, por ejemplo, tener URIs independientes para cada párrafo de una entrada, algo que, para un par de cosillas que tengo en mente, podría ser muy pero que muy útil… ¿Algún desarrollador en la sala que nos pueda ilustrar?

En fin. Bastantes detalles malos pero una (¿nueva?) característica muy interesante. Si me sale lo que tengo pensado, aún compensará y todo

PS Ya me contesto yo: lo de la tabla de entradas no es novedad…

Roland overdose

Captura de pantalla de Hobnox Audiotool

Impresionante demo, imperdible para los fans de Roland: ¿os imagináis jugar con un Roland TR-808, un TR-909, un TB-303s, unos cuantos pedales (delay, flanger, reverb…) y un mezclador de doce canales? Todo desde dentro del navegador, gracias a la magia de Flash (y Java, que el audio de Flash no es ninguna maravilla, de momento) en hobnox.com (haced click en «Start Audio Demo» y echadle paciencia, que hay que cargar un buen montón de cosas).

Ahora solo me hace falta una pantalla «multitouch» de 30″ y a correr… :-)

Ví­a.

WordPress nuevo, tema nuevo

Pues eso. Que esta mañana, en un momento de aburrimiento he actualizado WordPress a la version 2.5 (gracias a WordPress Automatic Upgrade plugin, cinco minutos mal contados, la mayoría de ellos invertidos en guardar copia de seguridad de los archivos del blog y de la base de datos).

De regalo, hemos cambiado el tema por Simplr, que resulta bastante limpito (muy limpio, de hecho), utiliza un marcado la mar de apañado y tira de microformatos en algún que otro sitio. Eso ha llevado un buen rato más, pero buena parte del trabajo la hice la semana pasada (sin darme cuenta que la versión del tema que editaba solo funciona con WP 2.5). Después de un poco de ‘finetuning’, diría que está todo poco más o menos utilizable, a excepción de las fechas, que ahora mismo son un batiburrillo con textos en castellano y formato anglosajón. Si alguien ve cualquier otra cosa o tiene alguna sugerencia, por favor que use el formulario de comentarios.

Los principales cambios de WP 2.5 están en el lado del administrador y, al menos de momento, me están gustando bastante (aunque las sugerencias de las etiquetas, entre nosotros, podrían ir bastante más rápido).

Cómo «desromper la web» (II)

A principios de mes comentábamos como el equipo de desarrollo de Internet Explorer se había hecho atrás en su decisión de no activar por defecto el motor de rendering de páginas de Internet Explorer 8, usándolo solo para aquellas páginas que lo pidiesen explícitamente, tras el tremendo alboroto que dicha decisión había provocado en las filas de los «estandaristas», comunidad a la que, precisamente, Microsoft pretende agradar expresamente con el lanzamiento de IE8.

Comentábamos entonces que la decisión tomada para «no romper la web», implementada en la primera beta pública del navegador, era incorporar un botón «Emular IE7» que el usuario puede pulsar en cualquier momento. Una vez pulsado, IE8 pasará a comportarse como IE7, eliminando los problemas que pudiera causar algún hack pensado para IE7 al pasar por el motor de IE8. Y nos quedamos tan panchos. Pero en segunda consideración, la solución tampoco nos parece fantástica: una vez pulsado el botón y revertido el comportamiento de la versión 8 a la de la 7… el nuevo e inmaculado motor de rendering quedará enterrado para no resucitar jamás, casi con total probabilidad. Así que… ¿para qué tomarse tanto esfuerzo en diseñarlo, en primer lugar? Podría argumentarse que Microsoft debería cambiar el botón a un «Emular IE7 para este sitio web». Sería una mejora, desde luego, pero obligaría a tener en ejecución dos motores simultáneamente, lo que resulta en un inútil derramamiento de recursos del ordenador y, además, también condenaría a muchas páginas a vivir para siempre sin los beneficios de IE8.

Ahora me apropio (o robo, mejor dicho) una idea de hermanito: podemos suponer (habría que verificarlo, naturalmente) que la mayoría de páginas que rompen IE8 pero no IE7 (esto es, las que asustan a los desarrolladores de Explorer) lo hacen pasándole unos cuantos «hacks» bastante poco respetuosos con los estándares… después de olerse que el navegador es Explorer. La página pasada al resto de navegadores (no solo Firefox, sino también Opera, Safari y demás) no contiene toda esa «basura nociva». Con lo cual, bastaría cambiar el «user-agent» de IE8 para solucionar buena parte del problema. Hasta ahora Internet Explorer se identifica con una cadena del tipo Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; bgft). Poner, por ejemplo, Mozilla/4.0 (compatible; IExplorer 8.0; Windows NT 5.1; bgft) no dificultaría apenas distinguir el navegador de Microsoft de todo el resto y ayudaría a poner un poco de orden en todo este embrollo.

Estoy seguro de que la solución tampoco es óptima, pero no deja de ser una propuesta…