¿Dónde hay que hacer click?

@jccamus - www.usando.info – DUOC 5DD – Octubre 2014 - 1

Una presentación acerca de Arquitectura de Información

y Diseño de Experiencia de Usuario

Juan C. Camus

2014

¿Dónde hay que hacer click?






Imagen: http://jessbyrn.blogspot.com/2011/05/usability.html



un sitio web funciona

si el usuario actúa

sin preguntar

cómo se opera


construimos

autoservicios

de información


Autores y herramientas

Wurman Rosenfeld y Morville Garrett Wodtke Krug Nielsen


Arquitectura de Información:

• Es un arte y una ciencia.

• Organiza conjuntos de información.

• Permite que cualquier persona entienda la información que se ofrece.

• Favorece el “autoservicio”.

Desde el web:

Es el conjunto de prácticas que entendiendo el objetivo de un sitio web, organiza el

contenido en subconjuntos de nombres comprensibles para el usuario final, facilitando

las operaciones de búsqueda y uso de la información que contienen.

Un par de definiciones


Usabilidad:• Es la medida de la calidad de la experiencia que tiene un usuario cuando interactúa

con un producto o sistema y mide la relación entre las herramientas y sus usuarios.

Es la combinación de varios factores que afectan la experiencia del usuario que usa

dicho producto o sistema. Dichos factores son:

• Facilidad de aprendizaje

• Facilidad y Eficiencia de uso

• Facilidad de recordar cómo funciona

• Frecuencia y gravedad de errores

• Satisfacción subjetiva

• ISO/IEC 9241:

• "Usabilidad es la eficacia, eficiencia y satisfacción con la que un producto permite

alcanzar objetivos específicos a usuarios específicos en un contexto de uso

específico”.



Diseño de Experiencia de Usuario:

• Es la experiencia que tiene un usuario al interactuar con un producto o sistema.

• Puede ser diseñada la interfaz y la interacción, pero no se puede garantizar los

efectos que se obtendrán con ella.

• No obstante, hay formas de medirlo:

• Test de Usuario

• Test Heurístico

• Observaciones participantes

• …




Test Interactivo de Eyetracking (Poynter 2004)


Test Interactivo de Eyetracking (Poynter 2004)


Eyetracking


Eyetracking




Jesse

James

GarrettPara hacer un sitio web

•Primero: entender al cliente

•Luego: entender a la audiencia

Después

•Qué contenidos se quieren ofrecer

•Qué va a hacer el usuario con ellos

Con todo eso:

•Definir la estructura

•Definir la navegación

Y, por último…

•…definir el diseño visual


Jesse

James



Jesse

James



Para hacer un sitio web

•Se nota que el sitio web está bien hecho, cuando un usuario entra por

primera vez y...

•... puede entender el sitio en forma rápida y sin esfuerzo.

•...puede encontrar la información fácilmente.

•... quienes producen el sitio pueden ubicar la nueva información sin

tener crear nuevas estructuras.


Modelos Mentales

Imagen: http://blog.crazyegg.com/2012/09/24/how-to-design-mental-models/


Personas y Escenarios

Imagen: http://www.guiadigital.gob.cl/articulo/aseguramiento-de-usabilidad


Wireframes


Return

Of

Investment

ROI


“Half the money I spend

on advertising is wasted;

the trouble is I don't know

which half ”


John Wanamaker (July 11, 1838 – December 12, 1922)


¿Cuánto vale un botón?



¿Cuánto vale un botón?

En el lugar adecuado, con el nombre correcto y la

interacción bien diseñada…


• PDF – gratis; Licencia CC BY NC SA

• Desde 5 Nov. 2009 hasta hoy: 25.000

• www.tienes5segundos.cl


Una presentación acerca de Arquitectura de Información

y Diseño de Experiencia de Usuario

Juan C. Camus

2014

¿Dónde hay que hacer click?


Arquitectos de Información en el Mundo (inglés):• IA Institute: http://www.iainstitute.org/• Wurman: http://wurman.com/rsw/• Rosenfeld: http://www.louisrosenfeld.com/• Morville: http://www.semanticstudios.com/• Garrett: http://jjg.net/• Wodtke: http://www.eleganthack.com/• IA Institute: http://www.iainstitute.org/

Arquitectos de Información en el Mundo (español):• Webestilo: http://www.webestilo.com/guia/• J. Arango: http://www.jarango.com/es/

Arquitectos de Información en Chile:• J.Velasco: http://www.mantruc.com/• J. Barahona: http://www.ayerviernes.com/• J.C.Camus: http://www.usando.info/

Enlaces para temas de AI


•Usabilidad en el mundo (en inglés)

• Jakob Nielsen: http://www.useit.com/

• Steve Krug: http://www.sensible.com/

• Alan Cooper: http://www.cooper.com/index.asp

• Bruce Toganizzini: http://www.asktog.com/basics/firstPrinciples.html

• A list Apart: http://www.alistapart.com/topics/userscience/usability/

• Usable Web: http://usableweb.com/

• User Effects: http://www.usereffect.com/

•Usabilidad en Chile (en español)

• No sólo Usabilidad: http://www.nosolousabilidad.com/

• Daniel Torres Burriel: http://www.torresburriel.com/weblog/

• Ainda: http://www.ainda.info/que_es_usabilidad.htm

• UsoLab: http://www.usolab.com/publicaciones/

• Jorge Barahona: http://www.jbarahona.com

• Juan C. Camus: http.//www.usando.info

Enlaces para temas de Usabilidad

Documents

¿Dónde hay que hacer click?