Interacciones Encantadoras: Interfaces de Usuario desde una Perspectiva Semiótica-Retórica

1. INTERACCIONES ENCANTADORAS INTERFACES DE USUARIO DESDE   UNA PERSPECTIVA SEMIÓTICA-RETÓRICA Omar Sosa-Tzec Contraste Colectivo 3er Congreso Internacional de Diseño Gráﬁco Abril 5, 2019 Tampico, Tamaulipas, México

2. ¡Hola!

3. formas,colores,ysabores. SoyOmary…

4. Mi práctica de diseño

5. ¿A qué me dedico ahora? Professor de Arte y Diseño Escuela Penny W. Stamps de Arte y Diseño, Universidad de Michigan

6. ¿En qué se enfoca mi investigación? Interacción  Humano- Computadora Retórica y  Semiótica Diseño de Información Visual

7. Sistemas Interactivos como Argumentos Multimodales + Interfaces Encantadoras (Deleite en IHC)

8. Motivación

9. ¿Qué opinas sobre estos anuncios? Source: https://i0.wp.com/craphound.com/images/marlboro20mummy.jpg

10. ¿Qué te dice este post?

11. Usabilidad y Experiencia de Usuario Deslizar a la derecha para  Me gusta Deslizar a la izquierda para No me interesa

12. Denotación vs. Connotación Bueno, deseable, correcto Malo,  indeseable,  incorrecto

13. Source: https://commons.wikimedia.org

14. Mensaje compuesto de signos Signiﬁcado Efecto en la conducta, comportamiento,o creencias RetóricaExperiencia de Usuario Semiótica Usuario Contexto de uso

15. Componentes de Interfaz vistos como signos dinámicos y estáticos

16. Interfaz compuesta de signos Signiﬁcado Efecto en la conducta, comportamiento,o creencias RetóricaExperiencia de Usuario Semiótica Usuario Contexto de uso

17. Los diseñadores debemos de estar atentos de los signiﬁcados y retórica (discursos) que introducimos en la vida diaria de las personas.

18. Pongamos atención a la semiótica y retórica de las interfaces de usuario y sistemas interactivos. Los diseñadores debemos de estar atentos de los signiﬁcados y retórica (discursos) que introducimos en la vida diaria de las personas.

19. Semiótica e Interacción Humano- Computadora

20. UsuarioDiseñador IHC vista como meta-comunicación Sistema (Interfaz de Usuario) De Souza (2005) Signos estáticos y dinámicos Semiosis Mensaje

21. Retórica e Interacción Humano- Computadora

22. Source: https://s3-us-west-2.amazonaws.com/courses-images-archive-read-only/wp-content/uploads/sites/224/2015/03/20114031/Maccari-Cicero.jpg Orador Situación Audiencia

23. Source: https://s3-us-west-2.amazonaws.com/courses-images-archive-read-only/wp-content/uploads/sites/224/2015/03/20114031/Maccari-Cicero.jpg ¡Compañeros!   Este diseño es mi propuesta para abordar la situación que nos está afectando Diseñador Usuarios

24. UsuarioDiseñador IHC vista como meta-comunicación Sistema (Interfaz de Usuario) De Souza (2005) Signos estáticos y dinámicos Semiosis Mensaje

25. UsuarioDiseñador Sistema (Interfaz de Usuario) Buchanan (2001) Signos estáticos y dinámicos Influencia discursiva Argumento IHC vista como argumentación

26. Funciones retóricas de un sistema • Persuadir • Identiﬁcar • Invitar al entendimiento • Ayudar al auto-descubrimiento y auto-conocimiento • Darle forma a la realidad Sosa-Tzec (2017)

27. Source: https://www.makeuseof.com/tag/apple-watch-ﬁtness-workout-apps/ • Persuadir • Identiﬁcar • Invitar al entendimiento • Ayudar al auto-descubrimiento y auto-conocimiento • Darle forma a la realidad Activity App por Apple

30. • Persuadir • Identiﬁcar • Invitar al entendimiento • Ayudar al auto-descubrimiento y auto-conocimiento • Darle forma a la realidad

31. • Persuadir • Identiﬁcar • Invitar al entendimiento • Ayudar al auto-descubrimiento y auto-conocimiento • Darle forma a la realidad

32. Interfaces y los Tres Modos de Apelación en Retórica

33. Sistema (Interfaz de Usuario) Sosa-Tzec (2015,2017) Dimensiones retóricas de   la interfaz de usuario Logos Ethos Pathos

34. Sistema (Interfaz de Usuario) Ehses (2008),Sosa-Tzec (2015) Dimensiones retóricas de   la interfaz de usuario Logos Ethos Pathos • Logos apela a la razón o lógica. • Persuade al usuario a través del poder del razonamiento. • Se maniﬁesta en la interfaz a través de datos,hechos, información directamente relacionada con la funcionalidad del sistema.

35. Sistema (Interfaz de Usuario) Ehses (2008),Sosa-Tzec (2015) Dimensiones retóricas de   la interfaz de usuario Logos Ethos Pathos • Ethos es apelar a través del carácter del diseñador implícito en el diseño. • Persuade a través de dar credibilidad,empatía,y conﬁabilidad al usuario. • Se maniﬁesta en la interfaz a través de una correcta implementación de diseño (componentes de interfaz e interacciones asociadas) y como éste conecta con los valores estéticos y morales   del usuario.

36. Sistema (Interfaz de Usuario) Ehses (2008),Sosa-Tzec (2015) Dimensiones retóricas de   la interfaz de usuario Logos Ethos Pathos • Pathos apela a las emociones. • Persuade a través de   la provocación de sentimientos en el usuario. • Las características y necesidades del usuario influyen en la selección de signos de interfaz capaces de provocar emociones. • Pathos se relaciona muchas veces con el movimiento (animaciones)

37. Logos Ethos Pathos+ + Yahoo! Weather App

38. Ethical Appeal Interface tn Interface tn+1 Rational Appeal Ethical Appeal Rational Appeal Fluctuación en la Experiencia de Usuario

39. Entimema:   el usuario como elemento activo de una experiencia persuasiva

40. Entimema: el argumento retórico Covino & Jolliffe (1995,p.48) Todos los humanos son mortales [premisa mayor] Sócrates es humano [premisa menor] Sócrates es mortal [conclusión] “Sócrateseshumano,porlotantomortal.”

41. Source: https://www.makeuseof.com/tag/apple-watch-ﬁtness-workout-apps/

42. Logos Ethos Pathos+ + Gaza Everywhere por Ahmad Nassri (2014)

43. Logos Ethos Pathos+ + Yahoo! Weather App

44. Sosa-Tzec (2015) Experiencia persuasiva centrada en el usuario user user designer i j k user user UserExperience Context of Use appl.so tware (visualenthymeme) Discourse

45. Retórica, Deleite, e Interfaces

46. Sistemas Interactivos como Argumentos Multimodales + Interfaces Encantadoras (Deleite en IHC)

47. Sistemas Interactivos como Argumentos Multimodales + Interfaces Encantadoras (Deleite en IHC) Logos Ethos Pathos + + Entimema (posiblemente) Experiencia Persuasiva Centrada en el Usuario

48. Sistemas Interactivos como Argumentos Multimodales + Interfaces Encantadoras (Deleite en IHC) Logos Ethos Pathos + + Entimema (posiblemente) Experiencia Persuasiva Centrada en el Usuario

49. • Persuadir • Identiﬁcar • Invitar al entendimiento • Ayudar al auto-descubrimiento y auto-conocimiento • Darle forma a la realidad Messages App por Apple Logos Ethos Pathos+ +

50. Facebook para iOS • Persuadir • Identiﬁcar • Invitar al entendimiento • Ayudar al auto-descubrimiento y auto-conocimiento • Darle forma a la realidad Logos Ethos Pathos+ +

54. Interacciones Encantadoras (Deleitosas)

55. Experiencia encantadora:   Galleta de la fortuna Sosa-Tzec (2017)

56. Sosa-Tzec (2017) Elementos de diseño   de una interfaz de usuario Visual Verbal Táctil Olfativo Auditivo Temporal Sistema (Interfaz de Usuario) Acto de diseñar un componente de la interfaz de usuario Elementos básicos Logos Ethos Pathos + +

57. De Souza et al.(2010),Saffer (2014),Sosa-Tzec (2017) Unidad de análisis •Componente de interfaz sencillo (signo de interfaz) •Micro-interacción •Flujo de interacción

58. Unidad de análisis •Componente de interfaz sencillo (signo de interfaz) •Micro-interacción •Flujo de interacción Visual Verbal Táctil Olfativo Auditivo Temporal

59. De Souza et al.(2010),Saffer (2014),Sosa-Tzec (2017) Unidad de análisis •Componente de interfaz sencillo (signo de interfaz) •Micro-interacción •Flujo de interacción Visual Verbal Táctil Olfativo Auditivo Temporal

60. Sosa-Tzec (2017) Elementos de   una interacción encantadora •Punto inicial claro (estado inicial) •Punto ﬁnal claro (cierre) •Ruptura en patrón (desviación moderada pero signiﬁcativa) •Atracción •Vitalidad •Conveniencia •Serendipia

61. • Punto inicial claro (estado inicial) • Punto ﬁnal claro (cierre) • Ruptura en patrón (desviación moderada pero signiﬁcativa) Messages App por Apple • Atracción • Vitalidad • Conveniencia • Serendipia Sosa-Tzec (2017)

62. • Punto inicial claro (estado inicial) • Punto ﬁnal claro (cierre) • Ruptura en patrón (desviación moderada pero signiﬁcativa) Text Delight por Facebook • Atracción • Vitalidad • Conveniencia • Serendipia Sosa-Tzec (2017)

63. • Punto inicial claro (estado inicial) • Punto ﬁnal claro (cierre) • Ruptura en patrón (desviación moderada pero signiﬁcativa) Weather App por Yahoo! • Atracción • Vitalidad • Conveniencia • Serendipia Sosa-Tzec (2017)

64. Para Terminar:   lo Bueno, lo Malo, y lo Feo

65. Lo bueno Nosotros los diseñadores tenemos la oportunidad de intervenir positivamente en el día a día de muchas personas a través de la creación de argumentos multimodales que sean capaces de provocar deleite.

66. Lo malo Nuestra práctica de diseñar experiencias encantadoras para toda la tecnología involucrada en la vida diaria contribuye a la adicción del usuario a la pantalla,inmediatez, y gratiﬁcación constante.

67. Lo feo No estar consciente y no ser responsable de las implicaciones de nuestros diseños y su rol argumentativo (retórico),especialmente cuando pueden conducir a comportamientos, actitudes,o creencias desfavorables.

68. ¡Gracias! ¿Y tú qué opinas sobre las interacciones y experiencias de usuario encantadoras? tzec.com @omitzec