SlideShare ist ein Scribd-Unternehmen logo
1 von 35
Downloaden Sie, um offline zu lesen
Usabilidad
y Los Simpsons

Damián Calderón @demenece
Pablo Grigolatto @pablogrigo
Si suenan los celulares, HAY TABLA

Si alguien se levanta, HAY TABLA

Si no hacen preguntas, HAY TABLA
Un poco de Contexto

                  • ¿Quiénes somos?
                  • ¿De qué vamos a hablar?
                  • ¿Por qué Los Simpsons?
                  • ¿Qué es la Usabilidad?

- Esta es una charla más teórica que práctica. No vamos a bajar al nivel de cómo resolver pantallas o hacer tu aplicación más usable, ni siquiera las
metodologías. Vamos a ver las ideas generales inspirándonos en el libro de Don Norman: “El diseño de los objetos de todos los días”
- ¿Por qué tengo problemas con las puertas, los interruptores de la luz y los grifos? Se pregunta Don Norman a modo de introducción.
- Podemos ver a la usabilidad como parte del “diseño invisible”
- La usabilidad entonces es una cualidad de un producto
Menú del día
• Este menú del día
• Un poco de Contexto
• Modelos Mentales
• Las 7 fases de acción
• Visibilidad
• Prestaciones y Limitaciones
• Mapping
• Comentarios Finales + Preguntas + Aplausos
Modelos Mentales

     ¿?


¿?
Temporada 6 capítulo 21 “Lucha educativa”:
Científico, haciendo de profesor sustituto, le dice a niños pequeños: “no lo disfrutarían al nivel que yo lo disfruto”
Modelos Mentales


                  • Son representaciones hipotéticas sobre
                         cómo funcionan objetos externos
                  • Es una parte del Proceso de “Cognición”


- ¿Cómo se las arregla la gente ante lo desconocido? Intuyendo cómo funciona, planteando esquemas y conceptos que lo explican: los modelos
mentales y
- la cognición: “facultad de los seres de procesar información a partir de la percepción, el conocimiento adquirido (experiencia) y características
subjetivas que permiten valorar la información.”
Temporada 6 capítulo 19 “La boda de Lisa”:
No todos entendemos lo mismo: en el futuro, Lisa se da un beso con su “novio del futuro” después de pelear. La bibliotecaria robot no entiende estos
sentimientos ambivalentes, no entra entre sus “modelos mentales”
Modelos Mentales


                 •     The Design of Everyday
                       Things, Donald Norman

                 •     La cafetera para masoquistas




- Este es el libro que les comentamos, “el diseño de las cosas de todos los días” o “la psicología de los objetos cotidianos”
- Como pequeño ejemplo está la cafetera de la tapa
- Nuestra propia experiencia y conocimiento (que forma nuestro modelo mental) de cómo funciona una cafetera (o la pava para el mate) nos permite
predecir el funcionamiento de esta cafetera en particular, y rapidamente nos damos cuenta que no funcionaría
Las 7 fases de Acción
Temporada 6 capítulo 16 “Bart contra Australia” :
Homero habla con su cerebro sobre qué hacer ante la factura de teléfono llena de llamadas internacionales.
Las 7 fases de Acción
                                        1     Formular Objetivo

      2    Formular la intención                                                           7    Evaluar estado

      3     Especificar la Secuencia                                                       6     Interpretar

                      4     Ejecutar                                                      5     Percibir


                                                  Realidad Externa
- Resulta graciosa la explicitación de cómo Homero se comunica con su cerebro, y esto es algo que sucede todo el tiempo en nuestra cabeza.
- estamos todo el tiempo planteándonos objetivos, planeando, ejecutando tareas, y luego evaluando si el resultado es el deseado.
Las 7 fases de Acción

          • Tengo frío.




Ejemplo basado en el esquema del slide anterior.
Visibilidad
Temporada 20 capitulo 7 “Mypods y Dinamita”:
“Primero debe encenderlo” “Pero la luz está prendida” “eso indica que está apagada”
Visibilidad

                 • Las formas relevantes de interacción con el
                        objeto deben ser visibilizadas.
                 • El sistema debe informar siempre su
                        estado, a través de un Feedback apropiado
                        dentro de una cantidad razonable de
                        tiempo.



- Decimos que hay buena visibilidad cuando con solo mirar, el usuario puede decir cuál es el estado del dispositivo y cuales son las opciones de acción.
- Como diseñadores también tenemos que controlar qué hacemos que sea visible y qué funciones relegamos.
¿Cuál es
                                                                                                   el estado
                                                                                                  del sistema?




Dijimos que visibilidad significaba poder entender el estado actual del sistema y que acciones es posible
realizar.
¿Qué es este objeto?
Ahhhh un teclado!!!

- Solo una vez que está encendido nos damos cuenta que es un teclado, esto es un problema para las primeras fases de acción, yo no puedo formular
una intención de acción porque no puedo entender ni siquiera para qué sirve el objeto.
Prestaciones y
 Limitaciones
Temporada 5 capítulo 3 “Homero va a la universidad”:
hay un botón en el tablero de Homero que inicia el proceso de autodestrucción de la planta, y una palanca que lo interrumpe. Homero, mientras
duerme, se recuesta sobre este botón. El perro que estaba al lado se despierta y acciona la palanca.
Prestaciones y
                                        Limitaciones
                  • Al diseñar elegimos y limitamos las
                         posibilidades del usuario
                  • Las prestaciones sugieren la gama de
                         posibilidades y las limitaciones reducen el
                         número de opciones.




Al diseñar elegimos y limitamos las posibilidades del usuario, la idea es facilitar las operaciones más usuales y limitar el acceso a aquellas que sean
poco usuales, destructivas, etc. En el caso de Homero, estaba muy a mano el botón más destructivo posible.
Temporada 2 capitulo 15 “¿Dónde estás hermano mío?”
Homero participa del diseño de un auto
Un tiempo después...
Temporada 2 capitulo 15 “¿Dónde estás hermano mío?”
Resultado del diseño de Homero.
pasa en Los Simpsons,
 pasa en la vida real
Usabilidad no significa que diseñen los usuarios. Cuando le dejás abiertas todas las posibilidades al usuario, hay más posibilidades de que falle. El
usuario no es un diseñador.
Mapping
¿topografía? ¿correspondencia?

                    ¿?




        El correo! La correspondencia!
Temporada 20 capitulo 4 “Especial de noche de brujas XIX”
Homero trata de votar por Obama, la máquina entiende que vota por el opositor.
Mapping

                 • Es la relación entre los actos y los
                        resultados, entre los mandos y sus efectos,
                        y entre el estado del sistema y lo que es
                        visible.




Cuando se pierde esta relación que a veces es lógica, a veces espacial, el usuario se pierde en descubrir qué está relacionado con qué, y le es más
dificil de aprender
Buen día...
                                                                                           ¿A qué piso va?




Hablando de esta correspondencia espacial entre los controles y sus efectos, tenemos este panel de un ascensor.
Mas allá de que es caótico y exagerado el ejemplo, igualmente complicado sería que por ejemplo los números estén ordenados, pero de arriba hacia
abajo, o en forma horizontal, o diagonal. En este caso concreto hay un orden que resulta natural y es vertical y ascendente. No respestar eso nos lleva
a tener problemas de usabilidad.
Comentarios Finales
Si hay posibilidad de cometer errores, alguien los va a cometer
Y definitivamente la gente va a usar tu sistema de formas que vos nunca te podrías imaginar!!!
Gracias!!

                  ¿Consultas?

                  bibliografía y links en:
                   bit.ly/simps-usab



Damián Calderón                              Pablo Grigolatto
  @demenece                                    @pablogrigo

Weitere ähnliche Inhalte

Ähnlich wie Usabilidad y Los Simpsons

Como lograr que la gente se haga cargo
Como lograr que la gente se haga cargoComo lograr que la gente se haga cargo
Como lograr que la gente se haga cargo
Ronald Ancajima
 
Actividades del módulo 6 Carlos Granda TV22
Actividades del módulo 6 Carlos Granda TV22Actividades del módulo 6 Carlos Granda TV22
Actividades del módulo 6 Carlos Granda TV22
Carlos Granda
 

Ähnlich wie Usabilidad y Los Simpsons (20)

UX Nights Vol 03.02: Cognición, emoción en la experiencia de usuario
UX Nights Vol 03.02: Cognición, emoción en la experiencia de usuarioUX Nights Vol 03.02: Cognición, emoción en la experiencia de usuario
UX Nights Vol 03.02: Cognición, emoción en la experiencia de usuario
 
Ux nights vol. 03.02 cognición, emoción en la experiencia de usuario - za...
Ux nights vol. 03.02   cognición, emoción en la experiencia de usuario - za...Ux nights vol. 03.02   cognición, emoción en la experiencia de usuario - za...
Ux nights vol. 03.02 cognición, emoción en la experiencia de usuario - za...
 
Diseñando la Experiencia del Usuario con Sistemas Interactivos: ¿Cómo diseñam...
Diseñando la Experiencia del Usuario con Sistemas Interactivos: ¿Cómo diseñam...Diseñando la Experiencia del Usuario con Sistemas Interactivos: ¿Cómo diseñam...
Diseñando la Experiencia del Usuario con Sistemas Interactivos: ¿Cómo diseñam...
 
USABILIDAD: ¡MOMENTO EUREKA!
USABILIDAD: ¡MOMENTO EUREKA!USABILIDAD: ¡MOMENTO EUREKA!
USABILIDAD: ¡MOMENTO EUREKA!
 
Tecnologia 3
Tecnologia 3 Tecnologia 3
Tecnologia 3
 
Conocimiento en la cabeza y en el mundo
Conocimiento en la cabeza y en el mundoConocimiento en la cabeza y en el mundo
Conocimiento en la cabeza y en el mundo
 
Enseñar/aprender a aprender
Enseñar/aprender a aprender Enseñar/aprender a aprender
Enseñar/aprender a aprender
 
Lección 4
Lección 4Lección 4
Lección 4
 
F1 observación
F1  observaciónF1  observación
F1 observación
 
IV Según el texto versus según yo: uso de marcas textuales para construir inf...
IV Según el texto versus según yo: uso de marcas textuales para construir inf...IV Según el texto versus según yo: uso de marcas textuales para construir inf...
IV Según el texto versus según yo: uso de marcas textuales para construir inf...
 
Tecnologia 3
Tecnologia 3 Tecnologia 3
Tecnologia 3
 
INVESTIGACION DE OPERACIONES
INVESTIGACION DE OPERACIONESINVESTIGACION DE OPERACIONES
INVESTIGACION DE OPERACIONES
 
Leccion 4 hdp
Leccion 4 hdpLeccion 4 hdp
Leccion 4 hdp
 
Leccion 4 hdp
Leccion 4 hdpLeccion 4 hdp
Leccion 4 hdp
 
Como lograr que la gente se haga cargo
Como lograr que la gente se haga cargoComo lograr que la gente se haga cargo
Como lograr que la gente se haga cargo
 
Actividades del módulo 6 Carlos Granda TV22
Actividades del módulo 6 Carlos Granda TV22Actividades del módulo 6 Carlos Granda TV22
Actividades del módulo 6 Carlos Granda TV22
 
TEC.LA _ Webinar.pptx
TEC.LA _ Webinar.pptxTEC.LA _ Webinar.pptx
TEC.LA _ Webinar.pptx
 
Crear un monstruo con algoritmos (1)
Crear un monstruo con algoritmos (1)Crear un monstruo con algoritmos (1)
Crear un monstruo con algoritmos (1)
 
Fundamento de programacion
Fundamento de programacionFundamento de programacion
Fundamento de programacion
 
De La Idea Al Proyecto
De La Idea Al ProyectoDe La Idea Al Proyecto
De La Idea Al Proyecto
 

Mehr von movimientodisenoinclusivo

Economía en el diseño web: aprendiendo simplicidad en los entornos móviles. M...
Economía en el diseño web: aprendiendo simplicidad en los entornos móviles. M...Economía en el diseño web: aprendiendo simplicidad en los entornos móviles. M...
Economía en el diseño web: aprendiendo simplicidad en los entornos móviles. M...
movimientodisenoinclusivo
 
Regulación de usabilidad para sitios web estatales, Mario Carvajal y Juan Saab
Regulación de usabilidad para sitios web estatales, Mario Carvajal y Juan SaabRegulación de usabilidad para sitios web estatales, Mario Carvajal y Juan Saab
Regulación de usabilidad para sitios web estatales, Mario Carvajal y Juan Saab
movimientodisenoinclusivo
 
Herramientas 2.0 para un museo abierto, Mariana Salgado
Herramientas 2.0 para un museo abierto, Mariana SalgadoHerramientas 2.0 para un museo abierto, Mariana Salgado
Herramientas 2.0 para un museo abierto, Mariana Salgado
movimientodisenoinclusivo
 
Presentación del Movimiento de Diseño Inclusivo y Convocatoria a la firma del...
Presentación del Movimiento de Diseño Inclusivo y Convocatoria a la firma del...Presentación del Movimiento de Diseño Inclusivo y Convocatoria a la firma del...
Presentación del Movimiento de Diseño Inclusivo y Convocatoria a la firma del...
movimientodisenoinclusivo
 
Allanando barreras en la comunicación, Dolores Garcia
Allanando barreras en la comunicación, Dolores GarciaAllanando barreras en la comunicación, Dolores Garcia
Allanando barreras en la comunicación, Dolores Garcia
movimientodisenoinclusivo
 
Tecnología de la Liberación, Damián Calderón y Enrique Stanziola
Tecnología de la Liberación, Damián Calderón y Enrique StanziolaTecnología de la Liberación, Damián Calderón y Enrique Stanziola
Tecnología de la Liberación, Damián Calderón y Enrique Stanziola
movimientodisenoinclusivo
 
Personajes: una herramienta de investigación de usuarios, Bettina Avella
Personajes: una herramienta de investigación de usuarios, Bettina AvellaPersonajes: una herramienta de investigación de usuarios, Bettina Avella
Personajes: una herramienta de investigación de usuarios, Bettina Avella
movimientodisenoinclusivo
 
Los problemas de interacción en la era de lo interactivo, Natalia Vivas
Los problemas de interacción en la era de lo interactivo, Natalia VivasLos problemas de interacción en la era de lo interactivo, Natalia Vivas
Los problemas de interacción en la era de lo interactivo, Natalia Vivas
movimientodisenoinclusivo
 

Mehr von movimientodisenoinclusivo (10)

Cómo hago mi primer test con usuarios - Taller
Cómo hago mi primer test con usuarios - TallerCómo hago mi primer test con usuarios - Taller
Cómo hago mi primer test con usuarios - Taller
 
Diseno inclusivo2010 marianavarela
Diseno inclusivo2010 marianavarelaDiseno inclusivo2010 marianavarela
Diseno inclusivo2010 marianavarela
 
Economía en el diseño web: aprendiendo simplicidad en los entornos móviles. M...
Economía en el diseño web: aprendiendo simplicidad en los entornos móviles. M...Economía en el diseño web: aprendiendo simplicidad en los entornos móviles. M...
Economía en el diseño web: aprendiendo simplicidad en los entornos móviles. M...
 
Regulación de usabilidad para sitios web estatales, Mario Carvajal y Juan Saab
Regulación de usabilidad para sitios web estatales, Mario Carvajal y Juan SaabRegulación de usabilidad para sitios web estatales, Mario Carvajal y Juan Saab
Regulación de usabilidad para sitios web estatales, Mario Carvajal y Juan Saab
 
Herramientas 2.0 para un museo abierto, Mariana Salgado
Herramientas 2.0 para un museo abierto, Mariana SalgadoHerramientas 2.0 para un museo abierto, Mariana Salgado
Herramientas 2.0 para un museo abierto, Mariana Salgado
 
Presentación del Movimiento de Diseño Inclusivo y Convocatoria a la firma del...
Presentación del Movimiento de Diseño Inclusivo y Convocatoria a la firma del...Presentación del Movimiento de Diseño Inclusivo y Convocatoria a la firma del...
Presentación del Movimiento de Diseño Inclusivo y Convocatoria a la firma del...
 
Allanando barreras en la comunicación, Dolores Garcia
Allanando barreras en la comunicación, Dolores GarciaAllanando barreras en la comunicación, Dolores Garcia
Allanando barreras en la comunicación, Dolores Garcia
 
Tecnología de la Liberación, Damián Calderón y Enrique Stanziola
Tecnología de la Liberación, Damián Calderón y Enrique StanziolaTecnología de la Liberación, Damián Calderón y Enrique Stanziola
Tecnología de la Liberación, Damián Calderón y Enrique Stanziola
 
Personajes: una herramienta de investigación de usuarios, Bettina Avella
Personajes: una herramienta de investigación de usuarios, Bettina AvellaPersonajes: una herramienta de investigación de usuarios, Bettina Avella
Personajes: una herramienta de investigación de usuarios, Bettina Avella
 
Los problemas de interacción en la era de lo interactivo, Natalia Vivas
Los problemas de interacción en la era de lo interactivo, Natalia VivasLos problemas de interacción en la era de lo interactivo, Natalia Vivas
Los problemas de interacción en la era de lo interactivo, Natalia Vivas
 

Kürzlich hochgeladen

PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
karendaza9506
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
CristianGmez22034
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc
ilvrosiebp
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
Leo Florez
 
secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulos
RosarioLloglla
 

Kürzlich hochgeladen (20)

guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
 
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptxDISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
Manual de Construcción TATAMI - 2024.pdf
Manual de Construcción TATAMI - 2024.pdfManual de Construcción TATAMI - 2024.pdf
Manual de Construcción TATAMI - 2024.pdf
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 
Anexo Nivel 3 Ficha Lectura pptjsbdkks
Anexo  Nivel 3 Ficha  Lectura pptjsbdkksAnexo  Nivel 3 Ficha  Lectura pptjsbdkks
Anexo Nivel 3 Ficha Lectura pptjsbdkks
 
414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
 
cabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadanacabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadana
 
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
 
secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulos
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 

Usabilidad y Los Simpsons

  • 1. Usabilidad y Los Simpsons Damián Calderón @demenece Pablo Grigolatto @pablogrigo
  • 2.
  • 3. Si suenan los celulares, HAY TABLA Si alguien se levanta, HAY TABLA Si no hacen preguntas, HAY TABLA
  • 4. Un poco de Contexto • ¿Quiénes somos? • ¿De qué vamos a hablar? • ¿Por qué Los Simpsons? • ¿Qué es la Usabilidad? - Esta es una charla más teórica que práctica. No vamos a bajar al nivel de cómo resolver pantallas o hacer tu aplicación más usable, ni siquiera las metodologías. Vamos a ver las ideas generales inspirándonos en el libro de Don Norman: “El diseño de los objetos de todos los días” - ¿Por qué tengo problemas con las puertas, los interruptores de la luz y los grifos? Se pregunta Don Norman a modo de introducción. - Podemos ver a la usabilidad como parte del “diseño invisible” - La usabilidad entonces es una cualidad de un producto
  • 5. Menú del día • Este menú del día • Un poco de Contexto • Modelos Mentales • Las 7 fases de acción • Visibilidad • Prestaciones y Limitaciones • Mapping • Comentarios Finales + Preguntas + Aplausos
  • 7. Temporada 6 capítulo 21 “Lucha educativa”: Científico, haciendo de profesor sustituto, le dice a niños pequeños: “no lo disfrutarían al nivel que yo lo disfruto”
  • 8. Modelos Mentales • Son representaciones hipotéticas sobre cómo funcionan objetos externos • Es una parte del Proceso de “Cognición” - ¿Cómo se las arregla la gente ante lo desconocido? Intuyendo cómo funciona, planteando esquemas y conceptos que lo explican: los modelos mentales y - la cognición: “facultad de los seres de procesar información a partir de la percepción, el conocimiento adquirido (experiencia) y características subjetivas que permiten valorar la información.”
  • 9. Temporada 6 capítulo 19 “La boda de Lisa”: No todos entendemos lo mismo: en el futuro, Lisa se da un beso con su “novio del futuro” después de pelear. La bibliotecaria robot no entiende estos sentimientos ambivalentes, no entra entre sus “modelos mentales”
  • 10. Modelos Mentales • The Design of Everyday Things, Donald Norman • La cafetera para masoquistas - Este es el libro que les comentamos, “el diseño de las cosas de todos los días” o “la psicología de los objetos cotidianos” - Como pequeño ejemplo está la cafetera de la tapa - Nuestra propia experiencia y conocimiento (que forma nuestro modelo mental) de cómo funciona una cafetera (o la pava para el mate) nos permite predecir el funcionamiento de esta cafetera en particular, y rapidamente nos damos cuenta que no funcionaría
  • 11. Las 7 fases de Acción
  • 12. Temporada 6 capítulo 16 “Bart contra Australia” : Homero habla con su cerebro sobre qué hacer ante la factura de teléfono llena de llamadas internacionales.
  • 13. Las 7 fases de Acción 1 Formular Objetivo 2 Formular la intención 7 Evaluar estado 3 Especificar la Secuencia 6 Interpretar 4 Ejecutar 5 Percibir Realidad Externa - Resulta graciosa la explicitación de cómo Homero se comunica con su cerebro, y esto es algo que sucede todo el tiempo en nuestra cabeza. - estamos todo el tiempo planteándonos objetivos, planeando, ejecutando tareas, y luego evaluando si el resultado es el deseado.
  • 14. Las 7 fases de Acción • Tengo frío. Ejemplo basado en el esquema del slide anterior.
  • 16. Temporada 20 capitulo 7 “Mypods y Dinamita”: “Primero debe encenderlo” “Pero la luz está prendida” “eso indica que está apagada”
  • 17. Visibilidad • Las formas relevantes de interacción con el objeto deben ser visibilizadas. • El sistema debe informar siempre su estado, a través de un Feedback apropiado dentro de una cantidad razonable de tiempo. - Decimos que hay buena visibilidad cuando con solo mirar, el usuario puede decir cuál es el estado del dispositivo y cuales son las opciones de acción. - Como diseñadores también tenemos que controlar qué hacemos que sea visible y qué funciones relegamos.
  • 18. ¿Cuál es el estado del sistema? Dijimos que visibilidad significaba poder entender el estado actual del sistema y que acciones es posible realizar.
  • 19. ¿Qué es este objeto?
  • 20. Ahhhh un teclado!!! - Solo una vez que está encendido nos damos cuenta que es un teclado, esto es un problema para las primeras fases de acción, yo no puedo formular una intención de acción porque no puedo entender ni siquiera para qué sirve el objeto.
  • 22. Temporada 5 capítulo 3 “Homero va a la universidad”: hay un botón en el tablero de Homero que inicia el proceso de autodestrucción de la planta, y una palanca que lo interrumpe. Homero, mientras duerme, se recuesta sobre este botón. El perro que estaba al lado se despierta y acciona la palanca.
  • 23. Prestaciones y Limitaciones • Al diseñar elegimos y limitamos las posibilidades del usuario • Las prestaciones sugieren la gama de posibilidades y las limitaciones reducen el número de opciones. Al diseñar elegimos y limitamos las posibilidades del usuario, la idea es facilitar las operaciones más usuales y limitar el acceso a aquellas que sean poco usuales, destructivas, etc. En el caso de Homero, estaba muy a mano el botón más destructivo posible.
  • 24. Temporada 2 capitulo 15 “¿Dónde estás hermano mío?” Homero participa del diseño de un auto
  • 26. Temporada 2 capitulo 15 “¿Dónde estás hermano mío?” Resultado del diseño de Homero.
  • 27. pasa en Los Simpsons, pasa en la vida real
  • 28. Usabilidad no significa que diseñen los usuarios. Cuando le dejás abiertas todas las posibilidades al usuario, hay más posibilidades de que falle. El usuario no es un diseñador.
  • 29. Mapping ¿topografía? ¿correspondencia? ¿? El correo! La correspondencia!
  • 30. Temporada 20 capitulo 4 “Especial de noche de brujas XIX” Homero trata de votar por Obama, la máquina entiende que vota por el opositor.
  • 31. Mapping • Es la relación entre los actos y los resultados, entre los mandos y sus efectos, y entre el estado del sistema y lo que es visible. Cuando se pierde esta relación que a veces es lógica, a veces espacial, el usuario se pierde en descubrir qué está relacionado con qué, y le es más dificil de aprender
  • 32. Buen día... ¿A qué piso va? Hablando de esta correspondencia espacial entre los controles y sus efectos, tenemos este panel de un ascensor. Mas allá de que es caótico y exagerado el ejemplo, igualmente complicado sería que por ejemplo los números estén ordenados, pero de arriba hacia abajo, o en forma horizontal, o diagonal. En este caso concreto hay un orden que resulta natural y es vertical y ascendente. No respestar eso nos lleva a tener problemas de usabilidad.
  • 34. Si hay posibilidad de cometer errores, alguien los va a cometer Y definitivamente la gente va a usar tu sistema de formas que vos nunca te podrías imaginar!!!
  • 35. Gracias!! ¿Consultas? bibliografía y links en: bit.ly/simps-usab Damián Calderón Pablo Grigolatto @demenece @pablogrigo