diseno interaccion - clase 02 interfaces digitales y analogas

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


¿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


¿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


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


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?


¡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)


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)


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


Hipótesis

Los Multimedios son sistemas Los Multimedios son sistemas

abiertosabiertos


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


equilibrio Estático


equilibrio Dinámico


teoría de Sistemas

¿Qué es CNTP?

Condiciones Normales de Temperatura y Presión


Contenido en Sistemas Cerrados

Estructuración delcontenido controlada

Publicacióndel Contenido ONLINE

Produccióndel contenido

OFFLINE

SISTEMA “CERRADO”


Contenido en Sistemas Abiertos

Quien y cómo estructurar este Contenido????

Producción del contenido ONLINE

(Colaboración, Multi-autoral, UGC)

SISTEMA “ABIERTO”


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


http://taggalaxy.de


Ten by Ten – http://tenbyten.org/10x10.html


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


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


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


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

diseno interaccion - clase 02 interfaces digitales y analogas

Education