usabilidad 2.0: más allá de la interfaz (gráfica)
TRANSCRIPT
![Page 1: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/1.jpg)
Usabilidad 2.0:
Más allá de la Interfaz
(gráfica)
Yusef Hassan Montero
SCImago Research Group
USID’09
![Page 2: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/2.jpg)
Objetivos
Recorrido desde los principios de diseño y técnicas fundamentales de la usabilidad y el Diseño Centrado en el Usuario, hacia los nuevos retos de diseño planteados por la Web Social.
![Page 3: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/3.jpg)
Estructura
0. Usabilidad
1. El factor humano
2. Diseño Centrado en el Usuario
3. Web Social
4. Diseño de interfaces sociales
![Page 4: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/4.jpg)
0. Usabilidad
![Page 5: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/5.jpg)
0. Usabilidad
Usabilidad = Facilidad de uso
![Page 6: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/6.jpg)
0. Usabilidad
Usabilidad = Facilidad de uso
Un sinónimo es una mala definición.
![Page 7: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/7.jpg)
0. Usabilidad
![Page 8: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/8.jpg)
0. Usabilidad
Dimensiones:
Relativa
Empírica
Ética
Dependiente
![Page 9: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/9.jpg)
0. Usabilidad : Relativa
![Page 10: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/10.jpg)
0. Usabilidad : Empírica
A mi no me parece que sea
poco usable.
Directivo anónimo
![Page 11: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/11.jpg)
0. Usabilidad : Ética
![Page 12: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/12.jpg)
0. Usabilidad : Dependiente
Utilidad
Usabilidad
![Page 13: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/13.jpg)
0. Usabilidad
Disciplinas relacionadas:
Accesibilidad
Arquitectura de Información
Diseño de Interacción
Diseño Gráfico
SEO (Posicionamiento en buscadores)
![Page 14: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/14.jpg)
1. El factor humano
![Page 15: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/15.jpg)
1. El factor humano
•Percepción visual
•Memoria
•Procesamiento de información
•Actividad motriz
•Modelos mentales
•Comportamiento condicionado por el medio y por las convenciones de diseño
![Page 16: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/16.jpg)
1. El factor humano (percepción visual)
![Page 17: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/17.jpg)
1. El factor humano (percepción visual)
![Page 18: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/18.jpg)
1. El factor humano (percepción visual)
![Page 19: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/19.jpg)
1. El factor humano (percepción visual)
![Page 20: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/20.jpg)
1. El factor humano (percepción visual)
dustincurtis.com
![Page 21: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/21.jpg)
1. El factor humano (memoria)
![Page 22: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/22.jpg)
1. El factor humano (memoria)
![Page 23: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/23.jpg)
1. El factor humano (procesamiento de información)
![Page 24: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/24.jpg)
1. El factor humano (procesamiento de información)
“Lo más”
![Page 25: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/25.jpg)
1. El factor humano (actividad motriz)
![Page 26: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/26.jpg)
1. El factor humano (actividad motriz)
![Page 27: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/27.jpg)
1. El factor humano (actividad motriz)
![Page 28: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/28.jpg)
1. El factor humano (actividad motriz)
![Page 29: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/29.jpg)
1. El factor humano (modelos mentales)
Nuestro cliente no es el usuario.
Nosotros no somos el usuario.
Los usuarios no son como creemos.
![Page 30: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/30.jpg)
1. El factor humano (comportamiento condicionado)
![Page 31: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/31.jpg)
1. El factor humano (comportamiento condicionado)
Fuente: flickr.com/photos/evades
![Page 32: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/32.jpg)
1. El factor humano (comportamiento condicionado)
![Page 33: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/33.jpg)
2. Diseño Centrado en el Usuario
![Page 34: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/34.jpg)
2. Diseño Centrado en el Usuario
![Page 35: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/35.jpg)
2. Diseño Centrado en el Usuario
Test de Usuarios
http://www.jungleminds.com/publications/articles/effective_usability_testing_for_intranet
![Page 36: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/36.jpg)
2. Diseño Centrado en el Usuario
Test de Usuarios
Pros:
•Es una demostración con hechos
•Acaba con discusiones estériles
•Alto Retorno de Inversión
Contras:
•Alto coste en el reclutamiento, ejecución y análisis
•Laboratorio=Descontextualización
![Page 37: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/37.jpg)
2. Diseño Centrado en el Usuario
Eye-Tracking
http://www.useit.com/alertbox/reading_pattern.html
![Page 38: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/38.jpg)
2. Diseño Centrado en el Usuario
Eye-TrackingPros:
•Es una demostración con hechos
•Acaba con discusiones estériles
•Ver con los “ojos del usuario”
•Resultados “visibles”
Contras:
•Muy alto coste
•Dificultad en la interpretación
•Datos cualitativos bajo la piel de datos cuantitativos
![Page 39: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/39.jpg)
2. Diseño Centrado en el Usuario
Card Sorting
http://usalo.es/63/card-sorting-el-medio-es-el-mensaje/
![Page 40: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/40.jpg)
2. Diseño Centrado en el Usuario
Card SortingPros:
•Arquitecturas de información centradas en el usuario
•Permite excavar en el modelo mental del usuario
•Ofrecen datos cuantitativos
Contras:
•Alto coste en el reclutamiento de participantes
•Diferentes factores pueden influir significativamente en los resultados
•Complejidad matemática de las técnicas de análisis
![Page 41: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/41.jpg)
3. Web Social
![Page 42: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/42.jpg)
3. Web Social
![Page 43: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/43.jpg)
3. Web Social
![Page 44: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/44.jpg)
3. Web Social
Usabilidad 2.0 = Usabilidad + Utilidad
![Page 45: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/45.jpg)
“No puedo entender por qué alguien querría hacer eso o por qué
alguien querría leer eso”
John Dvorak, PCMag, en referencia a Twitter
3. Web Social
![Page 46: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/46.jpg)
Fuente: Flickr Martineric
3. Web Social
![Page 47: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/47.jpg)
Fuente: Flickr Underbelly Limited
3. Web Social
![Page 48: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/48.jpg)
4. Diseño de interfaces sociales
![Page 49: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/49.jpg)
4. Diseño de interfaces sociales
1. Identifica tu objeto
2. Socializa tu objeto
3. Identidad y Personalización
4. Explotar la inteligencia colectiva
5. Investigación
![Page 50: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/50.jpg)
4.1. DIS: Identifica tu objeto
Amazon – Libros
Flickr – Fotos
Youtube – Videos
Delicious – Bookmarks
Twitter – Mensajes de estado
Wikis – Documentos
Periódicos digitales – Noticias
…
![Page 51: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/51.jpg)
4.2. DIS: Socializa tu objeto
![Page 52: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/52.jpg)
4.2. DIS: Socializa tu objeto
Competitividad
Curiosidad
Reconocimiento
Afectividad
![Page 53: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/53.jpg)
4.3. DIS: Identidad y personalización
![Page 54: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/54.jpg)
4.3. DIS: Identidad y personalización
![Page 55: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/55.jpg)
4.4. DIS: Explotar la inteligencia colectiva
![Page 56: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/56.jpg)
4.4. DIS: Explotar la inteligencia colectiva
![Page 57: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/57.jpg)
4.4. DIS: Explotar la inteligencia colectiva
![Page 58: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/58.jpg)
4.4. DIS: Explotar la inteligencia colectiva
![Page 59: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/59.jpg)
4.4. DIS: Explotar la inteligencia colectiva
![Page 60: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/60.jpg)
4.4. DIS: Explotar la inteligencia colectiva
![Page 61: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/61.jpg)
4.4. DIS: Explotar la inteligencia colectiva
![Page 62: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/62.jpg)
4.4. DIS: Explotar la inteligencia colectiva
![Page 63: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/63.jpg)
4.4. DIS: Explotar la inteligencia colectiva
![Page 64: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/64.jpg)
4.5. DIS: Investigación
![Page 65: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/65.jpg)
4.5. DIS: Investigación
![Page 66: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/66.jpg)
4.5. DIS: Investigación
![Page 67: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/67.jpg)
Concluyendo
![Page 68: Usabilidad 2.0: Más allá de la Interfaz (gráfica)](https://reader035.vdocuments.net/reader035/viewer/2022062319/557bbf4cd8b42ace668b50f9/html5/thumbnails/68.jpg)
De interés …
Jyri Engeström
Bulding sites around social objects
Gianandrea Giacoma & Davide Casali
Is there a good motivation to hook the user on your social network?
Joshua Porter
The Psychology of Social Design
Yusef Hassan y Sergio Ortega
Informe APEI sobre Usabilidad