usabilidad

Cuando empieza un año generalmente suele acabar otro (obviously). Es tiempo de apuntarse metas y de hacer retrospectivas. Como no sé si me dará tiempo a hacer una en condiciones, yo creo que de momento os puedo dejar con la que hacen en Usable y accesible, uno de los blogs sobre diseño de interacción en castellano que más me gustan y que recopilan en este listado sus mejores artículos sobre el tema.

Ya sabéis, si UX no es algo que os suene a chino, os va a interesar mucho:

:: Usable y accesible: Lo más visto en 2009 ::

Pues eso, que en Speckyboy [en] han hecho un recopilatorio bastante potable con documentos y enlaces relacionados con usabilidad y patrones de navegación e interacción en la web. Enchufad la aspiradora y empezar a pasarla por todo lo que hay dentro :)

:: An introduction to understanding and implementing Web Usability [en] ::

Ha sido la gota que ha colmado el vaso. Entrar a la web de DDI y comerme con patatas la redimensión automática de la ventana del navegador. Y si hay una cosa que me cabree más que el target=”_blank” sin notificar, es esta puñetera manía de escalar la ventana sin mi permiso.

Porque no digo que sea una mala práctica, pero sin mi permiso es… una mierda. Así, claramente. ¿Para qué voy a ponerle florituras si es lo que pienso?

Seamos serios, si vamos a necesitar que se maximice la ventana, al menos que cumpla uno de estos dos requisitos básicos: 1) que se avise al usuario y que sea éste quien de la conformidad o 2) que la menos sea porque se necesita el espacio para el contenido.

Cuando no se cumple ninguno de los dos aspectos, que me expliquen a mí que razón hay. Informar al usuario de manera previa a realizar una acción es básico de cara a una correcta experiencia. ¿Estaría bien que si borramos un archivo se nos avisara sólamente cuando ya fuera irrecuperable o que no tuviéramos un paso de confirmación final durante un proceso de compra online? Pues eso.

Nota: Se puede desactivar desde las propiedades de Javascript en Firefox. Pero esto, claro, lo desactiva para los automáticos y los que no lo son. No me vale señoría.

Nota 2: Como añadido, viene bien lo de la filosofía Unix y el diseño.

Hoy es fiesta aquí pero os voy a dejar un caramelito para los sufridores de otros países y currantes españoles que no hacen puente :D

¿Ya tenéis Windows 7? Particularmente he notado el salto notablemente porque me he saltado la generación Vista y a nivel de experiencia de usuario me parece que la cosa ha evolucionado favorablemente. Esto os lo digo por si os pica el gusanillo y queréis sentaros un rato para ver Designing the Windows 7 Desktop Experience [en].

Luego también podréis echarle un vistazo rápido a la comparativa entre dos modelos de interfaz móvil a la hora de lidiar con aplicaciones: App Interface Models in iPhone and Android [en].

Y para acabar, dos super enlaces de usabilidad que me he guardado para seguir desde hoy: Usability Post [en] y UI Trends [en]. Ambos sacados de 10 UX blogs you should be reading [en].

Me encanta la web de Functioning Form [en]. Siempre hay perlitas relacionadas con la usabilidad en el diseño de interfaces y web y cada vez me gusta más este tema por lo simple que parece ser y las complejidades que conlleva realmente.

Uno de sus últimos regalitos es Web Form Layouts: some additional guidelines [en] desde el que podremos saltar hasta sendos artículos de misma y apasionante temática.

También está llevando a cabo una cobertura-resumen de UX London [en] con artículos del tipo What Makes a Design Seem Intuitive? [en].

Para tenernos entretenidos :)

A día de hoy tengo pendiente la tarea de preparar este blog para que sea visto en condiciones óptimas si se accede a él desde dispositivos móviles. Sorprendido me hallo cada vez que veo accesos desde móviles y PSP’s :O

El caso es que hasta ahora sólo conocía Wordpress Mobile (lo habéis probado?) y hoy he descubierto en este post en Yanko [en] el servicio que ofrece Mobify.

Te registras (nombre y pass nada más) y ya puedes empezar a trastear para armarte una versión móvil de tu página web. Mediante un sistema en el que vas eligiendo lo que quieres mostrar, te vas configurando tu plantilla. Luego puedes meterle mano al CSS directamente, volver a modificar, etc…

Lo he visto muy completito en su versión gratuita. Tiene que haber gato encerrado pero todavía no lo he visto.

:: Mobify [en] ::

Ellos lo sabían. Saben que somos unos cuantos los que aún desempolvamos el Freehand en el día a día. Aunque yo uso Illustrator y Freehand, soy bastante raro. Para unas cosas uso uno y para otras otro y tan contento.

Esta captura muestra una de las nuevas opciones que trae Illustrator CS4 a la hora de configurar el espacio de trabajo. Cuando la ví, casi aplaudo.

Madre mía, últimamente no paro de encontrar cositas que me vienen tremendamente bien. Le decía el otro día al [Q]Boss que cada vez me gustaba más el tema del diseño de formularios y la usabilidad en la navegación por web o el diseño de aplicaciones/interfaces. Y como me queda mucho por aprender, estos recursos me vienen como anillo al dedo. Ahí van:

Konigi [en]: otro showcase más pero con una sección dedicada específicamente al diseño de interfaces. Para guardar junto a Pattern Tap [en].

Pero no queda ahí la cosa. Veo esos dos enlaces y subo otro más. Elements of Design [en], con ejemplos de “menuses”, formularios, pies de imagen… la banca gana!

Y ya para rematar, en la renovadísima Domestika me encuentro con otro par de enlaces que vienen a ser la guinda del pastel:

Formularios usables: 60 directrices de usabilidad

Primary and secondary actions in web forms [en]. Ojo con el blog del tal Luke que tiene una pintaza impresionante y más de un artículo para imprimirse sobre el tema. Functioning Form [en]

Y para ir terminando, otro artículo más con el que fulminar la tinta de la impresora y tener una muy buena lectura: Interface design guidelines [en]

Qué aproveche!

Wow, lo que se encuentra uno dando saltos por Internet. Primero descubro Interaction Design [en], un blog enfocado al tema de la usabilidad y el mundo de las interfaces. Y desde ahí salto a UserFocus [en], una consultoría especializada en este tema, que cuelga en su web unos cuantos artículos relacionados (¿habéis visto el de Morae!? [en]).

El caso es que he visto el de la ISO 20282 que viene a definir una especie de estándar capaz de predecir las capacidades efectivas y satisfactorias de un producto. Toda una hazaña que a priori parece difícil de conseguir.

A mí es que me pilla pez en estos temas, pero me ha parecido una lectura realmente interesante.

:: Measuring the usability of everyday products [en] ::

Visibilidad del estado del sistema
El sistema siempre debe mantener informado al usuario acerca de lo que está pasando, utilizando para ello un feedback adecuado y en un tiempo razonable.
Concordancia entre el sistema y el mundo real
El sistema debe hablar el lenguaje del usuario, con palabras, frases y conceptos familiares a él, más allá de los términos orientados al sistema. Se deben seguir las convenciones del mundo real, logrando que la información aparezca en un orden lógico y natural.

El resto está en Hoja en Blanco.