Itákora

Desde mi anterior artículo “Cargando pilas“, he hecho un montón de las cosas que había planificado, y alguna que otra más.

• Fundamentos Web. Aunque no es lo que más me gusta del mundo, he codificado un css para participar en el concurso de FW07. Sé que no voy a ganar porque hay diseños mucho mejores que el mío, y que con las prisas de última hora se me coló una errata que hace que no valide, pero por lo menos ahí queda mi pequeña contribución y mi lucha contra el correcto posicionamiento de las esquinas redondeadas. Si quieres votar, puedes hacerlo en la página de propuestas de diseño.
• Doctorado.Estoy leyendo cantidad de artículos sobre e-learning y accesibilidad web. Tengo algunos resúmenes hechos de algunos que me han gustado en especial. En cuanto tenga el tema estructurado, empiezo a escribir mi artículo de investigaión sobre el estado del arte.
• Itákora. Ya habréis notado que ha cambiado el aspecto del sitio. Aún le quedan algunos detallitos, pero lo más gordo (CSS y XHTML válidos y accesibles) está hecho. Detallitos como optimizar las imágenes (en algunos monitores se ven fatal), completar mi perfil, la css de impresión…
• UPA. Ya traduje el capítulo al que me comprometí. Ya nos queda muy poco para que el proyecto Cuerpo de Conocimiento de Usabilidad de la UPA quede completamente traducido al español.
• Listas de Correos y RSS. He empezado a utilizar tags para almacenar toda la información que se me acumula. Leo el titular y la primera línea: si me gusta, lo etiqueto y lo guardo para revisarlo luego. Si no, borrar sin más contemplaciones. Si el post era bueno, seguro que otro bloguero lo contará de una forma que pase la criba. Es mi método contra la infoxicación que, de momento, da resultado.
• Cursos. Aprovechando que la Comunidad de Madrid ha convocado muchos cursos para trabajadores (¿recuerdas esa parte de la nómina que te quitan en concepto de formación? Pues va destinada a estos cursos), me he apuntado a varios de ellos. Ya he terminado uno de gestión de proyectos y otro de 3DStudio. Empiezo ahora otro de comercio electrónico. Son cursos cortos, en modalidad de teleformación y gratuitos. No es que te ofrezcan un Máster del Universo, pero sí que te dan un “fondo de armario” laboral y cultural, como digo yo.
• Congresos. Ahora mismo no estoy en condiciones de escribir nada. El de mobile learning lo dejé escapar porque se me hacía muy dificil decir en un congreso de la web móvil que la perspectiva era, como mínimo, desoladora. De todas las personas a las que consulté, ninguna me supo decir nada bueno del mobile learning. Lo podía haber planteado como “Los retos del m-learning”, pero no lo ví oportuno.

Tengo otros temas en el tintero, pero creo que mis manos y mi espalda se han ganado un descansito por un par de días.

De los miles de post que llenan mi google reader todas las semanas, he hecho una pequeña selección de los más interesantes. Aviso que este post va a ser largo. Espero que os resulten útiles.

Experiencia de usuario

• Motivación para hacer deporte: no basta con integrar las zapatillas con el Ipod, o integrar los videojuegos en el gimnasio o en las clases de educación física, el deportista moderno necesita comunicarse con otros corredores
• Jugar a la Wii puede ser divertido o puede ser excitantemente divertido. El Negone se va a quedar vacío si los videojuegos en primera persona son cada vez más realistas.
• La gente de Microsoft ha desarrollado una forma de interacción con los ordenadores que -ojalá no me equivoque- se implantará por su comodidad y facilidad de uso. El animalito se llama Digidesk y ya le podemos decir au-revoir a los periféricos. Se parece a esta de Perceptive Pixel, pero menos espectacular. En Linux tenemos esta aplicacioncilla que tampoco está tan mal.
• Relacionarse mediante la voz con los ordenadores es un reto aún hoy. ¿Tú realizarías una transferencia bancaria sólo por voz? Sería para pensárselo dos veces, por lo menos. Y hablando de pensar, ¿manejar el ordenador con la mente?

Usabilidad

• La empresa Metodus propone estas 20 leyes de usabilidad. No son todas las que son, pero sí son todas las que están. Lo que preocupa es que no se proporcionan pautas generales, sino casos específicos. En cualquier caso, para “leyes oficiales” tenemos a Jakob Nielsen, y, sinceramente, son bastante cuestionables a veces. (via Fran Tarifa). Estas otras pautas también están bastante bien.
• Enlaces contra botones. La teoría es de Nielsen. Que lo apliques o no es cosa tuya. Jordisan también escribe sobre los enlaces y su funcionalidad y Dani Armengol relaciona los enlaces con la ley de Fitts.
• Daniel Torresburriel plantea lo que ya (el omnipresente) Nielsen dijo en su momento sobre la calidad y la usabilidad van de la mano.
• Una de los parámetros para medir la usabilidad de una aplicación es el tiempo que se tarda en completar una tarea. Pero el valor del tiempo es tan subjetivo…
• Cómo diferenciar funcionalidades de tareas.
• Conocer un poquito más el eyetracking nunca está de más.

Arquitectura (Categorización y Recuperación) de Información

• Prueba diferentes formas de recuperar la información de la red gracias a Google Experimental. Me gusta en especial la timeline, aunque la que me descubre Torresburriel también está muy bien. Esto se empieza a parecer al despacho de Jack Malone. (via Planet HCI)
• No he podido probar The Buzz porque la página de descargas falla, pero he visto unos cuantos pantallazos y tiene buena pinta. Según dicen en Information Aesthetics, es una herramienta gratuita que permite recuperar y presentar de forma personalizada información de diferentes fuentes.
• Yahoo ha hecho un estudio de cómo los usuarios eligen los resultados de la búsqueda que les son relevantes. Estuve un año trabajando para Google evaluando la calidad de los resultados de sus búsquedas, y las propuestas que hace Yahoo de parámetros decisorios me parecen más que razonables.
• Las etiquetas-tag que clasifican contenidos son una de las innovaciones de la web semántica. Veremos si son sólo una moda o no.
• Mientras que Yahoo eliminó su obsoleto directorio, las webs con muchos contenidos los potencian.
• ¿Final? de la saga sobre Arquitectura de la Información a cargo de Torresburriel.

Técnicos

• Algo pasa con la nueva versión de (X)HTML. No es normal que tarde tanto en publicarse, ni tampoco que la gente involucrada en su especificación adelante que se va a cargar la web semántica si las grandes compañías se salen con la suya.
• Cómo se visualiza unsa página web en distintos navegadores. (Via Blogpocket)
• Curso de Ajax. Muy recomendable.
• Utilizar la metodología POSH es una buena idea. Simplemente es utilizar etiquetado semántico frente a etiquetado de presentación.
• Crear sitios web compatibles con la Wii. Una librería .js y tus .css, y ya lo tienes.

Diseño de interacción

• Conoce las metodologías y los diseños centrados en el usuario como si fuera un juego de mesa. Una idea muy buena de la gente de la UOC.
• Los cosmonautas ya empiezan a ejercer. Aquí explican cómo están diseñando su lector/agregador/llamémosleequis de feeds.
• Cómo enfrentarse a un diseño de interacción complejo. El caso de AVIS
• Formularios de registro 2.0. De sentido común, vaya.
• Lista de herramientas para crear diagramas, gráficas y diagramas de flujo

Diseño gráfico y web

• Iconos estilo Web 2.0. Muy chulos.
• Muchos themes para wordpress para que te inspires. El nuevo de Itákora va muy bien, pero aún está a falta de validar un par de navegadores y pronto lo pondré operativo. Por cierto, no recomiendo el generador de themes de wordpress, te deja a medias del proceso.
• Real como la vida misma: a qué dedica su tiempo el diseñador web.
• Cómo utilizan el color los blogs más conocidos de EE.UU.. Predominan blancos, negros, azules y grises. Curioso, cuanto menos.
• ¿Quién me ha robado la belleza de las páginas web? ¿Quién se ha llevado mi queso? (Via Pixtorm)
• Paleta de colores con esquemas. (Via Blogpocket)
• Degradados para la Web 2.0. Yo los utilizo a menudo ya.
• Ejemplos de sitios web de turismo.
• Libro Diseñar gráficos para juegos de arcade. Ahora en e-book y gratis.

Accesibilidad

• Mi tocaya Olga Carreras ha elaborado un estupendo informe sobre los distintos tipos de certificación de accesibilidad existentes en el mercado. Ojalá fueran tan rigurosas como se publicitan. Ojalá algunas no fueran un perfecto timo.
• Aplicaciones RIA 2.0 accesibles. Quizás debería ponerlo en técnicos.
• Guía de estilo sobre discapacidad para profesionales de los medios
• Herramienta para verificar que una web es accesible para daltónicos.

Psicología/Sociología

• Cómo realizar o no una entrevista con un usuario. Aplicable también para la entrevista de género periodístico, de trabajo… Más información sobre los distintos tipos de entrevista.
• Otro sistema para descubrir información de los usuarios es mediante encuestas.

Ergonomía

• Cómo trabajar con un portatil te puede hacer más daño del que crees. Si tu empresa te obliga a trabajar continuamente con un portátil, exige que te den también un teclado y un ratón independientes de la máquina y eleva la posición de la pantalla del portátil hasta la altura de los ojos. Tus cervicales y lumbares te los agradecerán.

Productividad

• La multitarea, rival del rendimiento. Artículo en El País
• Aburrimiento y Software libre. Ya sabíamos que las manos de los ociosos son los juguetes del diablo.
• Software que te ayuda a mejorar tu productividad. O eso dicen.
• Infoxicación o lo que es lo mismo, tener 1000 post pendientes en Google Reader y sólo diez minutos para revisarlos.
• Lo que cuestan económicamente hablando los problemas de pérdida de atención en la tarea que estamos haciendo.
• Dos técnicas para evitar distracciones: eliminar los comentarios spam y las constantes interrupciones del correo electrónico.
• Los cambios en la interfaz de Word prometen hacer que seamos más productivos. Ya se sabe: en todo cambio se genera una oportunidad de mejora.

A nadie le gusta tener que hacer cola en el aeropuerto para que te revisen la documentación, te requisen tus botellas, te espíen tus pertenencias mediante rayos x o incluso que te cacheen si al guardia de seguridad de turno le parece bien. Todo es en pro de la seguridad, dicen, pero lo cierto es que hacen que viajar en avión sea más molesto de lo que ya de por sí tienen los vuelos. Sin embargo, todo el mundo “tragamos” con la situación. Nos hace creer que viajamos más seguros, aunque no tiene por qué ser así (no voy a dar un manual del perfecto terrorista, pero con imaginación, podemos dejar en evidencia que todas estas medidas de seguridad son una perfecta tomadura de pelo).

Algo similar ocurre con la vida online. Las últimas actualizaciones de seguridad de Windows han venido con un regalo no deseado. Me refiero a la comunicación entre las películas de Flash y navegadores de internet (me pasa con IExplorer 6 y Firefox 2). Lo que se supone que debería ser transparente para el usuario, se convierte en una advertencia en forma de prompt, avisando de que la película flash intenta comunicarse con el navegador para hacer una redirección al terminar la película (*).

Yo me he asustado cuando lo he visto, y se supone que soy usuaria avanzada. Luego he intentado configurarlo para que esto no me vuelva a suceder, y me he puesto manos a la obra.

Como buena usuaria no leí bien las instrucciones a la primera, por lo que di “Aceptar” pensando que con eso aceptaba que la película se comunicaba con el navegador. Error. El botón “Aceptar” sólo cerraba la ventana de aviso. La segunda vez di a “Configuración”, pero me lleva a la página de ayuda. Luego intenté buscar el panel de configuración de mi película según la imagen que se muestra en esta página de a, pero el mío era diferente. Varios intentos después y leo que

“Nota: el Administrador de configuración que se muestra no es una imagen; es el Administrador de configuración real. Haga clic en las fichas para ver los distintos paneles, y haga clic en las opciones de los paneles para cambiar los parámetros de Flash Player.”

En definitiva, si para mí ha supuesto 15 minutos de buscarle los tres pies al gato, para un usuario normal, la actualización de seguridad habrá arruinado el 100% de su experiencia. Al final sustituí el getURL de Actionscript por un <meta refresh redirect> de HTML sincronizado con la película swf.

(*) Sí, es una <intro a un sitio web.>

(*) Actualización: me escribe roger pidiéndome más detalles sobre esta ñapa. Copio-pego respuesta:

Hola Roger,

gracias por tu confianza. Yo lo que hice es bastante ñapa, pero para un usuario que no tiene ni idea le es totalmente transparente. Lo que hice fue calcular el tiempo que duraba la presentación, pongamos 5 segundos, y luego poner una etiqueta <meta> dentro del HTML que refresque la dirección del navegador pasados 5 segundos. Ejemplo sacado de esta página de webtaller, donde lo explican muy bien :

<META HTTP-EQUIV=”refresh” CONTENT=”10; url=http://www.ecodig.com”>
Con este meta podemos redireccionar al usuario de una pagina a otra. Por ejemplo: En esta META de arriba, al cabo de 10 segundos el usuario será trasladado a www.ecodig.com.

Lo malo es que afecta a los buscadores, que no indexan bien la página a la que se redirige, pero basta con poner de contenido alternativo un enlace y el robot ya entra sin problemas.

Sólo un último descubrimiento, si en tu película flash tienes una getURL, en Iexplorer 6 no te funcionará, pero en el resto de navegadores sí; quitándole ese getURL ya funcionará en todos los navegadores