Usolab

Te lo advierto…

2008-05-05T09:04:45Z

Pocos son los usuarios que leen con detenimiento los mensajes de advertencia, estamos tan acostumbrados a interactuar con el ordenador de forma compulsiva, que a veces pulsamos los botones de los mensajes de advertencia sin leer el texto. A todos nos ha pasado alguna vez (y a algunos no hace mucho…).

El objetivo de los mensajes de advertencia es informar al usuario de los peligros potenciales de la acción que va a realizar, especialmente aquellas que impliquen pérdida de datos.

En el diseño de este tipo de mensajes, como norma general, se recomienda no destacar ninguno de los botones, ya que los usuarios suelen pulsar el más destacado sin leer el mensaje. También es recomendable describir la acción en el texto del botón, e incluir alguna metáfora visual (un icono, por ejemplo) que refuerce el mensaje, como muestra la imagen siguiente:

No obstante, en algunos sistemas, estas recomendaciones pueden no ser suficientes. Algunas estrategias complementarias que utilizan algunos sistemas para avisar sobre la potencial pérdida de datos (y que en ocasiones que pueden ir en contra de la usabilidad) pueden ser:

Invertir el orden natural de lectura de los botones (por ejemplo, colocando el botón cancelar en primer lugar).
Ofrecer un segundo mensaje de alerta para advertir al usuario de las consecuencias de la acción que va a realizar (como hace Flickr).
Deshabilitar por defecto todos los botones y activarlos pasados unos segundos (para asegurarse de que el usuario lee el mensaje).

El que avisa no es traidor.

Caminos sociales

2008-04-28T11:08:10Z

Tradicionalmente, los caminos que llevaban de una ciudad a otra no los diseñaba una única persona. Eran sus propios usuarios quienes, a medida que hacían un trayecto, dejaban marcado ese camino. Se trataba de un “diseño social”.

Hoy en día los caminos se diseñan de otra forma. En un parque, por ejemplo, es el diseñador quien decide dónde colocar un camino y dónde no.

Esto no es, de por sí, ningún problema, ya que el diseñador dispone de herramientas que los usuarios pueden no tener o conocer, como crear estructuras complejas, por ejemplo túneles o puentes.

Sin embargo es indispensable que el diseñador del parque tenga claras las necesidades de los usuarios e intente satisfacerlas.

“Desire paths” es un grupo de Flickr dedicado a recopilar fotografías de parques y otras zonas peatonales que no tuvieron en cuenta las necesidades de sus usuarios cuando fueron diseñadas.

En el parque de la siguiente fotografía, por ejemplo, se diseñó un camino poco eficiente y han sido los propios usuarios quienes han marcado uno nuevo:

En el de la siguiente fotografía las modificaciones sociales de caminos fueron mucho mayores:

Los intentos de educar explícitamente a los usuarios en el uso de rutas alternativas tampoco tendrá efecto si no se les compensa de alguna forma. En la siguiente imagen observamos que se ha colocado un cartel de “no caminar por la hierba”, sin embargo los usuarios han realizado sus propios caminos a los lados de la señal:

En un parque siempre se tiene la posibilidad de andar por el césped y marcar otro camino, pero en la interfaz de una aplicación o en un sitio web el usuario está obligado a utilizar los caminos que le vienen dados.

Esto suma aún más importancia en tener el usuario en mente a la hora de diseñar, ya que si no lo hacemos corremos el riesgo de acabar con un parque vacío.

Bankimia, nuevo proyecto de Usolab

2008-04-21T08:23:57Z

Sabemos que muchos de los que nos seguís trabajáis en entidades financieras, por eso nos gustaría comentaros que hace algunas semanas publicamos Bankimia.com. Es un proyecto de los socios de Usolab.

Bankimia es un comparador online de productos financieros para particulares. Nuestro objetivo es ofrecer la mejor información para seleccionar productos para particulares de entidades financieras (hipotecas, préstamos, cuentas, tarjetas, depósitos, fondos...).

En una primera fase hemos desarrollado el comparador de hipotecas ofreciendo información de casi 40 entidades. En breve iremos incorporando nuevos productos.

Además de la información sobre las condiciones económicas de los productos, se ofrecen otras herramientas: comparador de hipotecas, preguntas frecuentes, las calculadoras, etc.

Los comparadores son ya muy populares en algunos productos: vuelos, hoteles, software, dispositivos, etc. y sin duda lo serán en breve en España en otros productos como los bancarios; de hecho ya lo son en otros países como Reino Unido, Estados Unidos, etc. El uso que se hace en estos países está en claro aumento desde hace algunos años, incluso hay casos en los que son verdaderos intermediarios financieros.

Ante este futuro, la mejor forma de enfrentarse a ellos no es intentando no aparecer, sino buscando la mejor forma de posicionarse.

Los que pertenecéis a entidades financieras por favor no dudéis en poneos en contacto con nosotros:

Si no hemos incorporado los productos de tu entidad y quieres que aparezcan
Si quieres anunciar o publicitar tus productos y servicios en nuestra web
Si hay algún dato de los productos de tu entidad que no es correcto
Por cualquier otra razón

Estaremos encantados de atenderos.

Oferta de trabajo: consultor senior de usabilidad

2008-04-16T10:52:05Z

Buscamos un consultor senior de usabilidad, arquitectura de información y/o HCI para trabajar en nuestras oficinas de Sant Cugat (Barcelona).

Su labor consistirá en:

investigar necesidades de usuarios
realizar análisis comparativos
elaborar arquitecturas de información
definir y establecer navegaciones e interacciones con el usuario
definir estructuras y prototipos (alta y baja definición)
realizar evaluaciones de usabilidad (evaluación heurística, test con usuarios…)

Requisitos:

ser licenciado o ingeniero
conocimientos de arquitectura de la información, diseño centrado en usuarios y diseño de interacción
conocimientos de las metodologías y técnicas habituales de análisis y evaluación de interfaces y de las herramientas de usabilidad
buena capacidad de comunicación oral y escrita
persona proactiva y dinámica, con ganas de aprender
pasión por la usabilidad y por el diseño

Requisitos deseados:

conocimientos de herramientas de diseño
participar de la filosofía del diseño de la sencillez o simplicidad
conocer y tener sensibilidad por la accesibilidad

Experiencia:

Se requiere una experiencia mínima de 2 años dedicados en exclusiva en proyectos de usabilidad, HCI, experiencia de usuario, arquitectura de información y/o diseño de interacción.

Envía tu currículum vitae, a trabajo@usolab.com indicando en el asunto "Consultor usabilidad (Barcelona)".

Retículas: en el fondo son importantes

2008-04-10T07:28:36Z

Las herramientas de diseño gráfico como Fireworks o Photoshop, entornos de programación como Visual Studio o Eclipse o incluso editores de texto como Word, son aplicaciones que usamos día a día, durante largos períodos de tiempo y que normalmente ocupan un espacio relativamente grande de nuestra pantalla.

Son aplicaciones que Alan Cooper define en su libro About Face como de "sovereign posture", que podríamos traducir como "postura soberana".

Un programa de postura soberana va a convivir con el usuario durante muchas horas y días, teniendo esto varias implicaciones a la hora de diseñarlo.

Un caso de estudio interesante es la retícula predeterminada de los programas de diseño gráfico, una herramienta fundamental que debe ser lo suficientemente visible como para que sea cómoda de usar, pero, a su vez, lo bastante neutra para que no provoque fatiga visual.

A la hora de diseñar una aplicación, la tarea de escoger entre una de las seis retículas que os presentamos a continuación puede parecer un tema menor, pero si hacéis clic para verlas en grande y os imagináis trabajando con ellas durante largos períodos de tiempo, veréis que es una cuestión importante.

¿Cuál os parece mejor?

Más es mejor

2008-04-01T11:05:17Z

No es ninguna noticia que la tendencia actual en la mayoría de aparatos electrónicos es aunar tantas funcionalidades como sea posible: con los móviles no sólo podemos llamar, sino también hacer fotos, escuchar música o jugar a videojuegos; nuestro televisor es capaz de sintonizar radio, grabar programas y hacer de despertador; y nuestro reloj de pulsera es un cronómetro un podómetro y un pulsómetro.

¿Necesitamos realmente toda esta flexibilidad? ¿O es un mero síntoma de nuestra cultura consumista en la que "más es mejor"?

Hay unos aparatos, cada vez más populares, que se resisten a esta tendencia. Se trata de los "media center".

Los "media center" (o centros multimedia) se pueden conectar a un televisor, a un equipo de sonido y a Internet, permitiéndonos ver películas, escuchar música o visitar páginas web entre otras funcionalidades.

A simple vista pueden parecer ordenadores, y, de hecho, tecnológicamente hablando, lo son, sin embargo están deliberadamente limitados para dar sólo respuesta a nuestras necesidades "multimedia" más habituales, sin permitir hacer otro tipo de tareas como escribir textos, imprimir, descargar ficheros o instalar nuevas aplicaciones.

Su función puede ser reemplazada perfectamente, y a veces incluso de forma más barata, por un ordenador convencional. ¿Qué sentido tiene, entonces, que paguemos por un producto que impone límites a nuestra propia libertad?

Puede que estemos empezando a olvidar el axioma de "más es mejor". O puede que no, que simplemente valoremos la simplicidad como sinónimo de eficiencia y productividad, característica indispensable en nuestras vidas aceleradas de hoy en día.

Seminario gratis de analítica web para banca online

2008-03-26T16:07:52Z

Pere Rovira de WebAnalytics.es impartirá el próximo viernes 4 de abril un seminario gratuito de analítica web orientado a bancos y cajas, con el objetivo de divulgar las últimas tendencias en el sector:

Herramientas de analítica web para banca online
Cómo maximizar el ROI y reducir costes operacionales
Cómo obtener más leads

Para más información podéis leer el programa del seminario en PDF y el artículo de Pere “La analítica web como una inversión estratégica” en nuestra web.

Exposición: La utilidad en el diseño

2008-03-25T10:49:29Z

Cuando en general nos referimos a que un objeto está bien diseñado, seguramente llama nuestra atención en sus aspectos formales, ingeniosos, decorativos, divertidos, emotivos, etc. Quizá cegados por la belleza del mismo, nos veamos incapaces de valorar su utilidad.

Los que estéis por Madrid podéis disfrutar de la exposición “La utilidad en el diseño”, que tendrá lugar en el Círculo de Bellas Artes de Madrid hasta el 27 de abril. La exposición aborda la importancia de la utilidad en el diseño (que también podría referirse como honestidad y adecuación al fin), cuando la efectividad respecto a la experiencia del usuario, la usabilidad y la relación coste-beneficio para el cliente persiguen la excelencia.

Destaco una inspiradora cita del dossier de prensa de la exposición:

“La utilidad es una de las principales fuentes de la belleza […] la capacidad de cualquier sistema o artilugio de alcanzar el fin para el que fue creado otorga cierta conveniencia y belleza al resultado final, y hace agradable el hecho de pensar en él o contemplarlo”

Adam Smith. The Theory of Moral Sentiments, 1759.

Si alguno de vosotros la ha visitado, quizá nos pueda comentar sus impresiones.

El icono para cancelar

2008-03-14T10:26:25Z

Ya hemos hablado en otras ocasiones de la importancia de reforzar los iconos con etiquetas. Esto es quizá muy evidente para los diseñadores de interfaces virtuales, que contamos con el recurso de poder cambiar el lenguaje de la etiqueta mediante programación, pero no tanto para los que tienen que lidiar con el entorno físico, para los cuales un mero cambio de literal puede significar un gran coste económico. De ahí vino la necesidad de crear un sistema “internacional” de iconografía, a la cual la mayoría de los usuarios están acostumbrados (por ejemplo el sistema de iconografía para aeropuertos que la AIGA definió en su día).

El objetivo de la miniencuesta de ayer era sondear la eficiencia y la comprensión de un conjunto de iconos utilizados en entornos diferentes pero con un significado similar.

Os adjuntamos a continuación el pequeño benchmarking origen de la encuesta.

Botones físicos para detener la impresión:

De origen bastante misterioso por cierto.

Icono para encender / apagar:

Defininido por el Lawrence Berkeley National Laboratory.

Icono salir (más propio de entornos físicos):

Icono cancelar en interfaces virtuales:

Botón para cancelar en entornos físicos:

Encuesta: Icono cancelar

2008-03-13T13:06:35Z

¿Cuál es a vuestro criterio el mejor icono para el concepto “cancelar”?

Prototipos de papel

2008-03-05T09:32:12Z

A estas alturas del partido no vamos a hablar de la utilidad de realizar prototipos en papel en las primeras fases de desarrollo. Hace tiempo que prestigiosos profesionales lo han explicado muy bien, han declarado su pasión por ellos, han publicado libros, han realizado videos, e incluso han descrito el "software" necesario para realizarlos.

No obstante, siempre hace ilusión ver vídeos ilustrativos de la técnica, más cuando se destaca la rapidez en su implementación. Una cafetería (como laboratorio de usabilidad), o una camarera (como usuario) pueden ser suficientes para extraer conclusiones:

Es reconfortante saber que el mundo se podrá explicar siempre con lápiz y papel.

Vía GUUUI.

La crítica en el diseño

2008-03-03T10:13:54Z

La crítica es una oportunidad para obtener información sobre nuestro trabajo y descubrir áreas que necesitan perfeccionamiento o alternativas. Sin embargo, es un arte que en muchas ocasiones corre el peligro de caer en opiniones personales con poca argumentación.

La situación típica de una crítica de diseño viene a ser más o menos esta:

El diseñador expone la situación del diseño: su razón, la intención, las partes pendientes, próximas etapas, etc.
La audiencia opina sobre el diseño desde su perspectiva, ya sea para asegurarse de que el diseño se adapta a sus necesidades o para hacer propuestas de mejora.

En un reciente foro de discusión de profesionales del diseño de interacción de IXDA (The Critique: your rules for a productive session), se solicitó a los diseñadores que expusieran sus experiencias con el ejercicio de la crítica, a partir de la cual han surgido algunos consejos interesantes, por ejemplo:

Utilizar un enfoque justificado, del tipo “esto funciona porque…” y evitar el uso de frases subjetivas como: "me gusta…".
Cuidar cada comentario que se realiza y responder mediante un argumento en lugar de una reacción visceral.
Elaborar un listado de los puntos de los que se desea recibir comentarios y preguntar sobre ellos.
Es interesante recibir críticas de personas que respetemos y que no siempre estén de acuerdo con nosotros.
Asumir que se critica el diseño, no al diseñador. Ser profesionales y no realizar ataques personales.
Detectar defectos en el propio trabajo es positivo, no significa que hayamos cometido un error sino que el proceso crítico esta funcionando.
Todos los diseños, por muy malos que parezcan, tienen elementos positivos, una buena intención en un diseño “horrible” se puede convertir en una idea brillante a desarrollar.

Modelos mentales aplicados al diseño

2008-02-18T12:55:56Z

Rosenfeld Media acaba de publicar “Mental Models: Aligning Design Strategy With Human Behavior” de Indi Young. Un libro enfocado en cómo realizar diseños estratégicos basados en los modelos mentales.

Young, a través de este libro presenta diferentes propuestas para reconocer lo modelos mentales de los usuarios y cómo representarlos gráficamente.

En la imagen vemos un ejemplo donde se muestra el modelo mental de una mañana típica de varias personas antes de ir al trabajo. Para obtener la información se pregunta a los trabajadores cuáles son sus comportamientos y la razón de los mismos. Según se obtienen los datos se van añadiendo columnas con los diferentes comportamientos. Cuando hay comportamientos coincidentes, estos se apilan en la misma columna: levantarse de la cama, cepillarse los dientes, vestirse… Dónde más personas coinciden en sus comportamientos mayores son las columnas.

Una vez realizado esto ponemos en la parte inferior de la representación los diferentes productos que nuestra empresa ofrece para satisfacer estas necesidades. Estos productos los colocamos en la parte inferior de la columna de la actividad con la que coincide. Es decir si el producto es “pasta de dientes” cubriría la columna de “cepillar los dientes”. De este modo podemos ver cómo nuestros productos son apoyados por los potenciales clientes y de esta manera definir nuestra estrategia.

Utilizando esta misma idea podemos diseñar, por ejemplo, la intranet de una empresa. Descubriendo y utilizando el modelo mental de los trabajadores podríamos diseñar estratégicamente la interfaz y de ese modo facilitar la utilización de la misma.

Según Young conociendo el modelo mental se puede “obtener un profundo entendimiento de las motivaciones de las personas y sus procesos de pensamiento, además de ver el estado emocional y filosófico en el que los usuarios se mueven”. Saber las preferencias y razones de las personas al actuar es importante para entender sus modelos mentales y de ese modo desarrollar una base estratégica para nuestros diseños.

En “Boxes and arrows” podemos leer una entrevista con la autora en la que explica las bonanzas del modelo mental y cómo su uso puede ayudar a las empresas a evitar problemas estratégicos.

Ruido útil

2008-02-12T19:00:00Z

Cuando queremos comunicar algo, el mensaje o señal original muchas veces se contamina en el trayecto hasta su destinatario. Esta contaminación la llamamos "ruido".

En televisión, el ruido son la "nieve" y las interferencias que nos impiden ver el programa. En una interfaz, el ruido es la floritura alrededor de un texto que nos dificulta su lectura.

Evitar el ruido es un principio básico de diseño. Pero seguir este principio ciegamente puede inducir a errores, pues el ruido, por si mismo, no se trata de un defecto, sino de una característica comunicativa.

En videojuegos como Geometry Wars (vídeo a continuación), el ruido visual es un recurso para mejorar la experiencia de juego. Las explosiones y efectos, aparentemente gratuitos, no son un simple ornamento para contribuir al espectáculo visual sino que también corrompen deliberadamente la señal del videojuego, ajustando la dificultad a ese punto mágico para que el usuario se sienta constantemente retado a seguir jugando.

Nada es blanco ni negro, y mucho menos en diseño. Ni el ruido visual es siempre inútil.

Que sí, que no

2008-02-11T10:39:47Z

Flickr nos complica la vida a la hora de decidir si queremos o no mostrar públicamente nuestras fotos.

Al parecer utilizan una gramática similar a la de los exámenes teóricos para el carné de conducir. Con lo fácil que sería:

Posiblemente sea debido a la traducción del inglés.