SlideShare uma empresa Scribd logo
1 de 15
Multisensory and Multimedia Bill Moggridge – Designing Interactions ID 501 – Kıvılcım Çınar
Content: 5 senses: Vision, hearing, touch, smell & taste Connection with computers “sensory deprived and physically limited” explores the opportunities for interaction design to become multisensory and to take advantage of multimedia. Interviews: Hiroshi Ishii (Associate professor of Media Arts and Sciences @ MIT) Durrell Bishop (Teacher of Product Design @ Royal College of Art in London) Joy Mountford (Member of Human Interface Group @ Apple) Bill Gaver (Professor of Interaction Research @ Royal College of Art in London)
Vision « Visions of Japan » by Arata Isozaki Realms of Cliché(presented various entertainments(such arts as the tea ceremony, flower arrangement and popular and classical performing arts) Kitsch(examined the nature of competitiveness in games and sports) Simulation(demonstrated a dramatic expansion of the potential for visual display ) The images produced by these systems are displayed on screensbut they are completely separated from the real things themselves—processed, edited, and otherwise qualitatively changed, often intosomething completely different. “blurring the line between real and simulated”
Hiroshi Ishii Physical & Digital world  Interaction requires 2 key components: Controls ( manipulate access to digital informations and computations) Representation(people can perceive the results of computations)
Hiroshi Ishii Physical & Digital world  Interaction requires 2 key components: Controls ( manipulate access to digital informations and computations) Representation(people can perceive the results of computations) Intangible pixels- windows,menus,folders To control representations- remote controls,mouse Tangible representation (control mechanism) allow user to directly grap and manipulate.  Dynamic output or feedback(video, sound)
Tangible User Interfaces Ping Pong Plus (http://www.youtube.com/watch?v=AZO8sfmpKIQ&playnext=1&list=PL38930FA142C5C68F) a ping pong table that could sense ball hits, which it used to control various visualizations projected on the table. Music Bottles http://www.youtube.com/watch?v=U4IYyNL4ld8&feature=related bottles as containers and controls for digital information bottles enable each one to be wirelessly identified simple affordance of opening and closing
Durrell Bishop Things should be themselves. (self-evident - to describe whatthey are actually doing) Monopoly versus Video Tape Recorder Monopoly makes the functions of the game self-evident. There is a physical representation of the different elements of the software of the game.  For VTR, you might want to know whether it is recording or not, how much space there is left, or where things are.
Physical object represent meaning.. We remember the things, experience them repeatedly  Unusual or surprising to our memory Example: coin (has value – has country, ownership) «...make virtual items, both space andobjects, seem just as real as physical items by designing themtosay more about themselves.» physical object pointer to a window or folder, thephysical environment is just as real as the screen environment
Marble Answering Machine prototype telephone answering machine.  Incoming voice messages are represented by marbles, the user can grasp and then drop to play the message  dial the caller automatically.  It shows that computing doesn’t have to take place at a desk, but it can be integrated into everyday objects The Marble Answering Machine demonstrates the great potential of making digital information graspable. http://ccdc11.wordpress.com/2011/02/15/durrell-bishops-marble-answering-machine/ ,[object Object],can be designed to represent any abstract item, as long as we can remember what they mean by recognizing their form and behavior. ,[object Object],physical represent incoming phone messages which demonstrated the great potential of making digital information.
Joy Mountford Quick Time Mountford & Mike Mills developed designs to include images and videos in graphical user interfaces, integrating QuickTime and moving the personal computer towards multimedia. Personal computers started to grow. Bringing video to personal computer          turn the PC into multimedia device. Paper animation techniques was replaced by Quick Time.
People started to be familiar with film and video editing tools and techniques. ( edit clips of their children) Hand controller Navigable movies (became QuickTime VR ) – Golden Gate Bridge had a video camera pointing at an object, seemingly doing thesame thing day after day. You could move around the camera’s viewof the room just like you could manipulate a 3-D view of an object with the virtual sphere. http://www.panoramas.dk/US/golden-gate.html
The Bead Box sound should be used morein interface design, integrating music, voice, and more sophisticated sound effects. 70 percent of the population think they’re amateurmusicians, which is pretty high. age – type of music listened Gives opportunities to people who want to make music but have notmastered a conventional instrumentnotation or the meaning of a score.
Bill Gaver studied sound perception his work is about auditory icons  meet Joy Mountford – started to work as an intern at Apple developed SonicFinder – tried to add sound to the software of Finder when you clicked on a file, you would hear a tapping noise
History Tablecloth The History Tablecloth uses weight sensing, measuring how longthings have been left on the surface. Provide us to see history of objects in the home load sensors calculate product’s position, and cells are lit to form a halo that grows slowly over a period of hours.
Key Table and Picture Frame provide a place for people to leave the things they carry with them when out of the house—keys, mobile phone contains a load sensor mounted under the top surface to measure the duration of oscillation caused by a new load, a good indication of impact force. When objects are put on the Key Table, this measurement is wirelessly transmitted to the picture frame, which tilts accordingly. 

Mais conteúdo relacionado

Mais procurados

Technology have a look
Technology   have a lookTechnology   have a look
Technology have a look
Sreejith P
 
Creativeandroid
CreativeandroidCreativeandroid
Creativeandroid
PETER KIRN
 
Be Here Now - iPod Shuffle
Be Here Now - iPod ShuffleBe Here Now - iPod Shuffle
Be Here Now - iPod Shuffle
Courtney Portnoy
 
Symphony Interactive Gallery
Symphony Interactive GallerySymphony Interactive Gallery
Symphony Interactive Gallery
hbertolo
 
Surface computer
Surface computerSurface computer
Surface computer
ajaychn
 

Mais procurados (17)

Graphic Interactive Design 01 introduction
Graphic Interactive Design 01 introductionGraphic Interactive Design 01 introduction
Graphic Interactive Design 01 introduction
 
Technology have a look
Technology   have a lookTechnology   have a look
Technology have a look
 
Presentation 213 jeannette hoit and cassandra faux speech management for als_...
Presentation 213 jeannette hoit and cassandra faux speech management for als_...Presentation 213 jeannette hoit and cassandra faux speech management for als_...
Presentation 213 jeannette hoit and cassandra faux speech management for als_...
 
Seminar on Hololens
Seminar on HololensSeminar on Hololens
Seminar on Hololens
 
WDC 2008: Beyond the Browser
WDC 2008: Beyond the BrowserWDC 2008: Beyond the Browser
WDC 2008: Beyond the Browser
 
microsoft Surface computer
microsoft Surface computer microsoft Surface computer
microsoft Surface computer
 
Creativeandroid
CreativeandroidCreativeandroid
Creativeandroid
 
Microsoft Hololens
Microsoft HololensMicrosoft Hololens
Microsoft Hololens
 
Surface computing by raviteja
Surface computing by ravitejaSurface computing by raviteja
Surface computing by raviteja
 
Be Here Now - iPod Shuffle
Be Here Now - iPod ShuffleBe Here Now - iPod Shuffle
Be Here Now - iPod Shuffle
 
Input an output devices
Input an output devicesInput an output devices
Input an output devices
 
Emospark report
Emospark reportEmospark report
Emospark report
 
Symphony Interactive Gallery
Symphony Interactive GallerySymphony Interactive Gallery
Symphony Interactive Gallery
 
Augmented Reality and the Changing UI
Augmented Reality and the Changing UIAugmented Reality and the Changing UI
Augmented Reality and the Changing UI
 
Surface computer
Surface computerSurface computer
Surface computer
 
Surface computer
Surface computerSurface computer
Surface computer
 
Surface computer
Surface computerSurface computer
Surface computer
 

Semelhante a Multisensory and multimedia

The i pad is 40 years old copy
The i pad is 40 years old copyThe i pad is 40 years old copy
The i pad is 40 years old copy
Arnold Wasserman
 
The i pad is 40 years old copy
The i pad is 40 years old copyThe i pad is 40 years old copy
The i pad is 40 years old copy
Arnold Wasserman
 
The i pad is 40 years old copy
The i pad is 40 years old copyThe i pad is 40 years old copy
The i pad is 40 years old copy
Arnold Wasserman
 
Surface computing1
Surface computing1Surface computing1
Surface computing1
Kumar Gaurav
 
Matthew Hilla - K Arts Lecture
Matthew Hilla - K Arts LectureMatthew Hilla - K Arts Lecture
Matthew Hilla - K Arts Lecture
mghilla
 
Designing for an internet of things
Designing for an internet of thingsDesigning for an internet of things
Designing for an internet of things
Timo Arnall
 
Virtual environments in design education
Virtual environments in design educationVirtual environments in design education
Virtual environments in design education
Shubh Cheema
 
TECHNOLOGY-BASED ART final [Autosaved].pptx
TECHNOLOGY-BASED ART final [Autosaved].pptxTECHNOLOGY-BASED ART final [Autosaved].pptx
TECHNOLOGY-BASED ART final [Autosaved].pptx
JezLapuz1
 

Semelhante a Multisensory and multimedia (20)

Various User Interfaces
Various User InterfacesVarious User Interfaces
Various User Interfaces
 
The Future of User Interfaces
The Future of User InterfacesThe Future of User Interfaces
The Future of User Interfaces
 
Physical Access To Computers
Physical Access To ComputersPhysical Access To Computers
Physical Access To Computers
 
Sixsensetechnology2 140119092410-phpapp01
Sixsensetechnology2 140119092410-phpapp01Sixsensetechnology2 140119092410-phpapp01
Sixsensetechnology2 140119092410-phpapp01
 
Warner 2014 sf11
Warner 2014 sf11Warner 2014 sf11
Warner 2014 sf11
 
From Interaction to Understanding
From Interaction to UnderstandingFrom Interaction to Understanding
From Interaction to Understanding
 
3 2 1_contact: A touch, multitouch, and stylus exploration
3 2 1_contact: A touch, multitouch, and stylus exploration3 2 1_contact: A touch, multitouch, and stylus exploration
3 2 1_contact: A touch, multitouch, and stylus exploration
 
The i pad is 40 years old copy
The i pad is 40 years old copyThe i pad is 40 years old copy
The i pad is 40 years old copy
 
The i pad is 40 years old copy
The i pad is 40 years old copyThe i pad is 40 years old copy
The i pad is 40 years old copy
 
The i pad is 40 years old copy
The i pad is 40 years old copyThe i pad is 40 years old copy
The i pad is 40 years old copy
 
Surface computing1
Surface computing1Surface computing1
Surface computing1
 
Matthew Hilla - K Arts Lecture
Matthew Hilla - K Arts LectureMatthew Hilla - K Arts Lecture
Matthew Hilla - K Arts Lecture
 
Designing for an internet of things
Designing for an internet of thingsDesigning for an internet of things
Designing for an internet of things
 
Creativity
CreativityCreativity
Creativity
 
MIL WEEK 6.pptx
MIL WEEK 6.pptxMIL WEEK 6.pptx
MIL WEEK 6.pptx
 
Empathic Computing
Empathic ComputingEmpathic Computing
Empathic Computing
 
The Good, The Bad, The Voiceover - ios Accessibility
The Good, The Bad, The Voiceover - ios AccessibilityThe Good, The Bad, The Voiceover - ios Accessibility
The Good, The Bad, The Voiceover - ios Accessibility
 
Virtual environments in design education
Virtual environments in design educationVirtual environments in design education
Virtual environments in design education
 
TECHNOLOGY-BASED ART final [Autosaved].pptx
TECHNOLOGY-BASED ART final [Autosaved].pptxTECHNOLOGY-BASED ART final [Autosaved].pptx
TECHNOLOGY-BASED ART final [Autosaved].pptx
 
Cg ptu assigement
Cg ptu assigementCg ptu assigement
Cg ptu assigement
 

Último

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Último (20)

ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 

Multisensory and multimedia

  • 1. Multisensory and Multimedia Bill Moggridge – Designing Interactions ID 501 – Kıvılcım Çınar
  • 2. Content: 5 senses: Vision, hearing, touch, smell & taste Connection with computers “sensory deprived and physically limited” explores the opportunities for interaction design to become multisensory and to take advantage of multimedia. Interviews: Hiroshi Ishii (Associate professor of Media Arts and Sciences @ MIT) Durrell Bishop (Teacher of Product Design @ Royal College of Art in London) Joy Mountford (Member of Human Interface Group @ Apple) Bill Gaver (Professor of Interaction Research @ Royal College of Art in London)
  • 3. Vision « Visions of Japan » by Arata Isozaki Realms of Cliché(presented various entertainments(such arts as the tea ceremony, flower arrangement and popular and classical performing arts) Kitsch(examined the nature of competitiveness in games and sports) Simulation(demonstrated a dramatic expansion of the potential for visual display ) The images produced by these systems are displayed on screensbut they are completely separated from the real things themselves—processed, edited, and otherwise qualitatively changed, often intosomething completely different. “blurring the line between real and simulated”
  • 4. Hiroshi Ishii Physical & Digital world Interaction requires 2 key components: Controls ( manipulate access to digital informations and computations) Representation(people can perceive the results of computations)
  • 5. Hiroshi Ishii Physical & Digital world Interaction requires 2 key components: Controls ( manipulate access to digital informations and computations) Representation(people can perceive the results of computations) Intangible pixels- windows,menus,folders To control representations- remote controls,mouse Tangible representation (control mechanism) allow user to directly grap and manipulate. Dynamic output or feedback(video, sound)
  • 6. Tangible User Interfaces Ping Pong Plus (http://www.youtube.com/watch?v=AZO8sfmpKIQ&playnext=1&list=PL38930FA142C5C68F) a ping pong table that could sense ball hits, which it used to control various visualizations projected on the table. Music Bottles http://www.youtube.com/watch?v=U4IYyNL4ld8&feature=related bottles as containers and controls for digital information bottles enable each one to be wirelessly identified simple affordance of opening and closing
  • 7. Durrell Bishop Things should be themselves. (self-evident - to describe whatthey are actually doing) Monopoly versus Video Tape Recorder Monopoly makes the functions of the game self-evident. There is a physical representation of the different elements of the software of the game. For VTR, you might want to know whether it is recording or not, how much space there is left, or where things are.
  • 8. Physical object represent meaning.. We remember the things, experience them repeatedly Unusual or surprising to our memory Example: coin (has value – has country, ownership) «...make virtual items, both space andobjects, seem just as real as physical items by designing themtosay more about themselves.» physical object pointer to a window or folder, thephysical environment is just as real as the screen environment
  • 9.
  • 10. Joy Mountford Quick Time Mountford & Mike Mills developed designs to include images and videos in graphical user interfaces, integrating QuickTime and moving the personal computer towards multimedia. Personal computers started to grow. Bringing video to personal computer turn the PC into multimedia device. Paper animation techniques was replaced by Quick Time.
  • 11. People started to be familiar with film and video editing tools and techniques. ( edit clips of their children) Hand controller Navigable movies (became QuickTime VR ) – Golden Gate Bridge had a video camera pointing at an object, seemingly doing thesame thing day after day. You could move around the camera’s viewof the room just like you could manipulate a 3-D view of an object with the virtual sphere. http://www.panoramas.dk/US/golden-gate.html
  • 12. The Bead Box sound should be used morein interface design, integrating music, voice, and more sophisticated sound effects. 70 percent of the population think they’re amateurmusicians, which is pretty high. age – type of music listened Gives opportunities to people who want to make music but have notmastered a conventional instrumentnotation or the meaning of a score.
  • 13. Bill Gaver studied sound perception his work is about auditory icons meet Joy Mountford – started to work as an intern at Apple developed SonicFinder – tried to add sound to the software of Finder when you clicked on a file, you would hear a tapping noise
  • 14. History Tablecloth The History Tablecloth uses weight sensing, measuring how longthings have been left on the surface. Provide us to see history of objects in the home load sensors calculate product’s position, and cells are lit to form a halo that grows slowly over a period of hours.
  • 15. Key Table and Picture Frame provide a place for people to leave the things they carry with them when out of the house—keys, mobile phone contains a load sensor mounted under the top surface to measure the duration of oscillation caused by a new load, a good indication of impact force. When objects are put on the Key Table, this measurement is wirelessly transmitted to the picture frame, which tilts accordingly. 

Notas do Editor

  1. The entire floor and walls of a high-ceilinged516 | Chapter 8Room 3, Dreams—”The Realm of Simulation” •Arata Isozaki •rectangular hall were completely covered with moving images.Some of the time they were separated into individual imagesmaking a collage of screens, and some of the time they were hugepanoramas, stitched together to form a single image.“blurring the line between real and simulated”was demonstrated very convincingly by the exhibition, but theaudience were passive receivers of the experience, like cinemagoers;there were no interactive enhancements to their lives.
  2. He tries to add the dimensions of physical feeling to the interface.
  3. He tries to add the dimensions of physical feeling to the interface.
  4. The opening and closing of a bottle is also detected. When a bottle is placed onto the stage area of the table and the cork is removed, the corresponding instrument becomes audible. A pattern of colored light is rear-projected onto the table's translucent surface to reflect changes in pitch and volume. The interface allows users to structure the experience of the musical composition by physically manipulating the different sound tracks
  5. Durrell Bishop wants to design objects that are self-evident,whether they are physical or virtual. He looks at electronics andnotices that the shape of the objects does little to describe whatthey are actually doing; it is hard to see the difference between aradio and calculator by their design.
  6. It has value; yes,it’s written on it what the value is, and its size and shape denotethat to some extent, but the real idea of value is not a physicalthing. It also has country; it belongs to a nation. But most of all,and strangest of all, it has ownership; the ownership isn’t representedon it at all, but we totally accept it, and it’s mostly defined by thedistance it is from you. If I’m holding it, it’s mine; if it’s in mypocket, it’s mine. If I place it far enough away, we start questioningwhose it is, but we don’t think about this as a pointer to money; it’snot a tag for money—it is money.
  7. He started his ownproject without explaining to her what he was trying to do. Hehad a video camera pointing at an object, seemingly doing thesame thing day after day.
  8. What really intrigued mewas how much variation of the audio or music mix you could actuallycreate, even with the simplest samples and changes. It was reallyquite addictive, and it became almost an art to see how wonderfulyour music could be with just three beads.
  9. When objects are left on the table, load sensors under the table legs are used to calculate their position, and cells are lit to form a halo that grows slowly over a period of hours. When objects are removed, the corresponding halo is designed to disappear over a period of about 30 sec. The History Tablecloth makes visible the movement (or lack thereof) of objects in the home but leaves interpretation of that situation to the people who encounter the tablecloth.