Upload
marcelo-santos
View
1.687
Download
0
Embed Size (px)
DESCRIPTION
Experiencia del Usuario Interfaces Digitales y Análogas Sistemas
Citation preview
Diseño de InteracciónDiseño de InteracciónProf. Marcelo Santos Prof. Marcelo Santos
@celoo@celoo
Diseño de InteracciónDiseño de InteracciónProf. Marcelo Santos Prof. Marcelo Santos
@celoo@celoo
Clase 2: Interfaces Digitales x Análogas
1 semestre - 2012
2 Prof. Marcelo Santos (@celoo)UNIACC – 2º sem 2012
¿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:
(1) 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
(2) Traduciendo las bases de datos en información – output de naturaleza verbal, visual, sonora o híbrida – interpretable por el hombre.
Marcelo Santos
3 Prof. Marcelo Santos (@celoo)UNIACC – 2º sem 2012
¿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
4 Prof. Marcelo Santos (@celoo)UNIACC – 2º sem 2012
¿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
5 Prof. Marcelo Santos (@celoo)UNIACC – 2º sem 2012
Pero…¿Interfaz de qué?
• Pagina web• Software• Net-PC• Ascensor• Pistola• Control Remoto• Instrumento musical• Lavadero
• Celular• GPS• Microondas• Radio de auto• Libro/Revista/Diario• Juego• Smartphone• iPod
6 Prof. Marcelo Santos (@celoo)UNIACC – 2º sem 2012
Pregunta…
¿Cuáles son las diferencias entre ¿Cuáles son las diferencias entre una interfaz análoga y una digital?una interfaz análoga y una digital?
7 Prof. Marcelo Santos (@celoo)UNIACC – 2º sem 2012
¡Caza interfaces!
• Interruptor• Microondas• Ruta Evacuación sin
salida• Baño (urinario)• DSE se cambió• Acceso a
discapacitados• Lavamano no funciona
(prob. técnico)
Nueva área fumadores
Pilar en la puerta
Escalera y bandeja
Techo bajo (ergonomía)
8 Prof. Marcelo Santos (@celoo)UNIACC – 2º sem 2012
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)
9 Prof. Marcelo Santos (@celoo)UNIACC – 2º sem 2012
Atributos de una Interfaz
• Fácil de usar• Original• Atractiva• Rápida• Ergonómica• Inteligible• Diferente• Escandalosa
• Llamativa• Eficiente• Accesible• Sencilla• Conceptual• Misteriosa• Sutil• Elegante
10 Prof. Marcelo Santos (@celoo)UNIACC – 2º sem 2012
Hipótesis
Los Multimedios son sistemas Los Multimedios son sistemas
abiertosabiertos
11 Prof. Marcelo Santos (@celoo)UNIACC – 2º sem 2012
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
12 Prof. Marcelo Santos (@celoo)UNIACC – 2º sem 2012
equilibrio Estático
13 Prof. Marcelo Santos (@celoo)UNIACC – 2º sem 2012
equilibrio Dinámico
14 Prof. Marcelo Santos (@celoo)UNIACC – 2º sem 2012
teoría de Sistemas
¿Qué es CNTP?
Condiciones Normales de Temperatura y Presión
15 Prof. Marcelo Santos (@celoo)UNIACC – 2º sem 2012
Contenido en Sistemas Cerrados
Estructuración delcontenido controlada
Publicacióndel Contenido ONLINE
Produccióndel contenido
OFFLINE
SISTEMA “CERRADO”
16 Prof. Marcelo Santos (@celoo)UNIACC – 2º sem 2012
Contenido en Sistemas Abiertos
Quien y cómo estructurar este Contenido????
Producción del contenido ONLINE
(Colaboración, Multi-autoral, UGC)
SISTEMA “ABIERTO”
17 Prof. Marcelo Santos (@celoo)UNIACC – 2º sem 2012
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
18 Prof. Marcelo Santos (@celoo)UNIACC – 2º sem 2012
http://taggalaxy.de
19 Prof. Marcelo Santos (@celoo)UNIACC – 2º sem 2012
Ten by Ten – http://tenbyten.org/10x10.html
20 Prof. Marcelo Santos (@celoo)UNIACC – 2º sem 2012
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
21 Prof. Marcelo Santos (@celoo)UNIACC – 2º sem 2012
Cognitus = Arte + Ciencia + Filosofía
22 Prof. Marcelo Santos (@celoo)UNIACC – 2º sem 2012 22
Partieron…
• Recolectar desde ahora ejemplos de interfaces buenas y malas
23 Prof. Marcelo Santos (@celoo)UNIACC – 2º sem 2012
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
24 Prof. Marcelo Santos (@celoo)UNIACC – 2º sem 2012
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