Presentación de la charla para Contraste Colectivo (Congreso de Diseño Gráfico de la FADU AUT en México) acerca de mi investigación en interfaces encantadoras (delightful interfaces) desde una perspectiva teórica basada en semiótica y 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áfico
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
Significado
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
Significado
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 significados 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 significados 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
• Identificar
• 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-fitness-workout-apps/
• Persuadir
• Identificar
• Invitar al entendimiento
• Ayudar al auto-descubrimiento y auto-conocimiento
• Darle forma a la realidad
Activity App por Apple

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

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

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

31. • Persuadir
• Identificar
• 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 manifiesta 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
confiabilidad al usuario.
• Se manifiesta 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-fitness-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
• Identificar
• 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
• Identificar
• Invitar al entendimiento
• Ayudar al auto-descubrimiento y
auto-conocimiento
• Darle forma a la realidad
Logos Ethos Pathos+ +

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

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

53. Facebook para iOS
• Persuadir
• Identificar
• 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 final claro (cierre)
•Ruptura en patrón (desviación moderada pero significativa)
•Atracción
•Vitalidad
•Conveniencia
•Serendipia

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

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

63. • Punto inicial claro (estado inicial)
• Punto final claro (cierre)
• Ruptura en patrón (desviación moderada
pero significativa)
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 gratificació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