Conoce tu proyecto

Para abordar un proyecto de experiencia de usuario o de usabilidad lo primero en lo que hay que pensar es en:

• ¿Quién es el cliente? ¿A qué se dedica?
• ¿Cuál es el proyecto? ¿Qué objetivos tiene? ¿Cómo se van a medir los resultados?
• ¿Quién está implicado en el proyecto? ¿Cuáles son sus nombres? ¿A qué se dedican? ¿Cuáles son sus responsabilidades? ¿Cuál es su papel en el proyecto? ¿Cómo son los flujos de comunicación entre todos los implicados directa o indirectamente en el proyecto?
• ¿Cuál es la materia de conocimiento del proyecto? ¿Qué implicaciones tiene? ¿A quién está dirigido? ¿A quién beneficia? ¿Cuál es la experiencia de otros?
• ¿En qué entorno se desarrolla el proyecto? ¿Qué elementos lo apoyan? ¿Qué situaciones lo dificultan? ¿Existen elementos de riesgo no controlables? ¿Existen situaciones externas que puedan beneficiar su desarrollo y ejecución?

El fin de las aplicaciones

Artículo sobre la integración de componentes de varias aplicaciones.

Applications, User Interfaces, and Servers in the Soup

We need similar visual metaphors, easy to grasp quickly and manipulate in rich combinations, for such concepts as piping output to another program, setting up filters, and launching programs upon the reception of particular events.

Aviso: prensa escrita.

Este es buenísimo :-)

Journalism Warning Labels

 El autor de esta web ha diseñado unas etiquetas que luego pega sobre artículos en periódicos gratuitos de los que se encuentran en el metro. Los textos no tienen desperdicio:

ADVERTENCIA: 
- Este artículo contiene información no verificada y sin referencias de Wikipedia.
- Para asegurar futuras entrevistas con el personaje, no se han hecho preguntas importantes.
- Este artículo es básicamente una nota de prensa copiada y pegada.
- Las estadísticas, encuestas y ecuaciones de este artículo están patrocinadas por una empresa de relaciones públicas.
- Para cumplir con el plazo, este artículo ha sido plagiado de otra fuente de noticias.
- Las afirmaciones médicas de este artículo no han sido confirmadas por investigación contrastada por científicos.
- El periodista oculta sus propias opiniones utilizando frases como "Algunas personas dicen"
- Incluye contenido escrito por Jimenez Losantos.

Patrones oscuros: cómo nos engañan las páginas web

Dark Patterns

El diseño centrado en el usuario intenta crear páginas web y aplicaciones de ordenador fáciles de utilizar, y especialmente adaptadas a las necesidades de sus usuarios

El lado oscuro del diseño aparece cuando las mismas técnicas de facilidad de uso se utilizan para persuadir al usuario de una web comercial, no a encontrar la información que más le conviene como comprador, sino la que más le conviene al vendedor.

Se llama diseño persuasivo a las técnicas profesionales que intentan cambiar el comportamiento de las personas de forma no coercitiva, sólo con influencia basada en principios psicológicos conocidos.

La página DarkPatterns nos muestra una selección de estas técnicas utilizadas cuidadosamente para obtener un diseño que deliberadamente perjudica al usuario. Un usuario cuidadoso será capaz de detectarlas y evitar el efecto pernicioso (a costa de que el proceso resulta innecesariamente más complicado de completar con éxito). Pero como técnica comercial efectiva, es suficiente que unos pocos caigan en la trampa para que sea rentable; un comprador con prisas, con problemas de comprensión lectora o con dificultades de visión es un buen candidato para ser víctima de estos patrones oscuros.

Muchas de estas técnicas no son exclusivas a los ordenadores, pero el medio digital las hace especialmente efectivas. Veamos algunos ejemplos.

Cesta de la compra sigilosa
 http://darkpatterns.org/sneak-into-basket/

En el proceso de compra de un producto, aparecen como sugerencia algunos complementos y accesorios. El truco en este caso es que el checkbox para añadir el accesorio aparece marcado por defecto. "Puntos malignos" extra cuanto más escondido y más pequeño.

Es especialmente efectivo si se introduce en la pantalla de revisión final de la compra, donde el botón "Continuar" realiza directamente el cargo en la tarjeta:

Impedir comparar precios
http://darkpatterns.org/price-comparison-prevention/

El precio final calculado no se muestra directamente, sino que requiere activar y desactivar varias opciones, o cambiar alante y atrás entre varias páginas (la navegación llamada de "palo saltarín"). Esta es una forma deliberada de impedir que el usuario compare el precio real de varios de los productos, especialmente frente a sitios de la competencia.

"Desnudo por defecto"
http://darkpatterns.org/privacy-zuckering/

Dedicado a las opciones de privacidad de Facebook, diseñadas para compartir mucha más información de la que el usuario tenía intención.

El nuevo diseño de la interfaz de configuración de privacidad promete que el usuario podrá gestionar fácilmente la información que quiere compartir. Sin embargo, algunas opciones (las más rentables para Facebook como las listas de amigos, aplicaciones, y "me gusta/no me gusta") no se pueden configurar en este sitio, requieren localizar algun botón escondido en rincones poco accesibles.

¿Me dejas tus llaves?
http://adactio.com/journal/1357

Muchos sitios sociales son culpables de este comportamiento. Para facilitarte cargar tu lista de contactos, te piden la contraseña de tu cuenta de correo, en principio sólo para hacer esta lectura inicial de tus conocidos. Esto tiene dos problemas:

- Algunos sitios, en un abuso de confianza, aprovechan para mandar "spam amigo" a todos estos contactos, con contenido promocional del sitio.
- Aún más grave, este diseño habitúa a los usuarios que es habitual proporcionar tus contraseñas a quien la pida para facilitar este tipo de pequeños servicios. En realidad están entrenando al usuario para ser víctima de la estafa del phishing. Por este motivo no se debe nunca, nunca proporcionar en una web tu contraseña de un tercer sitio.

Cargo secreto a la tarjeta de crédito
http://darkpatterns.org/silent-credit-card-roll-over/

Otro clásico. Un servicio te ofrece un periodo de prueba gratuito, y solicita una tarjeta de crédito para comprobar tu identidad. Tras entregarte el producto prometido ("completamente gratuito") te registran al servicio sin mayor aviso. Por supuesto, no hay ninguna notificación adicional al terminar el periodo de prueba; la siguiente notificación que se tiene de la empresa es el cobro del primer plazo del servicio en su phttp://darkpatterns.org/anti-scan-trick-questions/eriodo de pago.

Anti lectura rápida
http://darkpatterns.org/anti-scan-trick-questions/

Para terminar, uno de los más insidiosos. Se introducen elementos en un lenguaje redactado para que a primera vista parezcan inofensivos, pero que en realidad significan lo contrario de lo que aparentan. Especialmente diseñado de acuerdo al principio demostrado de que la gente no lee realmente las páginas web, sólo las ojea.

Especialmente malvados son los checks de suscripción a notificaciones comerciales o cesión de datos escritos de forma deliberadamente ambigua, en los que resulta imposible adivinar cuál de las dos posiciones es la que respeta tu privacidad.

Como vuelta de tuerca adicional, en este ejemplo algunos de los checks tienen significados opuestos en cada línea respecto a la anterior: para evitar suscribirse a ninguna opción, hay que marcarlos en los estados desmarcado-marcado-desmarcado-marcado.

En este último ejemplo, una web de viajes utiliza el truco para lograr el efecto de la cesta de la compra silenciosa. ¿Puedes ver qué se va a añadir a tu factura, salvo si desvías tu atención de rellenar los datos de compra y la dedicas a descifrar las instrucciones ofuscadas?

Carta de ajuste digital

¿Te has preguntado por qué siempre vemos a la gente aplastada en la TV desde que aparecieron las pantallas planas? ¿Sabes si los niveles de brillo y contraste de tu monitor están bien ajustados?

La web Test Pattern for Wide-screen Displays ofrece una carta de ajuste para pantallas Wide-Screen, junto con instrucciones (en inglés) de cómo utilizarla. Ábrela en tu tele de plasma o en el monitor de tu ordenador para ver si lo tienes todo configurado como es debido.

Test your users!

AskTog on interaction designers:

If they don't test, don't hire them!

How to write a report

Tog de askTog.com escribe sobre cómo escribir un informe de evaluación heurística, sin ofender al destinatario.

Cómo crear una sesión de test de usuario

Creating usability test tasks that really motivate users

The magic of usability tests is that you get to see what people actually do with a system (rather than what they say they do). This gives you great insights into how people behave and how to improve your design. But if your tasks lack realism you’ll find that people just go through the motions and don’t engage with the test — reducing the credibility of your results. Here are 6 ways to captivate participants with great test tasks

Good names for faceted search

Microsoft gives some advice on creating good names for facets in a faceted search - in the context of its new pivotviewer control.

Facet Naming

In general, you want concise and clear names for facets and facet categories that don’t get truncated in common usage. Below are some guidelines:

• Capitalization – Facet categories should follow headline/title style conventions for capitalization. Facet values are case-sensitive, so make sure the values use consistent casing throughout.
• Plurality - Use the singular form of the category name. For example: Rather than naming a category "Countries," use "Country."
• Brevity and Redundancy - Use as few words as possible to name categories. Keep in mind that the user is already browsing within the context of your collection, so any concepts or words which inherently make sense in that context can be taken as implied. For example: in a collection named "Major League Soccer Players," a facet named "Player Position" could be shortened to "Position." A facet named "Average Points Scored per Game" could be "Average Points / Game," or simply "Average Points." Finally, use the active voice to avoid unnecessarily long phrases.
• Acronyms - While they help with brevity, acronyms may add confusion. Avoid them where possible, unless you know that the target audience will be inherently familiar with them. Try using abbreviations instead.
• Numbers - Use Arabic numerals ("1, 2, 3") rather than spelling them out ("one, two, three"). They’re shorter and easier to read quickly.
• String vs. LongString - LongString is a special type only used for info panel content to be wrapped onto multiple lines. LongString should be used for any text longer than a few words.
• Sorting Behavior - Sorting and grouping is strictly alphabetical. That means that when values starting with "The" appear in PivotViewer, they will be grouped with the T’s.

Cuatro formas de buscar información

En el blog Boxes and Arrows sobre diseño de interacción explican una clasificación de las distintas formas que hay de buscar información. La tarea de localizar un dato cambia según lo que sabemos de antemano sobre el dato buscado.

Four Modes of Seeking Information and How to Design for Them

Modo 1 - Sé lo que quiero saber
Sabemos qué tipo de información estamos buscando, qué palabras clave utilizar para la consulta, y también sabremos reconocer fácilmente la respuesta correcta. En este caso, la tarea se debería resolver con rapidez si contamos con índices adecuados o un motor de búsqueda.

Modo 2- Exploración
Tenemos cierta idea de qué buscamos, pero no somos expertos en la materia y no sabemos por dónde empezar. En este caso sabríamos reconocer la respuesta pero no sabemos si la información es suficiente o necesitamos seguir buscando información relacionada. La navegación por la estructura de documentos permite hacerse una idea de qué información hay disponible en el área que buscamos.

Modo 3- No sé qué quiero saber
Esta situación se produce cuando pensamos que tenemos un objetivo pero la forma de alcanzarlo no es la que habíamos pensado, o cuando tenemos una necesidad de aprender algo sobre un tema del que no sabemos nada. La información proporcionada en estos casos debe ser concisa y proporcionar respuestas claras y generales sobre el área de conocimiento.

Modo 4- Recuperación
En cierto modo el opuesto del anterior, aquí buscamos algo que sabemos exactamente lo que es ya que lo hemos visto con anterioridad. La información que necesitamos es sólo la posición donde lo localizamos la vez anterior.

¿Es lento mi ordenador?

La velocidad con la que actúa una aplicación o una página web cuando la usamos, es uno de los elementos que más impacto tienen en la percepción de su calidad, como explica el experto en usabilidad Jakob Nielsen. Estos tiempos se conocen gracias a la investigación básica sobre la percepción humana de mediados del siglo XX.

• 0,1 segundos da la sensación de respuesta instantánea - es decir, el resultado se siente como si hubiera sido causada por el usuario, no el equipo. Este nivel de respuesta es esencial para apoyar la sensación de manipulación directa (manipulación directa es una de las principales técnicas de interfaz gráfica de usuario para aumentar la participación de los usuarios y el control sobre la herramienta).

• 1 segundo mantiene el flujo de pensamiento de los usuarios sin interrupción. Los usuarios detectan un retraso, y así saben que el equipo está generando el resultado, pero todavía se sienten en control de la experiencia en general y se mueven libremente en lugar de esperar al equipo. Este grado de sensibilidad es el que se necesita para una buena navegación por la web.
• 10 segundos mantiene la atención del usuario. De 1 a 10 segundos, los usuarios se sienten definitivamente a merced de la computadora y desearían que fuera más rápido, pero que pueden manejarlo. Después de 10 segundos, empiezan a pensar en otras cosas, por lo que es más difícil de centrar de nuevo la atención en la tarea una vez que el equipo por fin responde.
  

La próxima vez que uses tu aplicación o página web favorita, préstale atención a los tiempos de respuesta y cuenta mentalmente cuántos segundos tarda cada acción. Es hora de empezar a exigir como usuarios la calidad que nos merecemos.

Cómo pintar tus tablas

Consejos de diseño para tablas de información.

http://designshack.co.uk/articles/css/15-tips-for-designing-terrific-tables

UX design explained to teenagers

http://www.adaptivepath.com/blog/2010/03/12/explaining-user-experience-design-to-high-schoolers-and-other-new-audiences/

"My goal was to prepare them for that project by communicating two key things:

1. Make things for people.
2. Those people aren’t you.

Before the class, Ben warned me about the attention span of his students, and boy was he right. The thing about high school kids is they won’t pretend to be interested if you’ve lost them. Adults at a conference will gaze forward in your general direction, but high school kids will just put their head on the table and go to sleep. If you ever want to get a real gauge of how interesting a speaker you are (or how well you’re really communicating), I highly recommend it, humbling as it is. "

Features or not features

Diseño sencillo vs diseño con muchas funcionalidades.

"Features are good. They set Firefox apart from others, and attract users. What bothers users is features that don’t have a mature user interface. The solution should be to fix the interface, not drop the feature."

http://robert.accettura.com/blog/2005/09/04/features-vs-usability/
http://i.bnet.com/pdf/174974-Defeating_Feature_Fatigue_.pdf
http://berkeleymath.com/Documents/Defeating%20Feature%20Fatigue.pdf

Open source usability

http://blog.mozilla.com/faaborg/2010/04/22/dont-talk-about-users/

How can we convert current developers in open source projects to have a skill set equivalent to what academia or a corporation would consider to be formally trained user experience professional? The approach we propose consists of embedding HCI concepts and practices directly into the tools that control an open source community’s work flow.

Lista de palabras clave (keywords) sobre usabilidad que se van a añadir a Bugzilla en el proyecto de Firefox:
http://spreadsheets.google.com/pub?key=tJxF8zTuLdEj9pUcxnLAemA&output=html

¿Cómo se llenó mi disco duro?

Space Sniffer es un pequeño programa para mostrar el uso del disco duro por carpetas. Es la mejor aplicación de este tipo que he probado, y he probado bastantes.

Cuando el espacio de disco escasea, merece la pena abrir Space Sniffer para ver qué ficheros inecesarios están ocupando la mayor cantidad de espacio, para recuperar el hueco rápidamente.

Microsoft KIN: MS's iPhone contender

Microsoft provides with it's KIN phones a good exercise in goal-oriented design. Its two proto-smartphone versions (KIN ONE and TWO) include three features targeted at the most common use case for a hand-held, cloud-connected communication device:

- The Loop is the always-on feed reader. In a twist w.r.t. other phones, they make it the default view so that the user always can review the latest feeds from their primary social connections. These can be grouped in several priority layers, which is a nice touch not provided by Facebook.

- The Spot can be a killer feature. It provides a 21st-century clipboard, a place where the various web clips, bookmarks and half-written musings can be collected until the user's ready to compose them into a published article. This provides a predefined and better workflow for this task that doesn't force the user to keep track in short-term memory of all relevant information pieces while composing a post.

- KIN Studio is a lightweight application that works as a end-user repository for captured data, with specialized tools to create metadata and categorize content according to content type, subject, people, geomapping, timestamp.

Each feature on its own provides a nice touch to enhance the blogging/feedback/social network experience. The three of them together can create a tightly focused environment for creating and sharing. I'd like to have it in my hands for 2 hours and feel how they work.

Pie menus and other menu systems

http://www.autodeskresearch.com/projects/menu

Part of the Novel Input & Output Project

A menu system often serves as the core interaction workhorse of an application. We have researched and productized a few solutions that enhance the user’s experience. Most notably is the marking-menu which allows a user to perform a menu selection by either popping-up a radial menu or by quickly making a straight mark in the direction of the desired menu without popping-up the menu. Other investigations have focused on providing efficient access to a large number of menu-items (the HotBox), menus for pen computers (tracking menus), for rapid tool switching (pieCursor) and multitouch environments (multitouch marking menus).

Card sorting tools

Online and offline applications for the card sorting technique for usability and information architecture.

http://www.measuringuserexperience.com/CardSorting/index.htm
http://rosenfeldmedia.com/books/cardsorting/blog/card_sorting_software_tools/
http://websort.net/
http://www.optimalworkshop.com/optimalsort.htm
http://www.rosenfeldmedia.com/books/cardsorting/blog/card_sort_analysis_spreadsheet/
http://www.stcsig.org/usability/topics/cardsorting.html
http://rashmisinha.com/2005/02/24/card-sorting-analysis-one-size-fits-all-approach/ (comments alternate analysis methods)

Some of them are free for small online samples.

Texto granular en páginas web

Purple es una pequeña herramienta para crear enlaces a un párrafo de una página web, para crear referencias.

Si te instalas este "bookmarklet en la barra de favoritos, en la página actual aparecerá un enlace delante de cada párrafo. La dirección de dicho enlace te permite navegar desde cualquier parte de internet a ese parrafo concreto. Por ejemplo, este enlace (139) te lleva directamente a la parte de este artículo donde compara la informática con la magia de los cuentos de hadas.