La interacción desde la relación que establecemos con las interfaces y pantallas de los múltiples dispositivos que nos rodean Presentación de la charla efectuada el 26 de noviembre de 2014 para el seminario de diseño de interacción de la Universidad del Desarrollo

1. Múltiples Pantallas
SEMINARIO EN DISEÑO DE INTERACCIÓN
Miércoles 26 de Noviembre 2014
Juan Paulo Madriaza
Un mundo con

2. Introducción
Las pantallas se nos vienen encima

3. de nuestras interacciones con medios son mediante pantallas
90%
The New Multi-screen World - Google 2012

4. Pasamos al día mirando pantallas
para entretenernos
4.4hrs
Visual Brand - 2012

5. De quienes tienen smartphones y tablets, los usan frente a la televisión
80%
The New Multi-screen World - Google 2012

6. 81%
66%
66%
¿Cuáles son las combinaciones más recurrentes?
The New Multi-screen World - Google 2012

7. Tiempo
¿Cuánto tiempo tengo para realizar esta interacción?
Objetivo
¿Qué quiero conseguir con esta interacción?
Ubicación
¿Dónde estoy? Dónde está el dispositivo?
Actitud
¿Estoy de buen ánimo?
¿Cómo elegimos qué dispositivo usar?
The New Multi-screen World - Google 2012

8. ¿Qué cambió?
¿Porqué hoy es distinto de ayer?

9. Internet está en todas partes
En la tecnología
¿Y entonces qué cambió?

10. La capacidad de procesamiento aumenta, los costos bajan
En la tecnología
¿Y entonces qué cambió?

11. La tecnología nos acompaña a todas partes
En la tecnología
¿Y entonces qué cambió?

12. Se crean protocolos de comunicación entre aparatos
En la tecnología
¿Y entonces qué cambió?

13. Somos sociales mediante internet
En las personas
¿Y entonces qué cambió?

14. La tecnología se hace personal
En las personas
¿Y entonces qué cambió?

15. Nuestros umbrales de atención son cada vez menores
En las personas
¿Y entonces qué cambió?

16. Estamos expuestos a cantidades enormes de información
En las personas
¿Y entonces qué cambió?

17. Nos acostumbramos a interactuar por sobre el leer/escuchar/ver
En las personas
¿Y entonces qué cambió?

18. Sensación de eficiencia al usar múltiples dispositivos
En las personas
¿Y entonces qué cambió?

19. La portabilidad de las pantallas facilita la trans-tarea
En las personas
¿Y entonces qué cambió?

20. NOSOTROS CON LAS PANTALLAS
Interacción

21. Comandos
Objetos
MultiTouch
Sensores
¿Cómo usamos las interfaces?

22. Secuencial
Ir de un dispositivo a otro en momentos distintos para completar una tarea
Simultáneo
Usar distintos dispositivos al mismo tiempo para lo mismo o algo distinto
¿De qué manera interactuamos con múltiples pantallas?
Multitasking
Actividad no relacionada
Complementario
Actividad relacionada
The New Multi-screen World - Google 2012

23. DISPOSITIVOS QUE CONVERSAN
Interacción

25. Internet
Traspaso físico
Bluetooth
GPS
¿Cómo se comunican los dispositivos entre si?
Audio
Video
Imagen
Cercanía

26. Coherencia
Se ve y funciona similar aunque me cambie de dispositivo
Evernote
Sincronización
Los dispositivos están siempre sincronizados
Kindle
Compartir pantalla
Distintos dispositivos comparten una misma fuente
Air Display
¿Qué hacen cuando se comunican?
Precious DS – Patterns for Multiscreen Design - 2011

27. ¿Qué hacen cuando se comunican?
Cambio de dispositivo
El usuario se cambia de un dispositivo a otro libremente
Apple Airplay
Complementareidad
Los dispositivos se complementan entre si
Scrabble Board
Simultaneidad
Los dispositivos se usan de manera simultánea
Heineken Star Player
Precious DS – Patterns for Multiscreen Design - 2011

28. Diseño de interacción
Mas pantallas significan más desafíos
Contextos de uso
Interacción Táctil
Visibilidad del estado del sistema
Correspondencia sistema/ mundo
Control y libertad
Consistencia y estándares
Prevención de errores
Reconocimiento sobre recuerdo
Flexibilidad y eficiencia
Estética y minimalismo
Recuperación de errores
Ayuda y documentación
Interacción física y ergonomía
Inputs disponibles
Escala
Personalización y atajos
Color y contraste
Sonido / música
Diseño responsivo / modos alternativos
Condiciones lumínicas
Interferencia de ruido
Movimiento
Interrupción
Superficies de display
Flujo de tráfico entre dispositivos
Actividades multi-pantalla
Seattle Interactive Conference - 2013

29. ALGUNOS EJEMPLOS NOTABLES
Interacción

30. Netflix
[Mobile / TV / Consola / HTPC / otros]
Multi plataforma
Entretención
Sincronización

31. Star Player
[TV / Tablet / Mobile]
Apuestas
Segunda pantalla
Publicidad

32. Remote
[Smartphone / Tablet / PC]
Control remoto
Segunda pantalla
Educación

33. Watch with eBay
[TV / Tablet]
Segunda pantalla
E-commerce
Complementario

34. Scrabble Board
[Smartphone / Tablet]
Complementario
Simultáneo
Gaming

35. SmartGlass
[Smartphone / Tablet / Consola / TV]
Control remoto
Segunda pantalla
Entretención / Gaming

36. Motorola Connect
[Smartphone / PC]
Notificaciones
Segunda pantalla
Productividad

37. Shazam Ads
[TV / Smartphone / Tablet]
Audio recognition
Segunda pantalla
Publicidad

38. WiiU Controller
[Smartphone / Tablet]
Control remoto
Complementario / independiente
Gaming

39. TWD StorySync
[TV / Tablet / PC]
Trivia
Segunda pantalla
Entretención

40. NearPod
[Tablet / Tablet]
Control remoto
Sincronización
Educación

41. AC Unity App
[Smartphone / Tablet]
Complementario
Segunda pantalla
Gaming

42. Air Display
[PC / Tablet]
Screen sharing
Segunda pantalla
Productividad

43. LiveView
[PC / Tablet / Smartphone]
Screen sharing
Prototipado
Productividad

44. Gallery One
[Interactive Wall / Tablet]
Augmented Reality
Multitouch
Kinect

45. Gallery One
[Interactive Wall / Tablet]
https://www.youtube.com/watch?v=aYCArb0iOZ8

46. SOBRE EL FUTURO
Algunos conceptos

47. Hay muchas “pantallas” que están sobrando

48. El feedback “touch” se hace insuficiente

49. Aparece la “Invisible GUI”

50. Necesitamos crear interacciones multicanal orquestadas

51. Estamos demasiado centrados en diseñar interfaces en vez de solucionar interacciones

52. Gracias Esta presentación ya está publicada en Slideshare http://www.slideshare.net/madriaza
Juan Paulo Madriaza
@mad_uxd . mad.uxd.cl

53. Más información…
http://uxmag.com/articles/designing-for-context-the-multiscreen-ecosystem
http://www.slideshare.net/azizhaddad/the-new-multiscreen-world?qid=d7d97b83-ebbb-4a3a-ac6d- 27c38c44e3d6&v=default&b=&from_search=5
http://www.slideshare.net/tomchapman/building-an-agency-fit-for-the-multiscreen-world- 33086341?qid=d7d97b83-ebbb-4a3a-ac6d-27c38c44e3d6&v=qf1&b=&from_search=33
http://www.slideshare.net/SocialOgilvyNZ/five-principles-for-storytelling-in-a-multiscreening-world- 41031676?qid=d7d97b83-ebbb-4a3a-ac6d-27c38c44e3d6&v=default&b=&from_search=23
http://www.slideshare.net/seattleinteractive/ux-panel-aligning-to-multiscreen-customer-journeys-at- sic2013?qid=d7d97b83-ebbb-4a3a-ac6d-27c38c44e3d6&v=default&b=&from_search=14
http://www.slideshare.net/laurenkgray/the-multiscreen-integrated-experience?qid=d7d97b83-ebbb- 4a3a-ac6d-27c38c44e3d6&v=default&b=&from_search=6
http://www.fastcodesign.com/1672144/the-future-of-ui-isn-t-invisible-nor-is-it-seamless
http://www.cooper.com/journal/2012/08/the-best-interface-is-no-interface
http://www.laccir.org/sda/files/rodolfoinostroza.pdf
http://es.slideshare.net/preciousforever/patterns-for-multiscreen-strategies
http://www.slideshare.net/bengrossman/second-screen-strategy-planning-for-and-against-a- multiscreen-world?related=1