Formas alternativas de interacción Alejandro Berardinelli [email protected] Rafael Alvarez...
-
Upload
estefania-lino -
Category
Documents
-
view
221 -
download
0
Transcript of Formas alternativas de interacción Alejandro Berardinelli [email protected] Rafael Alvarez...
![Page 2: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy.](https://reader035.fdocument.pub/reader035/viewer/2022062323/5665b4761a28abb57c91addb/html5/thumbnails/2.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062323/5665b4761a28abb57c91addb/html5/thumbnails/3.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062323/5665b4761a28abb57c91addb/html5/thumbnails/4.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062323/5665b4761a28abb57c91addb/html5/thumbnails/5.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062323/5665b4761a28abb57c91addb/html5/thumbnails/6.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062323/5665b4761a28abb57c91addb/html5/thumbnails/7.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062323/5665b4761a28abb57c91addb/html5/thumbnails/8.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062323/5665b4761a28abb57c91addb/html5/thumbnails/9.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062323/5665b4761a28abb57c91addb/html5/thumbnails/10.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062323/5665b4761a28abb57c91addb/html5/thumbnails/11.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062323/5665b4761a28abb57c91addb/html5/thumbnails/12.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062323/5665b4761a28abb57c91addb/html5/thumbnails/13.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062323/5665b4761a28abb57c91addb/html5/thumbnails/14.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062323/5665b4761a28abb57c91addb/html5/thumbnails/15.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062323/5665b4761a28abb57c91addb/html5/thumbnails/16.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062323/5665b4761a28abb57c91addb/html5/thumbnails/17.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062323/5665b4761a28abb57c91addb/html5/thumbnails/18.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062323/5665b4761a28abb57c91addb/html5/thumbnails/19.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062323/5665b4761a28abb57c91addb/html5/thumbnails/20.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062323/5665b4761a28abb57c91addb/html5/thumbnails/21.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062323/5665b4761a28abb57c91addb/html5/thumbnails/22.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062323/5665b4761a28abb57c91addb/html5/thumbnails/23.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062323/5665b4761a28abb57c91addb/html5/thumbnails/24.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062323/5665b4761a28abb57c91addb/html5/thumbnails/25.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062323/5665b4761a28abb57c91addb/html5/thumbnails/26.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062323/5665b4761a28abb57c91addb/html5/thumbnails/27.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062323/5665b4761a28abb57c91addb/html5/thumbnails/28.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062323/5665b4761a28abb57c91addb/html5/thumbnails/29.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062323/5665b4761a28abb57c91addb/html5/thumbnails/30.jpg)
Interfaces alternativas• Hologramas
![Page 31: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy.](https://reader035.fdocument.pub/reader035/viewer/2022062323/5665b4761a28abb57c91addb/html5/thumbnails/31.jpg)
Interfaces alternativas• Hologramas
![Page 32: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy.](https://reader035.fdocument.pub/reader035/viewer/2022062323/5665b4761a28abb57c91addb/html5/thumbnails/32.jpg)
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.](https://reader035.fdocument.pub/reader035/viewer/2022062323/5665b4761a28abb57c91addb/html5/thumbnails/33.jpg)
DEMO
![Page 34: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy.](https://reader035.fdocument.pub/reader035/viewer/2022062323/5665b4761a28abb57c91addb/html5/thumbnails/34.jpg)
Preguntas ??
![Page 35: Formas alternativas de interacción Alejandro Berardinelli aberardi@fing.edu.uy Rafael Alvarez ralvarez@fing.edu.uy.](https://reader035.fdocument.pub/reader035/viewer/2022062323/5665b4761a28abb57c91addb/html5/thumbnails/35.jpg)
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