Usabilidad y tecnolog&iacute;a para entender la web

Mayo 29, 2007

Los Simpsons mejorando poco a poco su usabilidad

Tema: Usabilidad, Off the Topic
» Se lee en 61 segs

Los Simpsons mejorando poco a poco su usabilidad
Con motivo del episodio número 400 y el inminente estreno de la esperada The Simpsons the movie, me di un paseo por el website de “la familia favorita de américa” y descubrí con grata sorpresa que la web esta muy bien pensada en el usuario. El homepage responde claramente a las preguntas básicas que un usuario puede llegarse a formular, por ejemplo: ¿Qué día y a qué hora hacen el programa? (US only, lamentablemente) o echarle un vistazo a la guía de episodios o quizá descargarme alguno que otro avatar. Objetivos bastante similar a los que puede tener el usuario de una web de película.

Pese a que este site es un festival de popups, la mayoría de elementos del menú son popups, me llamó la atención la arquitectura del site y también pequeños elementos dentro de las distintas películas flash del site. Por ejemplo en la guía de episodios, cada vez que haces clic en alguna de la imágenes del mosaico, está genera una pequeña marca indicando que esa descripción ya ha sido vista. Otro ejemplo lo podemos encontrar en la biografía de los personajes de la serie (Characters Bio) animación que emula un cajón clasificador para mostrar los “files” de la gente de Springfield.

Pensándolo más seriamente, a Los Simpsons le falta más usabilidad pero me da la impresión que están en un proceso de cambio y adaptación. Ha pasado de ser una web completamente en flash bastante indigerible para convertirse en un website de transición.

Link: The Simpsons

Tags:Off the Topic, Usabilidad

Mayo 23, 2007

Si lo entiende la Abuela, esto es usable

Tema: Usabilidad
» Se lee en 121 segs

Maquina de escribir con telarañas, muy vieja

Cada día me encuentro con ejemplos vivos de personas interactuando con ordenadores, en el metro, en la calle, en el despacho, en la familia… Y sobre todo en la familia, tanto mi esposa como yo tenemos dominio de aplicaciones informáticas. Por lo tanto los familiares tienen el concepto de que sabemos todo relacionado con ordenadores y sistemas, desde cómo configurar el DVD hasta instalación de windows, copiar cds, etc, etc… Y sobre todo tienen la percepción de que conocemos todo recoveco de Internet.

Gracias a esta percepción que tienen los mayores, los de la camada de los 40 y algunos hijos del baby boom, recibo constantemente preguntas de este tipo: ¿Oye, sabes como hago para enviarle las fotos al primo? o ¿sabes alguna manera de poner una imagen en word? o también quejas, como ¡Esta página no me gusta porque me da dolor de cabeza, la letra es muy pequeñita! o este móvil lo quiero tirar, nunca encuentro el número que busco. Responder a este tipo de preguntas y oír estos comentarios me dan un panorama realista de cómo la gente en su propio ambiente interactúan con la tecnología.

Pues aquí las cosas más llamativas que he ido encontrando:

1.- Hacer 20.000 clicks para abrir algo ya sea un doc o un link. Consecuencias, el ordenador colapsa, abre muchas ventas y el usuario se estresa.
2.- Utilizar google como barra de navegación.
3.- No saber dónde le han dado click y no saber dónde han llegado.
4.- No leen nada de instrucciones, ven algo clicable y pinchan.
5.- Tienen presvicia, cuesta un mundo leer en pantalla.
6.- Siempre piensan que han dañado algo cuando ven cosas como HTTP 401 Error: Unauthorized Access o textos grandes en rojo.
7.- Cuando reciben un email de confirmación no saben de que va, no recuerdan.
8.- Loading… Cargardo… ¿qué esto? no lo entienden bien
9.- Páginas con sonido, estresan.
10.- Lo suelen resolver todo con el ratón.
11.- Los botones del navegador adelante y atrás son los reyes de la navegación.
12.- Teclean con dos dedos y mirando el teclado. Por lo tanto los formularios si no indican dónde está el error se pueden pasar horas.
13.- Si algo les sale a la primera, se contentan, se sienten bien y te lo agradecen. Usuario contento que regresa a tu website.
14.- Muchas opciones los confunde, ellos solo quieren una cosa a la vez.
15.- Piensan que el IE es igual a Internet. ¿Firefox, Navegador, browser, qué es eso?
16.- ¿Flash, banner? ¿Qué es eso?
17.- Siempre es la página web y no el sitio web.
18.- Los breadcrums, ni se los miran.
19.- Son muy vulnerables a los phishings, virus, malware y toda cosa hacker…
20.- Se suelen creen en los emails de spam (quizá esto ya no tanto pero lo he visto)
21.- Todo les asusta.
22.- Los señores no pierden la oportunidad de echar un vistazo en el “lado oscuro de la red”
23.- Aman los PowerPoints
24.- Emails, emails y más emails, mientras más largas son las cadenas mejor.
25.- Si el website no tiene mucho diseño, pero encuentran lo que buscan, les da igual.

Conclusión

Lo usuarios no tiene que saber nada, no tiene que pensar, ellos no tiene la culpa de nada. Debemos entenderlos para poder ofrecerles lo que ellos necesitan y de la manera en que lo quieren recibir. Si lo conseguimos nos lo agradecerán. Es decir, si la interfaz que hemos diseñado la entiende la Abuela, quiere decir que hemos hecho un buen trabajo.

Tags:Usabilidad

Mayo 22, 2007

Storyboards para presentar proyectos de UX

Tema: Usabilidad
» Se lee en 1 segs

Cómic

Rebekah Sedaca, de Boxes and Arrows, nos propone una forma creativa de presentar o analizar proyectos de Experiencia de Usuario (UX) usando técnicas de StoryBoard, basadas en el cómic.

Su trabajo lo ha implementado en tres pasos:

Olvidar los detalles, concentrarse en el asunto en cuestión - Focus on the point (forget the details): Analizar y crear la historia
Del guión a la tira - Go from script to strip : Convertir el texto en gráficos
Rellenar los detalles - Fill in the Details
: Colocar notas en cada frame y añadir pantallas del la interface

Vale la pena mirar con detalle lo que nos cuenta Rebekah.

Tags:Usabilidad, UX, wireframing

Mayo 22, 2007

Herramientas para la arquitectura… de la información

Tema: Usabilidad
» Se lee en 1 segs

Herramientas para la arquitectura… de la información

Esta mañana dando un paseo por la red he encontrado un listado de herramientas para Arquitectura de la Información, Usabilidad, Test de Usuario, etc, etc, etc… La recopilación es obra del Information Architecture Institute.

Vale la pena echar un vistazo, hay desde plantillas hasta modelos completos de presentaciones de proyectos de IA.

Links: Listado de herramientas

Tags:Usabilidad

Mayo 18, 2007

Reporte Índigo: Revista Digital de calidad

Tema: Web World
» Se lee en 1 segs

Pantallazo de ReporteInidgo.com

Vía un correo de hermana, llegó a mis manos Reporte Indigo, una revista digital de verdad. Y digo de verdad porque utilizan y explotan al máximo los recursos multimedia. De entrada te ofrecen un teaser de la edición con un vídeo. Luego al darte de alta puedes descargarte una pequeña aplicación (Mac y Win) con la que podrás ver la revista en cuestión. No hay nada nuevo en este tipo de sistemas, la novedad está en cómo esta gente está planteado el contenido y lo fácil de usar que resulta. Creo que es un buen ejemplo de visualización de contenidos efectivos. Reporte Índigo no me ha hecho pensar y eso se agradece.

Percibo algunos detalles de en la definición del nombre, no queda claro si es reporte índigo, experiencia índigo, índigo media o “just” índigo. También no hay un tagline claro que te indique claramente que se trata de una revista digital. Pero la experiencia vale la pena.

Como diría mi hermana: !está chidísima!

Tags:Web World

Mayo 16, 2007

La usabilidad de un site comienza en Google

Tema: Usabilidad
» Se lee en 61 segs

Pantallazo de Google, donde se introduce una busqueda con la url completa
Cuando se plantea estudiar la usabilidad de un website se suele comenzar directamente con el site en cuestión, dando por sentado que el usuario ha llegado al website de manera directa sin pasar por Google u otro buscador. Y es que el SEO tiene su protagonismo dentro del juego de la usabilidad.

Los metatags, los Titles, keywords, estructuración semántica, validación, diseño sin tablas, findability y evidentemente la redacción del texto. Son algunos de los elementos que coinciden en ambas disciplinas. Quizá sería interesante mirar aproximaciones o empezar el estudio de usabilidad partiendo desde el browser y no desde el propio website, para así también explorar y dar aportes sobre este aspecto.

Hace poco tuve una experiencia personal que me hizo generar un poco de reflexión en el tema usabilidad/SEO. El escenario fue el siguiente: un familiar me pide la “dirección de una página” le respondo el correo diciéndole www.lapaginaquebuscas.com. Al cabo del tiempo me dice que no ha podido ver la página, pienso que quizá he escrito mal la url. Vuelvo a enviársela. Me responde diciendo, estoy viendo un página de otra cosa que no es la que quiero ver. En ese momento salta la alerta y le pregunto, ¿explícame cómo estás haciendo para acceder al website? La respuesta me sorprendió, dice, es que coloco la dirección que me diste en Google y no me aparece lo que quiero.

Error de usabilidad/SEO: La persona es libre de usar los sistemas como le apetezca, nuestro trabajo es hacer que siempre consiga lo que quiere. Este usuario utiliza Google en vez de usar la barra de dirección del navegador, bien o mal es su método y nos interesa. Si la página hubiese estado indexada, nada hubiera pasado y el usuario no hubiese dudado de sus habilidades informáticas ni hubiese pensado que algo iba mal.

Y es que este usuario no es el único que hace esto, como él hay miles iguales. ¿nunca os ha pasado que revisando las estadísticas de alguno de vuestro sites, vemos que hay usuarios que han llegado a través de Google utilizando como palabra de búsqueda nuestra ULR? Quizá sean usuarios como el caso que he descrito.

Tags:SEO, Usabilidad

Mayo 15, 2007

Blogs: ¿Aún en versión freak?

Tema: Web World
» Se lee en 1 segs

Imagen sobre Blogs & freaks

El término “versión freak”, acuñado por un colega alemán, sirve para definir tecnologías que, si bien están muy extendidas, aún no TODO el mundo las conoce ni las utiliza. También se puede utilizar para definir tecnologías emergentes que sólo son utilizadas por unos pocos, por lo regular personas vinculadas con la tecnología. Por ejemplo podríamos decir cosas como “Digg versión freak 1.0″ o “eso del RSS creo que aún está en versión freak” otro equivalente a esta expresión puede ser “Geeks Only”, “Nerd Stuff” etc, etc, etc….

Toda esta perorata anecdótica e inútil está inspirada por el video de Joan Planas, ¿Qué es un blog?, donde sale a la calle para preguntarle a la gente qué es un blog. Ahora yo me pregunto, ¿Será que los blog son una cosa de freaks?, según algunos está muy extendido, pero este pequeño experimentode Joan Planas demuestra lo contrario.

¿Entonces si hablamos de RSS, Twitter, Digg, Ajax, estamos hablado que aún están en “versión freak”?. Cosas como estas demuestran que una vez más que el Usuario siempre tiene la respuestas que necesitas. Por cierto prestemos atención, ¡muchos de los entrevistados tienen un Fotolog! este servicio posee 8,059,765 cuentas, quizá al usuario ya no le gusta escribir ni leer, solo ver…

Tags:Web World

Mayo 14, 2007

México: Usability and accessibility, summer 07′

Tema: Usabilidad
» Se lee en 1 segs

Este verano viajaremos a mi natal México y aprovechando las vacaciones me acercaré a Monterrey donde se celebrará el Internation Seminar Usability and Accessibility for the Web los día 26 y 27 de Julio. El evento contará con la presencia de Louis Rosenfeld, unos de los gurus de la arquitectura de la información encabezando un lineup muy interesante. Ya os daré más detalles. Usandolo.com intentará cubrir el evento en directo! y con un poco de suerte entrevistar al autor de Information Architecture for the World Wide Web: Designing Large-Scale Web Sites

Tags:Usabilidad

Mayo 9, 2007

Escribir para la web es como la primera cita

Tema: Usabilidad
» Se lee en 61 segs

Couple

Cuando nos planteamos la primera cita con la chica que nos gusta, por lo regular planificamos al máximo la ocasión. Buscamos un ambiente agradable que guste a ambos, luego de la cena quizá una copa. Pensamos en un bar que le pueda agradar a tu acompañante, etc, etc, etc. En conclusión previo a la cita hacemos un sondeo empírico de lo que le puede gustar, diseñamos la cita pensando en lo que a ella le impresionará y le agradará. Y si hay suerte se triunfa.

El diseño de la cita aplica igual a la escritura para la web. Existen millones de textos, post, artículos, ponencias y conferencias que tratan sobre el tema y la mayoría concluye en un listado de pautas a seguir, siempre pensando en el lector.

Pese a que los fundamentos para escribir para la web quedan bastante claros. Si iniciamos el proyecto web sin pensar el usuario, sin duda se verá reflejado en los textos. Últimamente he estado lidiando mucho con este tema. Y es que cuando parte del equipo del proyecto no tiene en la cabeza al usuario, los resultados son dispares y sin sentido.

El caso que motivó esta reflexión es un portal de ecommerce y el encargado de escribir los textos para la descripción de los productos tiene un fuerte enfoque en las ventas mientras que el resto del equipo está intentando orientar el portal al usuario. He aquí un conflicto.

Yo creo en la fórmula usuario contento + producto de calidad + necesidad = venta segura.

Así que ¡enamora al usuario!, si la pasó bien en la primera cita seguro querrá volver a salir contigo y quien sabe, quizá con los días…

Tags:Usabilidad