Blog de Usolab
Blog de usabilidad, diseño y experiencia de usuario

Recibimos 11.000.000 unidades de información cada segundo por nuestros cinco sentidos, según estiman los neurocientíficos. Pero, para evitar la paralización por sobrecarga, 10.999.960 de estos trozos de información los procesamos de forma inconsciente. Únicamente 40 de ellos llegan al plano consciente.

Simplificando, tenemos dos niveles cognitivos: superior e inferior. El primero es consciente y analítico, y se encarga de tareas como pensar, calcular, leer, etc., pero tiene el inconveniente que procesa las cosas de forma secuencial, un solo proceso a la vez, y su capacidad es reducida. Por otro, lado el nivel inferior inconsciente se ocupa de los movimientos automáticos, de reconocer patrones de color, forma, etc. Es capaz de realizar una gran cantidad de estas actividades a la vez, en paralelo, con lo que su capacidad de procesamiento es muy grande.

A la hora de diseñar se deben tener en cuenta estas características humanas para hacer eficientes los diseños de interfaces. Se debe diseñar para que la información secundaria o de apoyo a la principal, como es la apariencia, los colores, formas, texturas, características espaciales, estructura de elementos o patrones sea captada por el nivel cognoscitivo inferior, por el procesamiento automático inconsciente. Dejando para nivel superior o consciente, el contenido principal, la lectura, la resolución del problema o la toma de decisiones.

En muchos diseños se rompe o interrumpe la estructura o patrón, se utilizan colores estridentes, se usan elementos grandes o destacados para cosas poco importantes, etc. disparando la alarma y saltando al nivel superior, obligando a la persona a buscar el motivo de ello. Debe interrumpir su actividad consciente, recordemos que realiza un solo proceso a la vez, y dedicarle una atención consciente a algo que debería continuar en el inconsciente. Es decir, se hace pensar al usuario, desviándole de lo que realmente quiere hacer.

A la hora de diseñar, no seamos inconscientes con el consciente.

4 comentarios, participa y escribe otro

Uno de los defectos habituales más perjudiciales en muchos diseñadores o responsables de Internet es pensar que ellos saben lo que necesitan sus usuarios, que conocen lo que “funciona” con su audiencia. No observan ni hablan con ellos porque consideran que ya los conocen, y no merece la pena.

Suelen proyectar su forma de pensar, sus preferencias o formas de hacer en sus clientes y usuarios. Asumen que la gente piensa y actúa de la forma en que ellos lo hacen, con el consiguiente riesgo para el producto o sistema.

Es muy diferente la actitud y el método de Renzo Piano, uno de los arquitectos actuales más reconocidos, como comentaba en una reciente entrevista (El arquitecto siempre busca la Atlántida ):

“No se puede ser arquitecto sin un perpetuo trabajo de investigación de la realidad. Sin la actitud continua y humilde de preguntar a las personas y a las cosas que viven en un lugar. Un edificio no es un ornamento, es algo que dialoga con su contexto. Hay que prestar atención a ese entorno. Tampoco se trata de una celebración narcisista: interpretas a una comunidad, no te citas a ti mismo. Es un pirateo, que recoge estímulos de cualquier cosa. Un robo constante, y muy peculiar: a rostro descubierto y mano desarmada, perpetrado con la honesta intención de devolver el botín en el futuro.”

Etiquetas: investigación con usuarios, Usabilidad

No hay comentarios, sé el primero en escribir uno

Leíamos hace un par de semanas en Expansión el artículo “Alcampo vuelve a intentar por tercera vez la venta por Internet”. Hemos entrado en Alcampo.es a dar un vistazo.

En la sección de alimentación nos encontramos con esta pantalla donde un botón rojo nos invita a “Empezar a comprar”

Al pulsar el botón aparece un mensaje de error. Empezamos a leer “Por favor seleccione el hipermercado…”.

Encima del mensaje de error vemos que hay seleccionada la opción “Híper Alcampo” que nos parece correcta, así que pulsamos de nuevo “Empezar a comprar” y nos aparece el mismo error.

Esta vez prestamos más atención y abrimos el desplegable y seleccionamos “Alcalá de Henares”. Vemos otro campo a la derecha y tecleamos el código postal “28803” de Alcalá. Pulsamos en “Empezar a compra” y nos aparece otro error.

Por el texto del error parece que debemos seleccionar de alguna forma el modo de entrega. Analizamos en detenimiento la página y por fin lo entendemos: para seleccionar “Recoger en tu hiper” se debe dejar el campo “Código postal” vacio. Para seleccionar “Entrega a domicilio” se debe dejar en el desplegable la opción “Hiper Alcampo” (que, de hecho, no es ninguna opción, se trata de una invitación a seleccionar).

El aspecto de publicidad del módulo no es la forma más adecuada de presentar el acceso a la compra y parece claro que visualmente se podrían distinguir mucho mejor las dos opciones de entrada, contribuyendo así a que el usuario entendiera qué debe hacer.

Creemos que Alcampo deberá intentarlo por cuarta vez.

Etiquetas: usabilidad web

3 comentarios, participa y escribe otro

Hasta hace poco cuando un usuario entraba en la página de inicio de Google le aparecía en la parte central el buscador y en la parte superior una serie de enlaces a otros servicios.

Hace unos días Google sorprendió a todos con una modificación interesante: ahora, al entrar, sólo aparece el logo, la caja de búsqueda y los botones en el centro de la página. Los enlaces de la parte superior e inferior aparecen únicamente si el usuario mueve el ratón.

Google afirma que su objetivo es eliminar distracciones a los usuarios que sólo quieren utilizar el buscador. Para ello sitúa el foco del teclado en la caja de búsqueda, de forma que no sea necesario para el usuario mover el ratón.

Sin embargo, la mayoría de la gente acostumbra a mover el ratón, de forma accidental o para situarse en la caja de búsqueda, como hemos visto en test con usuarios a lo largo de los años.

La aparición de los enlaces, como todo elemento en movimiento, llama la atención y puede acabar creando el efecto contrario al deseado, distraer.

Si se trata de no distraer a los usuarios del objetivo central de la página, que es buscar, ¿por qué no se baja a la parte inferior de la pantalla el “pie”, es decir, los enlaces “programas de publicidad”, “sobre Google”…, que es lo que realmente genera ruido, ya que el menú de opciones ("imágenes”, “vídeos”…) al estar situados fuera del foco de visión no molestan? o, ¿por qué no eliminar el botón ”I’m Feeling Lucky”, utilizado sólo por el 1% de las búsquedas, según el mismo Google?

¿Google está focalizando o distrayendo los usuarios? ¿O es que el objetivo de Google es focalizar, pero no en el buscador, sino en los otros servicios?

Etiquetas: foco, usabilidad Google

9 comentarios, participa y escribe otro

Buscamos un diseñador de interacción experto en diseño gráfico de interfaces que traslade diseños conceptuales a un lenguaje visual elegante e intuitivo, teniendo en cuenta criterios de usabilidad y diseño centrado en el usuario.

Responsabilidades:

• Diseñar las interfaces de usuario y de interacción de webs y de aplicaciones
• Crear diseños centrados en el usuario, teniendo en cuenta los requisitos de los clientes y la usabilidad
• Definir la línea gráfica de los proyectos en los que participe la empresa
• Desarrollar esquemas conceptuales
• (wireframes), maquetas visuales, y prototipos
• Presentar el diseño a nuestros clientes
• Contribuir a la formación de diseño gráfico del grupo

Requisitos:

• Experiencia mínima de 1 año dedicados en exclusiva a diseño gráfico de interfaces
• Pasión por la usabilidad y por el diseño.
• Conocimientos de arquitectura de la información, diseño centrado en usuarios y diseño de interacción.
• Participar de la filosofía del diseño de la sencillez o simplicidad
• Persona proactiva y dinámica, con ganas de aprender.

Requisitos deseados:

• Conocer y tener sensibilidad por la accesibilidad
• Conocimientos de maquetación HTML / CSS.

Condiciones:

• Jornada laboral: seis horas por la mañana
• Salario a negociar, según experiencia

Si estás interesados, envía tu currículum vitae, portfolio, sitios web, blog personal... a trabajo@usolab.com, indicando en el asunto "Diseñador de Interacción".

Etiquetas: diseño de interacción, oferta empleo, usabilidad

2 comentarios, participa y escribe otro

El otro día, después de dar una sesión sobre neurodiseño en un curso, nos comentaban que en ciertos entornos, por ejemplo el de banca, es muy complicado ofrecer interfaces seductoras.

¿Es esto cierto?

Muchas de las acciones que realizamos con un objetivo marcado por la eficiencia o la facilidad de uso, acaban teniendo impacto en el agrado y la satisfacción del usuario con la interfaz. La usabilidad no es sinónimo de facilidad de uso. La eficiencia o la satisfacción son componentes igual de importantes de la usabilidad.

En una aburrida transferencia, por ejemplo, ofrecer los pasos a realizar e indicar el paso actual en todo momento no es un elemento que únicamente haga más comprensible para el usuario qué tiene que hacer y dónde está. Este elemento contribuye a dar respuesta a uno de los heurísticos de Nielsen, “visibilidad del estado del sistema”, y con ello crea cierta sensación de control, transmite al usuario lo cerca que está de su objetivo, traduce en un elemento visual, parcialmente tangible, los resultados de sus acciones. Esta retroalimentación, este “premio” visual de avanzar por la lista de pasos, no deja de ser un elemento de recompensa, uno de los componentes de motivación heredados del diseño de juegos que describíamos hace un par de años.

Si el proceso se acaba convirtiendo en una experiencia de flujo, si el usuario consigue llegar sin apenas enterarse al final de la transacción, donde le aguarda una pantalla de resultado clara y atractiva, con colores saturados y llamativos, que le indica lo bien que ha ido todo, le indica qué cambios se han producido fruto de su esfuerzo y le ofrece salidas a realizar otras acciones… ¿quién puede decir que esto no es seductor?

Etiquetas: experiencia de usuario, flow, satisfacción, usabilidad

3 comentarios, participa y escribe otro

El color ha sido siempre utilizado para distinguir un tipo de información de otra, como por ejemplo en las salas de un museo, en los mapas topográficos o para diferenciar las diferentes líneas de metro de una ciudad. Algunas investigaciones, como Use color as a navigation device in online information spaces de Sean D. Williams, van más allá de la lógica que enmarca al color como elemento diferenciador y clasificador y centran su estudio en la teoría que el color en los esquemas de navegación puede ayudar al usuario a desempeñar sus tareas con mayor rapidez. Williams concluye su estudio diciendo que los usuarios se desempeñan mejor en una navegación representada a través de un código de color que en blanco y negro.

Hoy en día, hay muchos sitios web con sistemas de navegación representados a través del color pero no todos ellos hacen uso del color con el propósito de ubicar y agilizar el camino.

Este es el caso del sitio web de la Universidad Libre de Bruselas que, tal y como se muestra en la imagen, cuenta con una distinción de los primeros niveles de información a través de colores que de entrada parece muy orientativa para empezar a navegar, pero a medida que se accede a páginas de segundos y terceros niveles el color de la sección se pierde completamente y ni siquiera se marca en el elemento de navegación global dónde se encuentra el usuario. Así que el color aplicado parece haber sido habilitado completamente de forma gratuita o decorativa.

Un buen ejemplo de sitio web que impregna todas sus páginas de contenido con el color de la sección a la que pertenecen es el caso del diario inglés, The Guardian.

En este caso el color ayuda claramente a decirnos dónde estamos y a recordar si ya hemos estado en ese contenido o es nuestra primera vez ahí, sin ni siquiera haber leído. Un diseño consistente en el uso del color sumado a la capacidad natural que tenemos para percibirlo, hace que en muchos espacios web estemos ayudando a agilizar la navegación del usuario y contribuyendo a crear una experiencia más satisfactoria.

Etiquetas: diseño visual, navegaciones, psicología del color, uso del color

2 comentarios, participa y escribe otro

Al final del curso sobre diseño de interacción web y usabilidad que impartimos el pasado miércoles en Madrid, los asistentes fueron capaces de rediseñar en sólo 10 minutos la página de producto de una famosa empresa de telefonía y mejorar su usabilidad.

En las encuestas de satisfacción del curso los asistentes se mostraron contentos, aunque algunos criticaron lo intensivo que eran la sesiones y su enfoque en ocasiones demasiado practico, no dejando lugar para sesiones metodológicas más largas.

Creemos que es difícil transmitir muchos conocimientos en jornadas de apenas 7 horas, pero sí nos sentimos satisfechos al ver que se comprende el enfoque y que después de unas horas de formación los alumnos ya atacan los problemas de diseño teniendo en cuenta al usuario. 

Pese a esto, nos gustaría conocer qué es lo que os interesaría ver en el próximo curso que planteemos: ¿os interesan cursos más largos, aunque aumente el precio? ¿preferís que sean de menos horas pero más económicos? Y sobre el formato: ¿os parecen más interesantes las clases magistrales con temario cerrado o workshops abiertos más participativos?

No dudéis en publicar vuestra opinión aquí o, si lo preferís, enviarnos vuestras sugerencias a cursos@usolab.com.

Y recordad que este miércoles tenemos curso de diseño de interacción web y usabilidad en Barcelona repitiendo aula: la Casa de Convalecencia de la fundación UAB en el Hospital de Sant Pau. Os esperamos.

Etiquetas: curso usabilidad

4 comentarios, participa y escribe otro

Todos estamos ya de acuerdo que el usuario web acostumbra a ser alguien con prisa, que escanea rápidamente y que intenta “apañárselas”, como dice Steve Krug. Es por ello que damos importancia a la organización de contenidos dentro del sitio web, los sistemas de navegación, las páginas de categorías, etc.

Damos tanta importancia a todos estos elementos y ayudamos tanto al usuario a llegar a la página que busca, que a veces nos olvidamos de los contenidos de la misma.

Por ejemplo en un sitio web de una famosa cadena de hoteles encontramos la siguiente descripción de un hotel:

Situado en el distrito residencial moderno y encantador de Diagonal Mar, a 5 minutos a pie de la playa, del nuevo Centro de Convenciones de Barcelona (CCIB), y del Centro Comercial Diagonal Mar con diferentes tiendas de moda, restauración, ocio, música. La famosa calle de las Ramblas está a tan solo 15 minutos con transporte público.

Este texto no es práctico para, de un vistazo, obtener información sobre la situación del hotel. ¿Cómo se podría mejorar? En una primera revisión parece adecuado destacar aquellos elementos más importantes dándoles peso visual. También es aconsejable cambiar algo el tono del texto, haciéndolo más informativo y recortando apreciaciones subjetivas como “encantador” que pueden dificultar la lectura:

Situado en el distrito residencial de Diagonal Mar, a 5 minutos a pie de la playa, del nuevo Centro de Convenciones de Barcelona ( CCIB), y del Centro Comercial Diagonal Mar con tiendas de moda, restauración, ocio, música. La famosa calle de las Ramblas está a tan solo 15 minutos con transporte público.

Ha mejorado algo, pero sigue siendo un párrafo poco atractivo. Quedaría muchísimo mejor si le diéramos un formato más visual mediante listas y títulos:

Situación

Distrito residencial Diagonal Mar.

A 5 minutos a pie de: 

• Playa 
• Centro de Convenciones de Barcelona (CCIB) 
• Centro Comercial Diagonal Mar (tiendas de moda, restauración, ocio, música…)

A 15 minutos en trasporte público de la famosa calle las Ramblas.

En este punto el texto es más atrayente, claro y bien estructurado que el inicial y no se ha perdido nada de información. Para hacer este contenido aún más atractivo se podría acompañar de imágenes del exterior del hotel y su alrededores.

En el curso de diseño de interacción web y usabilidad que vamos a dar en Barcelona y Madrid hablaremos, entre otras cosas, de cómo escribir para la web y trabajaremos ejercicios como este.

Etiquetas: curso usabilidad, escribir para la web

3 comentarios, participa y escribe otro

Cada semana me enfrento con la siguiente pantalla cuando me acerco a comprar mi tarjeta de viajes.

 El diseño de sus botones hace que llame más la atención que su propio contenido. El abuso de redondeces, sombras y contrastes, brillos, degradados, etc., es decir, de elementos “embellecedores” lo convierten en un adorno, más que en un elemento de interacción. Su formato decorativo hace que destaque de una forma exagerada y distraiga del contenido que pretende transmitir. Además, su diseño hace que el mero formato del botón ocupe demasiado espacio, reduciendo el tamaño y legibilidad del texto.

El abuso de elementos superfluos y el ruido visual provoca en los usuarios una sensación de complejidad, de dificultad, y exige un mayor esfuerzo perceptivo.

Es conveniente transmitir cómo utilizar los botones, mostrar de forma clara que se ha de pulsar en ellos. Para lo que deben tener aspecto de botón, pero sin exagerar, equilibrando la forma y la función. Se ha de utilizar la eficiencia visual en el diseño, es decir, usar el mínimo número de elementos visuales y funcionales posibles para transmitir el mensaje a comunicar.

Reducir el ruido visual al mínimo y utilizar con generosidad el espacio en blanco facilita la comunicación de los mensajes u objetivos que se desean transmitir.

De este y otros temas hablaremos en nuestro Curso de diseño de interacción web y usabilidad

Etiquetas: diseño de interacción, usabilidad

No hay comentarios, sé el primero en escribir uno