13 de noviembre de 2008

Día mundial de la Usabilidad

María Luisa SantosSusana Heredia

Día mundialde la Usabilidad

2© 2008 María Luisa Santos y Susana Heredia

• USABILIDAD“es la capacidad de un sistema o producto para ser utilizado de forma sencilla y eficaz por el usuario al que va dirigido, en la ejecución de tareas específicas, en el marco de un contexto determinado”.

• Son los usuarios (y no quienes diseñan o desarrollan el producto) los que determinan si un sistema o producto es “usable”

¿Qué es la usabilidad?

Día mundialde la Usabilidad

3© 2008 María Luisa Santos y Susana Heredia

• Portada del libro

• Psicología de los objetos cotidianos

• Donald Norman

Día mundialde la Usabilidad

4© 2008 María Luisa Santos y Susana Heredia

• iPod Shuffle: muy usable para reproducir favoritos;• poco usable como biblioteca musical

Día mundialde la Usabilidad

5© 2008 María Luisa Santos y Susana Heredia

• Ej online: compra

Día mundialde la Usabilidad

6© 2008 María Luisa Santos y Susana Heredia

• Ej online: compra

Día mundialde la Usabilidad

7© 2008 María Luisa Santos y Susana Heredia

• Ej online: compra

Día mundialde la Usabilidad

8© 2008 María Luisa Santos y Susana Heredia

• Tiene dos acepciones diferentes usabilidad del motor del sistema (Hardware) usabilidad de los contenidos/funcionalidades del sistema

(Software)

• Surge aplicado al diseño de software de productividad• Posteriormente se extiende al ámbito de Internet• Aquí se relaciona con:

La arquitectura de la información La presentación de contenidos en los distintos formatos El diseño de la interfaz gráfica de usuario

¿De dónde proviene el término?

Día mundialde la Usabilidad

9© 2008 María Luisa Santos y Susana Heredia

• IGU – Interfaz Gráfica de UsuarioG.U.I. - Graphical User Interface

• Es la parte de la aplicación con la que el usuario interactúa

• Habitualmente se identifica con los elementos en pantalla: Menús

Barras de navegación

Iconos

Botones

Textos

Imágenes

…etc.

¿Qué es la Interfaz Gráfica de Usuario?

Día mundialde la Usabilidad

10© 2008 María Luisa Santos y Susana Heredia

• Wired

Día mundialde la Usabilidad

11© 2008 María Luisa Santos y Susana Heredia

Día mundialde la Usabilidad

12© 2008 María Luisa Santos y Susana Heredia

• Renfe (copys malos)

Día mundialde la Usabilidad

13© 2008 María Luisa Santos y Susana Heredia

Día mundialde la Usabilidad

14© 2008 María Luisa Santos y Susana Heredia

Día mundialde la Usabilidad

15© 2008 María Luisa Santos y Susana Heredia

• Presentar los contenidos de forma eficaz

• Facilitar el reconocimiento de objetos y funciones

• Componer la pantalla armoniosamente

• Contribuir a la navegación / interacción / conversión

¿Qué persigue el diseño de IGUs?

Día mundialde la Usabilidad

16© 2008 María Luisa Santos y Susana Heredia

Un sistema con un alto grado de usabilidad posee los siguientes atributos:

• su manejo es fácil de aprender (easy to learn)• su utilización es eficaz (efficient to use)• es sencillo de recordar (easy to remember)• los errores que permite son reducidos (few errors)• es agradable de utilizar (pleasant to use)

(J. Nielsen,1993)

¿Cuándo es “usable” una IGU?

Día mundialde la Usabilidad

17© 2008 María Luisa Santos y Susana Heredia

• Simplicidad• Consistencia• Contraste• Eficacia • Predicción• Retroalimentación (Feedback)

¿En qué principios se basa la usabilidad?

Día mundialde la Usabilidad

18© 2008 María Luisa Santos y Susana Heredia

Simplicidad

Día mundialde la Usabilidad

19© 2008 María Luisa Santos y Susana Heredia

Consistencia

Día mundialde la Usabilidad

20© 2008 María Luisa Santos y Susana Heredia

Consistencia

Día mundialde la Usabilidad

21© 2008 María Luisa Santos y Susana Heredia

Contraste

Día mundialde la Usabilidad

22© 2008 María Luisa Santos y Susana Heredia

Eficacia

Día mundialde la Usabilidad

23© 2008 María Luisa Santos y Susana Heredia

Eficacia

Día mundialde la Usabilidad

24© 2008 María Luisa Santos y Susana Heredia

• Pregunta aceptar u ok

Predicción

Día mundialde la Usabilidad

25© 2008 María Luisa Santos y Susana Heredia

Feedback

Día mundialde la Usabilidad

26© 2008 María Luisa Santos y Susana Heredia

Feedback

Día mundialde la Usabilidad

27© 2008 María Luisa Santos y Susana Heredia

En el diseño de la interfaz gráfica, que favorece una navegación funcional, intuitiva y transparente

En la arquitectura de la información, que se adapta a los objetivos y tareas del usuario (User-Centered Structure)

En los contenidos en sus distintos formatos, que aportan siempre la información adecuada en el momento y forma más apropiados

¿Dónde “se nota” la usabilidad de un sitio web?

Día mundialde la Usabilidad

28© 2008 María Luisa Santos y Susana Heredia

• La falta de usabilidad conduce a que el usuario: se desoriente en la navegación (sensación de pérdida) no alcance sus objetivos no logre realizar transacciones (falta de conversión) tenga una experiencia frustrante abandone el sitio web contribuya a crear una mala imagen del sitio web

• Esto acarrea importantes repercusiones económicas

¿Por qué es necesaria la usabilidad?

Día mundialde la Usabilidad

29© 2008 María Luisa Santos y Susana Heredia

• Pago de parking

Día mundialde la Usabilidad

30© 2008 María Luisa Santos y Susana Heredia

• valencia

Día mundialde la Usabilidad

31© 2008 María Luisa Santos y Susana Heredia

• Hoy la usabilidad ya no es el objetivo, sino un requisito de partida.

• El objetivo ahora es lograr que el usuario que accede a la página lleve a cabo aquella acción que nos resulte rentable: Rellenar un formulario con sus datos

Enviar o solicitar información

Efectuar una reserva o una compra

Realizar una transacción económica

• Esto es CONVERSIÓN: lograr que el sitio web, además de ser fácilmente navegable y ofrecer información, resulte RENTABLE

• La clave es la PERSUASIÓN -> el término: Persuabilidad

¿Usabilidad y Conversión?

Día mundialde la Usabilidad

32© 2008 María Luisa Santos y Susana Heredia

• Están directamente relacionadas.

• Algunas claves para lograr que los usuarios conviertan: El contenido más importante para el usuario (no para el responsable del web)

debe verse lo primero y verse más

Rotulado inteligente: copys adecuados

Buscador interno que permita seleccionar por distintos filtros y que funcione adecuadamente

Botones para ejecutar las acciones encaminadas a la conversión deseables y atractivos ("sexies") ¡y muy visibles!

Inclusión de enlaces para la acción alternativa

Evitar momentos de fin de proceso tipo, "Gracias y adiós"

¿Usabilidad y Persuabilidad?

Día mundialde la Usabilidad

33© 2008 María Luisa Santos y Susana Heredia

• Flickr

Día mundialde la Usabilidad

34© 2008 María Luisa Santos y Susana Heredia

• silverback

Día mundialde la Usabilidad

35© 2008 María Luisa Santos y Susana Heredia

• Login de tumblr

Día mundialde la Usabilidad

36© 2008 María Luisa Santos y Susana Heredia

• No es diseño de mascotas…

• Son 3 principios de la psicología aplicados al diseño: “Persuasion, Emotion & Trust”

• La usabilidad facilita que los usuarios “puedan hacer cosas” en los sitios web

• El diseño PET logra que “efectivamente las hagan”

• Estos 3 principios son la base de la seducción del usuario, que conlleva 3 pasos

o captar su atención, interés y/o deseo.o atraerle y que efectivamente "convierta"o lograr su “devoción” (que se enamore del producto o servicio)

¿Qué significa PET Design?

Día mundialde la Usabilidad

37© 2008 María Luisa Santos y Susana Heredia

Día mundialde la Usabilidad

38© 2008 María Luisa Santos y Susana Heredia

El futuro de la interacción• Está fuera del ordenador

• Se puede incluir un procesador en cualquier objeto

• Internet en todas partes: todo está conectado (personas y objetos)

• Los dispositivos son el interfaz entre las personas y el entorno

• Muchos nombres:• Objetos inteligentes

• El internet de las cosas

• Computación ubicua

• Spimes (Bruce Sterling: Shaping Things))

• Ambient computing

Día mundialde la Usabilidad

39© 2008 María Luisa Santos y Susana Heredia

Día mundialde la Usabilidad

40© 2008 María Luisa Santos y Susana Heredia

Día mundialde la Usabilidad

41© 2008 María Luisa Santos y Susana Heredia

María Luisa Santos – mluisa.santos@biko2.com

Susana Heredia – susana.heredia@biko2.com

Biko Labs: Blog de Experiencia de usuario:http://bikolabs.biko2.com/experiencia-de-usuario/