SlideShare una empresa de Scribd logo
1 de 41
Seminario Diseño de Interacción 
Facultad de Diseño - Universidad del Desarrollo 
www.diseno.udd.cl - @disenoudd 
26 de Noviembre de 2014
Diseño de Interacción 
y la relación que establecemos 
con los objetos cotidianos 
@sergiomajluf 
Diseñador UC | Master in Interactive Telecommunications NYU
IxD 
A B
Form follows function
Form follows function 
form
Form follows function 
form 
interaction
Patrones de Diseño 
de Interacción
IxD 
no tiene 
fronteras*
IxD 
no tiene 
fronteras*
IxD 
no tiene 
fronteras* 
https://www.youtube.com/watch?v=XVbuk3jizGM
IxD 
no tiene 
fronteras*
IxD 
no tiene 
fronteras*
*
#InternetDeLasCosas 
(dispositivos conectados)
¿demasiadas 
pantallas?
http://iotlist.co/
https://twitter.com/omershapira/status/515545093730992128
El diseño de interacción 
no está limitado a 
la interfaz del dispositivo
El diseño de interacción 
no está limitado a 
la interfaz del dispositivo
IxD desde 
el comportamiento 
de los usuarios
IxD desde 
objetos 
que aprenden
IxD desde 
el formato 
físico
Diseñar Interfaces es 
técnico y complejo. 
El desafío es no perderse en el 
proceso
Incorporemos el mundo 
físico y tangible en el 
Diseño de Interacción.
Juego, narrativa, 
atención & interés
¿Cómo hacer evidente un 
comportamiento doble estándar 
en redes sociales? 
[experimento Voodoo Bear] 
Colin Narver | Myriam Melki | Sergio Majluf | Vanessa 
Joho
IxD 
A B 
Diseño del viaje
Gracias!
Diseño de Interacción y la relación que establecemos con los objetos cotidianos

Más contenido relacionado

Destacado

Destacado (20)

Mueble basado en Brave (Valiente)
Mueble basado en Brave (Valiente)Mueble basado en Brave (Valiente)
Mueble basado en Brave (Valiente)
 
Asiento mesa
Asiento mesaAsiento mesa
Asiento mesa
 
Aladin
AladinAladin
Aladin
 
Analisis mueble de concreto
Analisis mueble de concretoAnalisis mueble de concreto
Analisis mueble de concreto
 
Muebles de concreto
Muebles de concretoMuebles de concreto
Muebles de concreto
 
Muebles de metales
Muebles de metalesMuebles de metales
Muebles de metales
 
Calculo de madera
Calculo de maderaCalculo de madera
Calculo de madera
 
Muebles de plástico
Muebles de plásticoMuebles de plástico
Muebles de plástico
 
Calculo de tela
Calculo de telaCalculo de tela
Calculo de tela
 
Taller y charlas , Diseño de Hoteles
Taller y charlas , Diseño de Hoteles Taller y charlas , Diseño de Hoteles
Taller y charlas , Diseño de Hoteles
 
Servicios y diseño de experiencias
Servicios y diseño de experienciasServicios y diseño de experiencias
Servicios y diseño de experiencias
 
Diseno, disrupción y movimiento maker
Diseno, disrupción y movimiento makerDiseno, disrupción y movimiento maker
Diseno, disrupción y movimiento maker
 
Impulsa tu negocio con la mejor estrategia de branding e imagen corporativa
Impulsa tu negocio con la mejor estrategia de branding e imagen corporativaImpulsa tu negocio con la mejor estrategia de branding e imagen corporativa
Impulsa tu negocio con la mejor estrategia de branding e imagen corporativa
 
Gestión innovación, Modelos de gestión de innovación
Gestión innovación, Modelos de gestión de innovaciónGestión innovación, Modelos de gestión de innovación
Gestión innovación, Modelos de gestión de innovación
 
Herrajes
HerrajesHerrajes
Herrajes
 
investigacion rst
investigacion rstinvestigacion rst
investigacion rst
 
Kuusch
KuuschKuusch
Kuusch
 
trono de joker
trono de joker trono de joker
trono de joker
 
Muebles Estilos
Muebles EstilosMuebles Estilos
Muebles Estilos
 
Taller de Design thinking
Taller de Design thinkingTaller de Design thinking
Taller de Design thinking
 

Similar a Diseño de Interacción y la relación que establecemos con los objetos cotidianos

El momento del diseño, con Carlos Úbeda, de DNXGroup
 El momento del diseño, con Carlos Úbeda, de DNXGroup El momento del diseño, con Carlos Úbeda, de DNXGroup
El momento del diseño, con Carlos Úbeda, de DNXGroup
ADWE Team
 

Similar a Diseño de Interacción y la relación que establecemos con los objetos cotidianos (20)

IxDA BA Mobile 20 julio 2010
IxDA BA Mobile 20 julio 2010IxDA BA Mobile 20 julio 2010
IxDA BA Mobile 20 julio 2010
 
Clase en la Universidad Mayor HERRAMIENTAS OBSERVACION
Clase en la Universidad Mayor HERRAMIENTAS OBSERVACIONClase en la Universidad Mayor HERRAMIENTAS OBSERVACION
Clase en la Universidad Mayor HERRAMIENTAS OBSERVACION
 
Prototipando apps con Indigo Studio
Prototipando apps con Indigo StudioPrototipando apps con Indigo Studio
Prototipando apps con Indigo Studio
 
Prototipando con Indigo Studio
Prototipando con Indigo StudioPrototipando con Indigo Studio
Prototipando con Indigo Studio
 
El momento del diseño, con Carlos Úbeda, de DNXGroup
 El momento del diseño, con Carlos Úbeda, de DNXGroup El momento del diseño, con Carlos Úbeda, de DNXGroup
El momento del diseño, con Carlos Úbeda, de DNXGroup
 
Diseño de Interacción
Diseño de InteracciónDiseño de Interacción
Diseño de Interacción
 
Seminario UX
Seminario UXSeminario UX
Seminario UX
 
diseño de interacción.pdf
diseño de interacción.pdfdiseño de interacción.pdf
diseño de interacción.pdf
 
Documentación multimedia en arquitectura
Documentación multimedia en arquitecturaDocumentación multimedia en arquitectura
Documentación multimedia en arquitectura
 
Modelos de equipamiento
Modelos de equipamientoModelos de equipamiento
Modelos de equipamiento
 
1.3.1. Diseño Digital Interactivo - U02
1.3.1. Diseño Digital Interactivo - U021.3.1. Diseño Digital Interactivo - U02
1.3.1. Diseño Digital Interactivo - U02
 
Introducción a la arquitectura de información
Introducción a la arquitectura de informaciónIntroducción a la arquitectura de información
Introducción a la arquitectura de información
 
Qué es el diseño de interacción
Qué es el diseño de interacciónQué es el diseño de interacción
Qué es el diseño de interacción
 
Cómo prototipar exitosamente tu proyecto
Cómo prototipar exitosamente tu proyectoCómo prototipar exitosamente tu proyecto
Cómo prototipar exitosamente tu proyecto
 
DSUC 01: UX Research
DSUC 01: UX ResearchDSUC 01: UX Research
DSUC 01: UX Research
 
Seminario: Prototipado y Wireframes
Seminario: Prototipado y WireframesSeminario: Prototipado y Wireframes
Seminario: Prototipado y Wireframes
 
Desconectando la administración de proyectos tecnológicos
Desconectando la administración de proyectos tecnológicosDesconectando la administración de proyectos tecnológicos
Desconectando la administración de proyectos tecnológicos
 
Qué es el diseño de interacción
Qué es el diseño de interacciónQué es el diseño de interacción
Qué es el diseño de interacción
 
Eugenio Suñer - IxDA BA 17 mar 2011 - La relación del Diseño de Interacción c...
Eugenio Suñer - IxDA BA 17 mar 2011 - La relación del Diseño de Interacción c...Eugenio Suñer - IxDA BA 17 mar 2011 - La relación del Diseño de Interacción c...
Eugenio Suñer - IxDA BA 17 mar 2011 - La relación del Diseño de Interacción c...
 
Tipos de Interfaces
Tipos de InterfacesTipos de Interfaces
Tipos de Interfaces
 

Último

Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civil
meloamerica93
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
asnsdt
 
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
AdrianaCarolinaMoral2
 

Último (20)

Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdf
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidad
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de Querétaro
 
Diseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasDiseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicas
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimiento
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
Topografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civilTopografía cuadro de construcción ing.civil
Topografía cuadro de construcción ing.civil
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
 
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
 

Diseño de Interacción y la relación que establecemos con los objetos cotidianos

Notas del editor

  1. Seminario Diseño de Interacción Facultad de Diseño - Universidad del Desarrollo www.diseno.udd.cl - @disenoudd 26 de Noviembre de 2014
  2. Originalmente, veo la interacción como el cambio de estado. Objetivo: lograr cambio fluido
  3. En un “mundo de objetos”, las cosas tendían a verse como funcionaban. De “Form follows function” por Luis Sullivan hacia una nueva mirada Radio Reloj, Braun, Dieter Rams http://media.gizmodo.co.uk/wp-content/uploads/2012/10/10_SFMOMA_RamsFC.jpeg
  4. A form follows form, como pensamiento posmoderno. Jawbone Mini Jambox y Jawbone mobile App, para actualizar los dispositivos. https://www.aivanet.com/2013/09/jawbone-announces-mini-jambox-companion-app-tons-of-boom/
  5. Form follows social? Interaction? Es una pregunta válida. ¿Existen patrones de diseño de IxD física? “Prizm is a device that turns your speakers into a learning music player. Just hit a single button and it will instantly play the perfect music based on people in the room, their music tastes and habits, and even the current atmosphere.” http://www.meetprizm.com/
  6. En IxD hay bastante bibliografía, aunque MUCHA se centra en el rol de la interfaz para dicha interacción.
  7. Desde lo mecánico; para la realización de acciones frecuentes. Principios de los 90, aparece consistencia en el uso.
  8. Desde lo digital; indicación de “estado” (Finite state machine). Ejemplos de interacción con “sistemas” y los entendemos como tal. http://www.redusers.com/noticias/reviews/hp-envy-x2/
  9. Incorporación de la web, nacen nuevos patrones. Logo, buscador, login.. UI & GUI no tiene fronteras Cientos de más ejemplos en http://designinginterfaces.com/patterns/
  10. El soporte es absolutamente maleable, podemos hacer lo que queramos. …Si bien los patrones dictan buenas prácticas, en la realidad nada nos limita
  11. Podemos incluso diseñar nuevos languages de Interacción. Desde las UI, Microsoft Touch Interactions: “The primary goal of our touch language is to promote ease-of-use and ensure user confidence. By confidence, we mean that all touch interactions work consistently and reliably all the time.” http://blogs.msdn.com/b/b8/archive/2012/03/28/touch-hardware-and-windows-8.aspx
  12. y aplicarlos en nuevas interfaces. Y sin fronteras qué puede pasar? Imposible no hablar de pantallas, ellas se llevan hoy todas las luces… http://matthaeuskrenn.com/new-car-ui/ https://www.youtube.com/watch?v=XVbuk3jizGM
  13. Y nuevos lenguajes, para aplicar en nuevas múltiples interfaces GIFs: http://www.gizmodo.com.au/2014/06/what-material-design-means-for-the-future-of-android/
  14. podemos esconder un botón cambiar la UI guardar el dispositivo… PERDEMOS CONSISTENCIA. … y en lo físico?
  15. = no tiene fronteras digitales. Y los ejemplos están en lo físico, pero la interacción ocurre en lo digital. En el mundo físico sí hay constraints / restricciones. Aterricemos.
  16. Arbitrariamente Focalizar y Contextualizar un poco los ejemplos de interacción
  17. Tendencia Nike Fuel Band www.nike.com/us/en_us/c/nikeplus-fuelband
  18. tendencia Philips Hue Lights Interfaz está fuera del objeto, en un teléfono
  19. tendencia El “eggminder”, reminder de la frescura de los huevos; Quirky. Interfaz está fuera del objeto, en un teléfono http://gizmodo.com/the-first-five-smart-home-appliances-from-quirky-and-ge-1451720808
  20. Berg Cloud Wash (prototipo) http://bergcloud.com/case-studies/cloudwash
  21. Leer la prensa parado frente a un Refrigerador Samsung??? Wifi, 8" LCD Touchscreen, lector de tarjetas.
  22. … pero no todo es sólo pantalla
  23. http://iotlist.co/ A veces los dispositivos conversan entre sí
  24. Cómo encontrar una visión intermedia entre hoy y un futuro tétrico donde a mi sillón le gusta el update del microondas… » Uno busca y se encuentra con buenos ejemplos Credit https://twitter.com/omershapira/status/515545093730992128
  25. PAUSA: Esta es la lección Entonces, cuáles son las affordances? Cues/Pistas? Constraints/Restricciones? Capabilities/Capacidades? Cómo nos movemos más allá del wireframe, y abrazamos realmente UX?
  26. PAUSA: Esta es la lección Entonces, cuáles son las affordances? Cues/Pistas? Constraints/Restricciones? Capabilities/Capacidades? Cómo nos movemos más allá del wireframe, y abrazamos realmente UX?
  27. Analizando aparece ejecución de IxD impecable. Toca enfocarse entonces en otras dimensiones. Aprendizaje, patrones de conducta - Sistema, big data, modelo de negocio Cues: Comportamiento ≠ manipulación directa www.nest.com
  28. Capacidades: Objetos que aprenden, de los espacios, del uso (la ruta más larga para aspirar) iRobot Roomba 790 fuente: www.wired.com
  29. De educación. Constrains: language, physical format. Play. Sifteo by MIT (deprecated) http://farewell.sifteo.com/
  30. No dejar de satisfacer una necesidad estratégica.
  31. Mirar al revés. No pensar cómo forzar IxD en lo físico. Es decir, DCU. La realidad al centro. No la tarea. No la tecnología. IxD como herramienta, no como fin.
  32. en ejemplos anteriores vi: Mecánicas de juego como colección de herramientas y sistemas que el IxDesigner puede usar para hacer una experiencia más entretenida y atractiva. (collecting, points, feedback, exchange, and customization).
  33. Busqué validar esa observación en un proyecto. hipótesis: personas pueden infligir daño cuando están en privado Desarrollado como ejercicio en www.itp.edu
  34. interacción en pantallas! NO! Visto desde IxD técnico, es Modelo tradicional, esquema, sistema, tecnología… esto no funciona.
  35. Cuando incorporamos una historia, narrativa, experiencia, empieza a vislumbrar el resultado El oso es icono en la cultura anglo, cariñoso, awww, suave.
  36. Todos se asombran y lo pasan bien. Maltratándolo con clavos, martillos y otros elementos “dañinos”… el oso reacciona, y más tarde… La venganza es dulce cuando el oso los expone públicamente (fb y tw) …reflexión: validé teoría de juego y narrativa como soporte.
  37. Originalmente, interacción como el cambio de estado, ahora la entiendo como el logro cambio fluido. Cómo el diseño del viaje. El diseño de interacción no está en la distancia, sino en el tiempo