SlideShare ist ein Scribd-Unternehmen logo
1 von 29
Cinematic  Interaction  Design
 
New Technology Creates Opportunity ,[object Object],[object Object],[object Object],[object Object]
Simplify ,[object Object]
Desktop-like interfaces ,[object Object]
Web applications reach beyond the desktop ,[object Object],[object Object]
Elements of Cinema ,[object Object],[object Object],[object Object]
Narrative ,[object Object],[object Object],[object Object],[object Object]
Emotional Context ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Optimal State of Mind ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Visual Cues ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
How Does Animation Help? ,[object Object],[object Object]
IBM ,[object Object],[object Object],[object Object]
iPhone ,[object Object],[object Object]
 
 
Visual Transitions Increase Understanding ,[object Object],[object Object]
 
 
 
Inspiration from the movies… ,[object Object],[object Object]
Casablanca ,[object Object],We can use similar concepts in software design. ...it seduces the viewer by creating a seamless, lush universe that gradually envelops the audience.
Pandora ,[object Object],[object Object],[object Object]
Pandora ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Behr ,[object Object],[object Object]
Behr ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
H&R Block: Tango ,[object Object],[object Object],[object Object],Could paying your taxes be fun? Or at least not scary?
H&R Block: Tango ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Cinema as a New Metaphor ,[object Object],[object Object]

Weitere ähnliche Inhalte

Andere mochten auch

Basic versification klmpk 5
Basic versification klmpk 5Basic versification klmpk 5
Basic versification klmpk 5
Woelan EL
 
Half past two by U. A Fanthorpe
Half past two by U. A FanthorpeHalf past two by U. A Fanthorpe
Half past two by U. A Fanthorpe
Toyin Akomolede
 
Poetry Terms Presentation with Memes and Images
Poetry Terms Presentation with Memes and ImagesPoetry Terms Presentation with Memes and Images
Poetry Terms Presentation with Memes and Images
Megan Wallis
 
Poetry Terminology
Poetry TerminologyPoetry Terminology
Poetry Terminology
slenerbell
 
The ethnography of communication
The ethnography of communicationThe ethnography of communication
The ethnography of communication
mauve_29
 
4th grade poetry
4th grade poetry4th grade poetry
4th grade poetry
mwhitford1
 

Andere mochten auch (20)

Creative Approaches To Narrative Theory
Creative Approaches To Narrative TheoryCreative Approaches To Narrative Theory
Creative Approaches To Narrative Theory
 
Lorences verónica ppt
Lorences verónica pptLorences verónica ppt
Lorences verónica ppt
 
Basic versification klmpk 5
Basic versification klmpk 5Basic versification klmpk 5
Basic versification klmpk 5
 
Poetry
PoetryPoetry
Poetry
 
Half past two by U. A Fanthorpe
Half past two by U. A FanthorpeHalf past two by U. A Fanthorpe
Half past two by U. A Fanthorpe
 
Engl 601: English Syntax - The Transitivity Systems
Engl 601: English Syntax - The Transitivity SystemsEngl 601: English Syntax - The Transitivity Systems
Engl 601: English Syntax - The Transitivity Systems
 
Poetry Terms Presentation with Memes and Images
Poetry Terms Presentation with Memes and ImagesPoetry Terms Presentation with Memes and Images
Poetry Terms Presentation with Memes and Images
 
Approaches to interpreting folklore
Approaches to interpreting folkloreApproaches to interpreting folklore
Approaches to interpreting folklore
 
Aesop's fables
Aesop's fablesAesop's fables
Aesop's fables
 
Aesops fables
Aesops fablesAesops fables
Aesops fables
 
Introduction To Poetic Terminology
Introduction To Poetic TerminologyIntroduction To Poetic Terminology
Introduction To Poetic Terminology
 
Ethnography of communication
Ethnography of communicationEthnography of communication
Ethnography of communication
 
Half past two - U.A. Fanthorpe
Half past two - U.A. FanthorpeHalf past two - U.A. Fanthorpe
Half past two - U.A. Fanthorpe
 
Interactive Journalism - StoryDesign - Design Matters
Interactive Journalism - StoryDesign - Design MattersInteractive Journalism - StoryDesign - Design Matters
Interactive Journalism - StoryDesign - Design Matters
 
Poetry Terminology
Poetry TerminologyPoetry Terminology
Poetry Terminology
 
The ethnography of communication
The ethnography of communicationThe ethnography of communication
The ethnography of communication
 
Intro to poetry types and terms
Intro to poetry  types and termsIntro to poetry  types and terms
Intro to poetry types and terms
 
The ethnography of communication
The ethnography of communicationThe ethnography of communication
The ethnography of communication
 
Ethnography
Ethnography Ethnography
Ethnography
 
4th grade poetry
4th grade poetry4th grade poetry
4th grade poetry
 

Ähnlich wie Cinematic Interaction Design

Multivariant Narratives
Multivariant NarrativesMultivariant Narratives
Multivariant Narratives
nickbarkl007
 
Sketching user experiences: Getting the design right and the right design
Sketching user experiences: Getting the design right and the right designSketching user experiences: Getting the design right and the right design
Sketching user experiences: Getting the design right and the right design
Merve Aydın
 

Ähnlich wie Cinematic Interaction Design (20)

Storyboard
StoryboardStoryboard
Storyboard
 
Designing for Voice
Designing for VoiceDesigning for Voice
Designing for Voice
 
Multivariant Narratives
Multivariant NarrativesMultivariant Narratives
Multivariant Narratives
 
Intro to Digital Storytelling
Intro to Digital StorytellingIntro to Digital Storytelling
Intro to Digital Storytelling
 
Life Beyond Embodiment
Life Beyond EmbodimentLife Beyond Embodiment
Life Beyond Embodiment
 
2016 UX/UI Trends & Patterns
2016 UX/UI Trends & Patterns2016 UX/UI Trends & Patterns
2016 UX/UI Trends & Patterns
 
Transmedia and Augmented Reality
Transmedia and Augmented RealityTransmedia and Augmented Reality
Transmedia and Augmented Reality
 
Sketching user experiences: Getting the design right and the right design
Sketching user experiences: Getting the design right and the right designSketching user experiences: Getting the design right and the right design
Sketching user experiences: Getting the design right and the right design
 
The Bing Platform that Powers Cortana
The Bing Platform that Powers CortanaThe Bing Platform that Powers Cortana
The Bing Platform that Powers Cortana
 
Digital Storytelling Laptop Academy03.ppt
Digital Storytelling Laptop Academy03.pptDigital Storytelling Laptop Academy03.ppt
Digital Storytelling Laptop Academy03.ppt
 
VANCE
VANCEVANCE
VANCE
 
Thinking Like a Storyteller
Thinking Like a StorytellerThinking Like a Storyteller
Thinking Like a Storyteller
 
why I called " interaction design " is not "IXD" but "InD" Ind course
why I called " interaction design " is not "IXD" but "InD"  Ind coursewhy I called " interaction design " is not "IXD" but "InD"  Ind course
why I called " interaction design " is not "IXD" but "InD" Ind course
 
Design in motion. The new frontier of interaction design
Design in motion. The new frontier of interaction designDesign in motion. The new frontier of interaction design
Design in motion. The new frontier of interaction design
 
The New Possible: Integrated Experiences
The New Possible: Integrated ExperiencesThe New Possible: Integrated Experiences
The New Possible: Integrated Experiences
 
Designing the Future, with Voice
Designing the Future, with VoiceDesigning the Future, with Voice
Designing the Future, with Voice
 
The future of User Interface
The future of User InterfaceThe future of User Interface
The future of User Interface
 
Digital Storytelling
Digital StorytellingDigital Storytelling
Digital Storytelling
 
Designing for meaningful_experiences_i_xda slideshare
Designing for meaningful_experiences_i_xda slideshareDesigning for meaningful_experiences_i_xda slideshare
Designing for meaningful_experiences_i_xda slideshare
 
USER EXPERIENCE DESIGN SLIDESHOW by Cindy Chastain
USER EXPERIENCE DESIGN SLIDESHOW by Cindy ChastainUSER EXPERIENCE DESIGN SLIDESHOW by Cindy Chastain
USER EXPERIENCE DESIGN SLIDESHOW by Cindy Chastain
 

Mehr von Sarah Allen

Mehr von Sarah Allen (20)

Internet security: a landscape of unintended consequences
Internet security: a landscape of unintended consequencesInternet security: a landscape of unintended consequences
Internet security: a landscape of unintended consequences
 
RTMP: how did we get to now? (Demuxed 2019)
RTMP: how did we get to now? (Demuxed 2019)RTMP: how did we get to now? (Demuxed 2019)
RTMP: how did we get to now? (Demuxed 2019)
 
Communication is a Technical Skill
Communication is a Technical SkillCommunication is a Technical Skill
Communication is a Technical Skill
 
Improving Federal Government Services
Improving Federal Government ServicesImproving Federal Government Services
Improving Federal Government Services
 
Transparency Wins
Transparency WinsTransparency Wins
Transparency Wins
 
A Short History of Computers
A Short History of ComputersA Short History of Computers
A Short History of Computers
 
Making Software Fun
Making Software FunMaking Software Fun
Making Software Fun
 
Power of Transparency
Power of TransparencyPower of Transparency
Power of Transparency
 
Designing for Fun
Designing for FunDesigning for Fun
Designing for Fun
 
Ruby in the US Government for Ruby World Conference
Ruby in the US Government for Ruby World ConferenceRuby in the US Government for Ruby World Conference
Ruby in the US Government for Ruby World Conference
 
Identities of Dead People
Identities of Dead PeopleIdentities of Dead People
Identities of Dead People
 
Let's pretend
Let's pretendLet's pretend
Let's pretend
 
3 Reasons Not to Use Ruby
3 Reasons Not to Use Ruby 3 Reasons Not to Use Ruby
3 Reasons Not to Use Ruby
 
Ruby Nation: Why no haz Ruby?
Ruby Nation: Why no haz Ruby?Ruby Nation: Why no haz Ruby?
Ruby Nation: Why no haz Ruby?
 
Why no ruby in gov?
Why no ruby in gov?Why no ruby in gov?
Why no ruby in gov?
 
People Patterns or What I learned from Toastmasters
People Patterns or What I learned from ToastmastersPeople Patterns or What I learned from Toastmasters
People Patterns or What I learned from Toastmasters
 
Blazing Cloud: Agile Product Development
Blazing Cloud: Agile Product DevelopmentBlazing Cloud: Agile Product Development
Blazing Cloud: Agile Product Development
 
Crowdsourced Transcription Landscape
Crowdsourced Transcription LandscapeCrowdsourced Transcription Landscape
Crowdsourced Transcription Landscape
 
Lessons Learned Future Thoughts
Lessons Learned Future ThoughtsLessons Learned Future Thoughts
Lessons Learned Future Thoughts
 
Mobile Web Video
Mobile Web VideoMobile Web Video
Mobile Web Video
 

Kürzlich hochgeladen

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
 
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
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 
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
 
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
 

Kürzlich hochgeladen (20)

Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
 
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
 
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
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
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
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
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
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
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
 
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...
 
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
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 

Cinematic Interaction Design

Hinweis der Redaktion

  1. Not how to make UI for movie players… A new metaphor Mostly focus on web applications, but also show non-web examples