Usable y accesible: Lo más visto en 2009

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 ::

Ronda de usabilidad y patrones de interface

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 😀

¿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 súper 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].

Y por supuesto no podría faltar un linkito a mi curso de Fundamentos de UX, una introducción bien maja a algunos conceptos básicos y al manejo de herramientas de prototipado que nos pueden venir realmente bien.

Mobify haciendo tu web móvil

Mobify

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] ::

Recursos de usabilidad y patrones de diseño web

usabilidad y patrones en el diseño web

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!

Top 10 errores en diseño web 2005

Leo en Torres Buriel, una interesante traducción de lo que Jakob Nielsen, que de esto sabe un rato, considera como los 10 errores más comunes (y supongo que peores) que se han realizado en lo que va de año.

No es que cuente nada que no se sepa o hayan comentado ya por la inmensidad de la red pero siempre es bueno echarle un vistazo a este tipo de cosillas. Por mi parte estoy en desacuerdo con el punto 3 que habla sobre Flash. Siempre se mantiene esta eterna disputa sobre el supuesto uso exagerado que se le da a esta tecnología y los problemas en cuanto a usabilidad se refiere. Sé que por aquí se pasan eminencias que controlan este tema asique no estaría mal que comentasen sus impresiones. (un jamón para el primero! :P)

:: Top 10 errores en diseño web 2005::

ACTUALIZACIÓN: En Nuhatitambién se comenta el tema de los errores. Una transcripción ligeramente diferente y un par de comentarios para darle salsa al asunto.

Accesibilidad for dummies

Ahora que la accesibilidad “está de moda” muchos pueden perder el norte un poco. ¿Qué se define por accesibilidad? ¿Qué pautas marcan que una web sea accesible? Como un servidor en algunas ocasiones es de esos , os reproduzco las partes más destacables a mi ver de un texto que me han pasado y que yo también tenía puesto que pertenece al libro Principios Universales del Diseño, del editorial Blume.

Examinator

Examinator es otro de esos tests vía web que te permiten analizar el código y diseño de tu página, dándole una nota numérica y explicándote qué cosas están bien y cuáles pueden mejorar.

Creo que tiene algunos fallos en cuanto a interpretar alguna cosilla pero es bastante fiable en general. Lo he pasado a Criterion y me sale un 6.7 :S A ver quién es el siguiente.

:: Examinator :: (vía Accesibilidad en la red)

Flaccess

Alguna vez he hablado sobre métodos de sustitución de contenido como el sIFR que dependiendo de la versión del navegador mostraban texto enriquecido con tipografías sin tenernas instaladas en el pc del cliente o navegante o por el contrario mostraba texto plano o imágenes.

La idea era buenísima aunque aún tenía un pero, se necesitaba tener activado javascript para que esto funcionara y en caso de que no estuviese pues…no se veía ni una cosa ni otra. La solución parece que llega con Flaccess, un proyecto ideado por Sergui Meseguer que no requiere de java para poder mostrar contenido alternativo, lo que hace que la accesibilidad de la web sea muy alta.

:: Flaccess ::