35
Formas alternativas de interacción Alejandro Berardinelli [email protected] Rafael Alvarez [email protected]

Formas alternativas de interacción Alejandro Berardinelli [email protected] Rafael Alvarez [email protected]

Embed Size (px)

Citation preview

Page 1: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy

Formas alternativas de interacción

Alejandro [email protected]

Rafael Alvarez [email protected]

Page 2: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy

Temario

• HCI

• “Nuevas” tecnologías

• Demo

Page 3: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy

HCI - Canales de comunicación

• Canales de E/S• Entrada: ojos, oídos, tacto, olfato y lengua.• Salida: dedos, manos, voz, posición de los ojos,

posición de la cabeza, posición de las articulaciones, etc.

• Canales de E/S• Localización sonora: Holofonía• Receptores táctiles: Mascotas

Page 4: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy

HCI - Canales de comunicación

• Limites• En la percepción• En la transmisión de info

» Ley de Fitts: ID=log2(2A/W)» Ley de Hick: Tiempo= a + b*log2(n+1)

• Apple dock

menu

• Jugabilidad – curva logarítmica de aprendizaje

Page 5: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy

HCI – Elementos de percepción visual

• Información visual percibida• Psicología congnitiva• Affordance-Gibson: tijera, plato, pestillo, taza, etc

• Percepción visual• reglas de organización visual

Page 6: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy

HCI – Elementos de percepción visual

• reglas de organización visual: Similaridad

Page 7: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy

HCI – Elementos de percepción visual

• reglas de organización visual: Proximidad

Page 8: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy

HCI – Elementos de percepción visual

• reglas de organización visual: Clausura

Page 9: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy

HCI – Elementos de percepción visual

• Reglas de organización visual: Conectividad

Page 10: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy

HCI – Elementos de percepción visual

• Problemas fisiológicos de la visión• Cansancio, polaridad de

la pantalla, iluminación

del entorno, cambio de foco

Page 11: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy

HCI – elementos de psicología

• Conciencia, inconciencia y atención

• Procesos inconscientes, inconsciente cognitivo, hábitos, locus de atención y sumultaneidad de tareas

• El locus en los juegos: patapon y el hábito de jugarlo (en gral niveles tutorial)

Page 12: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy

HCI – elementos de psicología

• Memoria y razón• Buffers sensoriales:

» Visual, auditivo y táctil» Sadowski

• Memoria de corto y largo plazo

• Juegos: » simon (memoria auditiva)» Memory – el de las cartas (memoria visual)

Page 13: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy

HCI – Aspectos teóricos

• Ingeniería congnitiva

• Manipulación directa• Admin. el multitasking de los usuarios• Admin. los errores de los usuarios• Análisis cuantitativo de las interfaces(GOMS)• Juegos

• HEP Using Heuristics to Evaluate the Playability of Games » Útil incorporación en la etapa de diseño» 4 áreas: game play, game story, game mechanics y

game usability

Page 14: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy

HCI – Elementos de diseño

• Algunos principios de diseño• Foco en el usuario y en sus tareas, no en la tecnología

• Considerar primero la función, luego la presentación

• No complicar las tareas de los usuarios

• Promover el aprendizaje

• Entregar información, no solo datos

• “Responsiveness” - Diseñar para brindar respuesta inmediata

• Probarlo con usuarios y luego arreglarlo!!

Page 15: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy

Interfaces alternativas (clásicas)

• theremin-like instruments

Page 16: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy

Interfaces alternativas (clásicas)

• drum gloves (tangible vs intangible)

Page 17: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy

Interfaces alternativas (clásicas)

• dance floors

Page 18: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy

Interfaces alternativas (clásicas)

• Scooby-Doo paintings

Page 19: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy

Interfaces alternativas (clásicas)

• body-as-cursor– Hand cursor– Full body cursor– Head tracking

Page 20: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy

Interfaces alternativas (clásicas)

• video mirrors

Page 21: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy

Interfaces alternativas (clásicas)

• tilty controllers

Page 22: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy

Interfaces alternativas (clásicas)

• things you yell at

Page 23: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy

Interfaces alternativas (clásicas)

• meditation helpers

Page 24: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy

Interfaces alternativas (clásicas)

• Muñecas y mascotas

Page 25: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy

Interfaces alternativas (clásicas)

• Muñecas y mascotas

Page 26: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy

Interfaces alternativas (clásicas)

• Abrazos remotos

Page 27: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy

Interfaces alternativas (clásicas)

• LED fetishism

Page 28: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy

Interfaces alternativas (clásicas)

• Superficies multi-touch

Page 29: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy

Interfaces alternativas (no tan clasicas)

• Hologramas

• Mouse Visual

• Minimundo replicado

• Pensamiento

Page 30: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy

Interfaces alternativas• Hologramas

Page 31: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy

Interfaces alternativas• Hologramas

Page 32: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy

Interfaces alternativas

• Futuro en los Juegos– Comandados con voz– Interacción por medio de sonidos– Juego con cámaras y dimensiones– Locación

Page 33: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy

DEMO

Page 34: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy

Preguntas ??

Page 35: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy

Referencias

– Museo de arte moderno» http://moma.org/

– Teórico de Inpercom– http://www.johnsadowski.com – http://www.tigoe.net – The Psychology Of Everyday Things

by Donald A. Norman – http://www.behavioristics.com/downloads/usingheuristics

.pdf– GOMS: http://www.eecs.umich.edu/~kieras/goms.html