diseno interaccion - clase 02 interfaces digitales y analogas

Post on 27-Jun-2015

1.683 Views

Category:

Education

0 Downloads

Preview:

Click to see full reader

DESCRIPTION

Experiencia del Usuario Interfaces Digitales y Análogas Sistemas

TRANSCRIPT

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

top related