Experiencia del Usuario Interfaces Digitales y Análogas Sistemas

1. Diseño de Interacción
Prof. Marcelo Santos
@celoo
Clase 2: Interfaces Digitales x Análogas
1 semestre - 2012

2. ¿Qué es Interfaz?
“ La interfaz debe permitir la inteligibilidad de la interacción hombre-
máquina operando en la traducción de los inputs y outputs:
(2) convirtiendo cualquier clase de algoritmo en acciones pasibles de
se realizar a través de la estructura ergonómica de input de
señales del hombre hacia la máquina, como el mouse y el teclado
– botones que accionan rutinas y comandos, como un simple "Ok"
o "Enviar e-mail", "arrastrar y soltar" o "copiar y pegar", comandos
interpretables por la máquina; y
(3) Traduciendo las bases de datos en información
– output de naturaleza verbal, visual, sonora o
híbrida – interpretable por el hombre.
Marcelo Santos
UNIACC – 2º sem 2012 2 Prof. Marcelo Santos (@celoo)

3. ¿Qué es Interfaz?
“…softwares que dan forma a la interacción entre
usuario y computador. La interfaz actúa como
una especie de traductor, mediando entre las dos
partes, haciendo una sensible para la otra. En
otras palabras, la relación gobernada por la
interfaz es una relación semántica, caracterizada
por significado y expresión, no por fuerza física.
Steven Johnson
UNIACC – 2º sem 2012 3 Prof. Marcelo Santos (@celoo)

4. ¿Qué es Interfaz?
“ Una frontera a través de la cual dos
sistemas independientes se encuentran y
se comunican o actúan uno sobre el otro.
Webopedia
UNIACC – 2º sem 2012 4 Prof. Marcelo Santos (@celoo)

5. Pero…¿Interfaz de qué?
• Pagina web • Celular
• Software • GPS
• Net-PC • Microondas
• Ascensor • Radio de auto
• Pistola • Libro/Revista/Diario
• Control Remoto • Juego
• Instrumento musical • Smartphone
• Lavadero • iPod
UNIACC – 2º sem 2012 5 Prof. Marcelo Santos (@celoo)

6. Pregunta…
¿Cuáles son las diferencias entre
una interfaz análoga y una digital?
UNIACC – 2º sem 2012 6 Prof. Marcelo Santos (@celoo)

7. ¡Caza interfaces!
• Interruptor Nueva área fumadores
• Microondas Pilar en la puerta
• Ruta Evacuación sin Escalera y bandeja
salida Techo bajo (ergonomía)
• Baño (urinario)
• DSE se cambió
• Acceso a
discapacitados
• Lavamano no funciona
(prob. técnico)
UNIACC – 2º sem 2012 7 Prof. Marcelo Santos (@celoo)

8. Potencial del Ambiente Digital
• Interactivo = Acción + Reacción
• Bases de Datos = Dinámica, viva
• Online = Simultaneidad
• Virtual = Reproductibilidad infinita
• Non-linear = el usuario es quien decide
• Multimodal = Poli-sensorial
(visión, audición, “tacto”, sinestesia)
UNIACC – 2º sem 2012 8 Prof. Marcelo Santos (@celoo)

9. Atributos de una Interfaz
• Fácil de usar • Llamativa
• Original • Eficiente
• Atractiva • Accesible
• Rápida • Sencilla
• Ergonómica • Conceptual
• Inteligible • Misteriosa
• Diferente • Sutil
• Escandalosa • Elegante
UNIACC – 2º sem 2012 9 Prof. Marcelo Santos (@celoo)

10. Hipótesis
Los Multimedios son sistemas
abiertos
UNIACC – 2º sem 2012 10 Prof. Marcelo Santos (@celoo)

11. Sistemas Cerrados y Abiertos
• Los organismos están “abiertos” al medio
ambiente y deben atingir una relación apropiada
con este ambiente, caso quieran sobrevivir
(concepto-clave: FEEDBACK)
• Sistemas Cerrados son “ideales” y no
adaptativos; su fuerza es su debilidad: la
estabilidad estática
UNIACC – 2º sem 2012 11 Prof. Marcelo Santos (@celoo)

12. equilibrio Estático
UNIACC – 2º sem 2012 12 Prof. Marcelo Santos (@celoo)

13. equilibrio Dinámico
UNIACC – 2º sem 2012 13 Prof. Marcelo Santos (@celoo)

14. teoría de Sistemas
¿Qué es CNTP?
Condiciones Normales
de Temperatura y Presión
UNIACC – 2º sem 2012 14 Prof. Marcelo Santos (@celoo)

15. Contenido en Sistemas Cerrados
Producción
Estructuración del
del contenido
contenido controlada
OFFLINE
SISTEMA
“CERRADO”
Publicación
del Contenido ONLINE
UNIACC – 2º sem 2012 15 Prof. Marcelo Santos (@celoo)

16. Contenido en Sistemas Abiertos
SISTEMA
“ABIERTO”
Producción del
Quien y cómo
contenido ONLINE
estructurar este
(Colaboración,
Contenido????
Multi-autoral, UGC)
UNIACC – 2º sem 2012 16 Prof. Marcelo Santos (@celoo)

17. Datos y WWW
“Al conectarse con una URL, HTML
aparece al usuario como flujo de datos.
Estos datos podrían ser formateados en
cualquier de una gran variedad de
configuraciones.”
Mathew Fuller
UNIACC – 2º sem 2012 17 Prof. Marcelo Santos (@celoo)

18. http://taggalaxy.de
UNIACC – 2º sem 2012 18 Prof. Marcelo Santos (@celoo)

19. Ten by Ten – http://tenbyten.org/10x10.html
UNIACC – 2º sem 2012 19 Prof. Marcelo Santos (@celoo)

20. Y la AI con eso?
• You Tube – ¿Menú o Criterios o Filtros?
– Más populares (?)
– Más vistos
– Más comentados
– Más respuestas
– Más valorados
– Videos en ascenso
– Superfavoritos
UNIACC – 2º sem 2012 20 Prof. Marcelo Santos (@celoo)

21. Cognitus = Arte + Ciencia + Filosofía
UNIACC – 2º sem 2012 21 Prof. Marcelo Santos (@celoo)

22. Partieron…
• Recolectar desde ahora ejemplos de
interfaces buenas y malas
UNIACC – 2º sem 2012 22 Prof. Marcelo Santos (@celoo) 22

23. Actividad
• Sentarse en circulo
• Tema inicial
• Cada uno dice lo primero que viene en la
cabeza basado en lo que dice el vecino al
lado
UNIACC – 2º sem 2012 23 Prof. Marcelo Santos (@celoo)

24. Actividad
• ¿Cuáles fueron los tipos de asociaciones?
– Metáfora / semejanza
– Metonimia / contiguidad
• ¿Qué eso tiene que ver con interfaces?
– Botones, íconos
– Metáforas, Analogías, Metonimias:
• de ambientes
• de procesos
– Diseño es intención
– Lógica
– Estructuras de Clasificación
UNIACC – 2º sem 2012 24 Prof. Marcelo Santos (@celoo)