Techcrunch da un vistazo al laboratorio de usabilidad que se utiliza para diseñar Gmail (nombre código Caribou ), muestran algunas fotos, observación de usuarios y grandes pantallas.

Acerca de algunas consideraciones acerca de usabilidad al implementar CAPTCHAS para el control de spam y evitar abuso de servicios.

Explicar por que se usa este código
Nada es obvio, el visitante que se encuentra por primera vez con un captcha se siente desorientados al ver un numero y letras deformadas, un par de lineas de cortesía los informan por que deben escribir el código y algunos agradecerán aprender algo nuevo.

Hacerlo legible para humanos
La meta es desorientar a los robots no ahuyentar visitantes, equilibre la complejidad de lectura a niveles racionales, los extremos no son buenos.

Definir claramente que caracteres se están utilizando
Reducir la complejidad a los visitantes al distinguir los caracteres, por ejemplo en ocasiones no se puede distinguir entre una O (ó) y 0 (cero), evite el uso de L,1,O,0,6,G,5,S o similares y aumente la cantidad de caracteres a seis como mínimo, utilize las letras en minúscula.

Brinde una alternativa
Una buena posibilidad es tener la posibilidad de escuchar el captcha ampliando las posibilidades de entenderlo.

Explore opciones
Los CAPTCHA son una buena manera de evitar el SPAM, pero las complicaciones para entenderlos por personas mayores, usuarios novatos o discapacitados puede ser perjudicial. Conviene revisar alternativas transparentes al usuario.

Este es un popup de la nueva generación, un elemento no solicitado y molesto (ejemplo en la ley del menor asombro), un elemento que el usuario no controla (aunque es posible configurarlo sigue siendo un tramite más) y por que en última instancia es un elemento decorativo que tiene por único “beneficio” “previsualizar” un sitio web que no necesariamente sea visitado y que tal vez tenga un diseño diferente aumentando la confusión.

La mejor utilidad que le encontré, fue la relación con los enlaces de wikipedia, donde da un previo de la info relacionada que aporta más que una sencilla imagen, allí es donde le veo más posibilidades al servicio.

Cuando se habla de usabilidad no se puede evitar referenciar a Jakob Nielsen, un guru en su campo y celebrando su 25 aniversario hace un balance de cuantas cosas cambiaron durante estos años, calcula 50000 profesionales a tiempo completo y medio millon trabajando en usabilidad de alguna manera, tampoco duda de ver la usabilidad como carrera.

Una párrafo :

But that’s still pretty good. We have job security as long as there’s stupid design in the world, and that’s forever: every new technology that comes along will be abused.

Estamos seguros de que siempre tendremos trabajo mientras haya diseños estupidos en el mundo, y eso es para siempre: cada nueva tecnología que aparece será objeto de abusos.

Feliz aniversario Jakob !

Experience Dynamics nos trae un poster que muestra a manera de mapa asociativo todo lo que involucra la usabilidad en aplicaciones web.

Antes también crearon un mapa similar sobre la importancia de la experiencia del usuario, cada uno cuesta $25 para envíos fuera de USA, recomendable.

Simplicity, las aplicaciones que hacen Apple, Google y tu empresa

En la conferencia Mix 08, Jensen Harris del equipo de diseño de Office 2007 presento algunas muestras de los prototipos desarrollados para la interfaz de la ultima versión de la suite.

Long Zheng publica numerosas vistas de esta presentación, bordes redondeados, uso del lápiz de toda la vida al comenzar, eyetracking, uso de barras laterales o controles flotantes son parte de las ideas mostradas.

Via Bitelia

Trabajar construyendo sitios web profesionales es un trabajo en equipo, así de simple.

¿Como se compone un equipo web? la respuesta siempre depende de que tan grande es el proyecto, de cuanto presupuesto manejes, la cultura de la organización o emprendimiento en el que trabajes, etc.

Para comenzar lo recomendado es manejar equipos pequeños con un equilibrio entre experiencia y talento, también en ocasiones una persona podría llevar uno o mas roles.

Una estructura básica sugerida para un equipo web :

Jefe de proyecto
Se encarga de tener claros los objetivos del proyecto y llevar al equipo adelante, es el que hace de intermediario lucha con cliente / gerencia, vigila el cronograma. Entiende de todas las áreas de la web, algunos podrían decir que es la evolución del webmaster de los tiempos idos.

Arquitecto de información
Organiza la información del sitio, estructuras de navegación, entiende clasificación y folksonomías. Mejora la “encontrabilidad” (findability) del sitio. quienessomos-nuestrosproductos-nuestrosservicios-contacto es una chapuza para el.

Consultor de usabilidad
Se tarea es vigilar la facilidad de uso del sitio, realiza pruebas heurísticas y de usuario, diseña interacción,”click aquí” le provoca ternura.

Diseñador gráfico
Entiende de equilibrio de color, contraste, equilibrio, diseña usando un arsenal de programas, maqueta en XHTML y CSS, cumple estándares, esta al día con las tendencias del diseño en la web. “¿el sitio web tiene que verse igual en todos los navegadores?”

Programador frontend
Microformatos, Javascript al revés y al derecho, compatibilidad de navegadores siempre es prioridad, AJAX, JSON, XML y nodos todos los días, todo el día. Odia internet explorer.

Programador backend
Entiende de 2 o más lenguajes de programación del lado del servidor, feeds, XML-RPC, APIs, frameworks, optimización de código, testing. Le gusta programming.reddit

Administrador de base de datos (DBA)
Esta al tanto del servidor de base de datos, entiende de SQL, mantiene las tablas y el rendimiento de las consultas : resume 5 llamadas en 1 usando un JOIN y un chicle.

Administrador de sistemas (sysadmin)
Vigila el rendimiento y seguridad de los servidores : 100% uptime es la meta, escribe scripts de mantenimiento, realiza copias de seguridad, dimensiona crecimiento de la red. Optimizar recursos y memoria es una obsesión.

Consultor de posicionamiento (SEO)
Siempre al tanto del posicionamiento de las páginas, linkbuilding, Google Webmasters Tools es su principal arma. Crees que se va de fiesta cuando los escuchas hablar del Google Dance.

El rotulo de cada componente del equipo podría ser un problema, ¿donde esta el diseñador de interacción? ¿la interfaz es responsabilidad del diseñador o el consultor de usabilidad? estas preguntas que llevan al debate se solucionan en la práctica.

Una historia de desastre, de como el 95% de visitantes terminaban usando la versión de Mono de hace 2 años por un problema de usabilidad

Top ten de interruptores, via makememinimal

User Interface, interesante set de imágenes sobre detalles pequeños e importantes.

Jeff Atwood publica Don’t Click Here: The Art of Hyperlinking sobre la sensatez de evitar el infame “click aquí”, 10 consejos sobre el arte de enlazar que SigT ha traducido al español.

Yo agregaría una razón más para no usar “click aquí” : se ve bastante tonto cuando se imprime la página.

Advertidos están, hay que evitar al monstruo del “click here”.

“El éxito de You Tube y los blogs prueba el valor de la simplicidad”, entrevista de J. Nielsen en (otra vez) El País

Fran Tarifa comenzó una útil lista sobre los que considera los mejores blogs sobre accesibilidad y usabilidad web en español, la lista va creciendo y espera llegar a los 100 items. Este blog esta en el numeral 60

Esta iniciativa nace como una opción en nuestro idioma frente al Top 100 User-Centered Blogs.

PD : trabajar es perjudicial para el blogueo …

Las 10 Pesadillas de la Usabilidad que Deberías Conocer

Usabilidad de la A a la Z, una referencia necesaria

Tienen un rediseño pronto y nos muestran su laboratorio de usabilidad, una imagen nos da una idea :

Eso es diseño centrado en el usuario en serio.

En el último evento de Garage Flash, donde hable de usabilidad para variar, una de las cosas que mencione fue el como poner a prueba la usabilidad de nuestros sitios, y me quedo algo corta la explicación.

Por un lado tenemos los test heurísticos (o test expertos) donde el examinador revisa en sitio en base criterios a evaluar, generalmente se buscan errores comunes (como obviar el enlace a la página principal en el logo) y son constantemente revisadas conforme avanza el proyecto. algunos ejemplos :

• Guía para evaluación experta [PDF, 450 kb] de Joaquín Márquez
• Ten Usability Heuristics de J. Nielsen
• Guía de Evaluación Heurística de Sitios Web en nosolousabilidad.com

Estos ejemplos sirven como punto de partida, la idea al final es crear test heurísticos ajustados a nuestras necesidades. Algunos pensamos que los test de este tipo mal diseñados son los culpables de que la usabilidad se confunda con consejos de diseño.

Los pruebas de usuario (que no son focus groups) busca un acercamiento hacia como realmente la gente usa nuestros sitios, se trata de que las personas ejecuten tareas  predefinidas en el sitio, como registrarse o ubicar información de contacto y el examinador solo observe , aqui no hay respuestas correctas o incorrectas, solo se trata de observar sin influenciar como se desenvuelve el usuario.

Para comenzar basta con una computadora, lápiz y papel, claro que luego puedes evolucionar hacia ambientes de prueba más avanzados como el que usan en del.icio.us.

Juan Leal tradujo un interesante post del blogger brasileño Frederic Van Amstel acerca de las probables causas del accidente del vuelo de TAM en Brasil y cuanto tuvo que ver con el diseño de interación de los controles. Dejo un parrafo :

En una relación de adaptación mutua, los conflictos se asientan pero, cuando afloran variables externas poco comunes, la adaptación se rompe: el hombre va por un lado y la máquina va por otro. El hombre abandona los procedimientos patrón y se comporta en base a sus emociones, para encontrar una solución inesperada para un problema inesperado, mientras que la máquina solicita o ejecuta procedimientos predefinidos para la solución del problema – eso si identifica el problema como adverso.

Lea la traducción completa en Accidente aéreo en Brasil. ¿Fallos en el diseño de interacción?

Technology’s Untanglers: They Make It Really Work, via Cadius

Rebotando por mi lector de feeds me encuentro con Capire, una revista on-line sobre arquitectura de información, diseño centrado en el usuario y temas relacionados, ya van en el segundo número y lo mejor es que esta en español.

Los 7 mejores libros sobre usabilidad

Construyendo el pop-up perfecto, una contradicción en si mismo.

Tambien conocidas como Friendly URL, buscan solucionar el problema de las direcciones web (URL) que tienen formato del tipo:

www.tiendaejemplo.com/?seccion=tienda&categoria=zapatos&item=154879

estas resultan confusas a primera vista para el usuario, si por el contrario tuvieramos una URL del tipo :

www.tiendaejemplo.com/zapatos/154879

La situación mejora, el visitante al menos tendrá alguna pista de que trataría la página, ocultamos la estructura interna del sitio como medida extra de seguridad y elevamos el posicionamiento en buscadores al ser diferenciable las palabras clave en dicha dirección.

Si usted usa un servidor Apache usando el módulo ModRewrite puede lograrlo, en el archivo .htaccess del directorio raíz coloque la siguiente regla :

RewriteEngine on
RewriteRule ^(.*)/(.*)$ /?seccion=tienda&categoria=$1&item=$2

lo cual traducira a la URL amigable deseada :

www.tiendaejemplo.com/zapatos/154879

Observe que “(.*)” es el valor que reemplaza a “$1″, y “(.*)” reemplaza a “$2″. Tambien en “(.*)” podriamos tener expresiones regulares más elaboradas. Tenga en cuenta que esta traducción no anula la URL original, solo la enmascara. En del.icio.us podemos encontrar mucha información acerca de ModRewrite.

Ahora si usas servidores exóticos como Lighttpd en el archivo de configuración que estes usando agregas:

url.rewrite-once = (
“^/(.*)/(.*)$”=>”/index.php?seccion=tienda&categoria=$1&item=$2″
)

Y eso es todo.

La idea es hacerle la vida fácil al usuario hasta en algo que podría parecer tan inocuo como la URL, en la web los detalles siempre son importantes.

Gracias a Bruno por la ayuda con Lighttpd

Tags : usabilidad seo url+amigables friendly+url lighttpd

El sitio web a prueba de idiotas

El ‘problema’ de Linux es que nos hace pensar

Design 101 - for programmers

Vía torresburriel, del sitio del World Usability Day también copio tal cual, y los invito a leer, apoyar y difundir.

Hoy la tecnología es difícil de usar. Un móvil debería ser tan fácil como el pomo de una puerta. Para humanizar el mundo que utiliza la tecnología como una plataforma para la educación, la salud, la comunicación, el entretenimiento, el trabajo… debemos desarrollar tecnologías que sirvan a las personas.

La tecnología debe mejorar nuestras vidas, y no aumentar nuestro estrés (more…)

Jakob Nielsen’s Usability Fighting Styles

Interesante Tech Talk a cargo de la encargada del equipo de experiencia del usuario en Google, sobre como trabajan ellos este asunto, la importancia de que se sienta que detrás del sitio hay gente real, algo sobre el misterioso botón DELETE en Gmail y otras cosillas.

Los subtítulos es un detalle que muchos agradecemos

Vía Cadius Weblog

Tags : experiencia-del-usuario usabilidad google techtalk