SlideShare una empresa de Scribd logo

Cinematic Interaction Design

•Descargar como PPT, PDF•
•
Sarah Allen
Sarah Allen

Inspirations from cinema for web application design. Interaction08 by Sarah Allen, Laszlo Systems.

TecnologíaEmpresariales
1 de 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]

Recomendados

10 Tips For Designing Effective Visual Communication
10 Tips For Designing Effective Visual Communication10 Tips For Designing Effective Visual Communication
10 Tips For Designing Effective Visual Communication
Column Five
 
A Business Guide to Visual Communication
A Business Guide to Visual CommunicationA Business Guide to Visual Communication
A Business Guide to Visual Communication
Column Five
 
The Narrative and Fomulaic Approaches of Harold Lloyd
The Narrative and Fomulaic Approaches of Harold LloydThe Narrative and Fomulaic Approaches of Harold Lloyd
The Narrative and Fomulaic Approaches of Harold Lloyd
Peter O'Brien
 
Fables
FablesFables
Fables
Raquel
 
Ppt ethnopoetics
Ppt ethnopoeticsPpt ethnopoetics
Ppt ethnopoetics
Inayah Goink
 
Computational narrative and narrative systems
Computational narrative and narrative systemsComputational narrative and narrative systems
Computational narrative and narrative systems
Mirjam Eladhari
 
Narrative Theorists
Narrative TheoristsNarrative Theorists
Narrative Theorists
aslihan_s
 
Centrales telefonicas pbx
Centrales telefonicas pbxCentrales telefonicas pbx
Centrales telefonicas pbx
Paola Lucia Testa
 

Recomendados

10 Tips For Designing Effective Visual Communication
10 Tips For Designing Effective Visual Communication10 Tips For Designing Effective Visual Communication
10 Tips For Designing Effective Visual Communication
Column Five
 
A Business Guide to Visual Communication
A Business Guide to Visual CommunicationA Business Guide to Visual Communication
A Business Guide to Visual Communication
Column Five
 
The Narrative and Fomulaic Approaches of Harold Lloyd
The Narrative and Fomulaic Approaches of Harold LloydThe Narrative and Fomulaic Approaches of Harold Lloyd
The Narrative and Fomulaic Approaches of Harold Lloyd
Peter O'Brien
 
Fables
FablesFables
Fables
Raquel
 
Ppt ethnopoetics
Ppt ethnopoeticsPpt ethnopoetics
Ppt ethnopoetics
Inayah Goink
 
Computational narrative and narrative systems
Computational narrative and narrative systemsComputational narrative and narrative systems
Computational narrative and narrative systems
Mirjam Eladhari
 
Narrative Theorists
Narrative TheoristsNarrative Theorists
Narrative Theorists
aslihan_s
 
Centrales telefonicas pbx
Centrales telefonicas pbxCentrales telefonicas pbx
Centrales telefonicas pbx
Paola Lucia Testa
 
Creative Approaches To Narrative Theory
Creative Approaches To Narrative TheoryCreative Approaches To Narrative Theory
Creative Approaches To Narrative Theory
James Clegg
 
Lorences verónica ppt
Lorences verónica pptLorences verónica ppt
Lorences verónica ppt
veronicalore
 
Basic versification klmpk 5
Basic versification klmpk 5Basic versification klmpk 5
Basic versification klmpk 5
Woelan EL
 
Poetry
PoetryPoetry
Poetry
amorenaz
 
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
 
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
Iyabode Daniel
 
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
 
Approaches to interpreting folklore
Approaches to interpreting folkloreApproaches to interpreting folklore
Approaches to interpreting folklore
Shafira Aulia
 
Aesop's fables
Aesop's fablesAesop's fables
Aesop's fables
InfoPerc/Te web
 
Aesops fables
Aesops fablesAesops fables
Aesops fables
Jahangir Milton
 
Introduction To Poetic Terminology
Introduction To Poetic TerminologyIntroduction To Poetic Terminology
Introduction To Poetic Terminology
Karen Chichester
 
Ethnography of communication
Ethnography of communicationEthnography of communication
Ethnography of communication
Somayeh Pedram
 
Half past two - U.A. Fanthorpe
Half past two - U.A. FanthorpeHalf past two - U.A. Fanthorpe
Half past two - U.A. Fanthorpe
npaliterature
 
Interactive Journalism - StoryDesign - Design Matters
Interactive Journalism - StoryDesign - Design MattersInteractive Journalism - StoryDesign - Design Matters
Interactive Journalism - StoryDesign - Design Matters
Gerald Holubowicz
 
Poetry Terminology
Poetry TerminologyPoetry Terminology
Poetry Terminology
slenerbell
 
The ethnography of communication
The ethnography of communicationThe ethnography of communication
The ethnography of communication
Sara Pacheco
 
Intro to poetry types and terms
Intro to poetry types and termsIntro to poetry types and terms
Intro to poetry types and terms
1aromagnoli
 
The ethnography of communication
The ethnography of communicationThe ethnography of communication
The ethnography of communication
mauve_29
 
Ethnography
Ethnography Ethnography
Ethnography
Joy Avelino
 
4th grade poetry
4th grade poetry4th grade poetry
4th grade poetry
mwhitford1
 
Storyboard
StoryboardStoryboard
Storyboard
Brendan Breen
 
Designing for Voice
Designing for VoiceDesigning for Voice
Designing for Voice
Sanette Tanaka Sloan
 

Más contenido relacionado

Destacado

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
 

Destacado (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
 

Similar a 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
 
Thinking Like a Storyteller
Thinking Like a StorytellerThinking Like a Storyteller
Thinking Like a Storyteller
Cindy Chastain
 
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
Antonio De Pasquale
 
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
David Kozatch
 
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
innomind
 

Similar a 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
 

Más de Sarah Allen

Más de 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
 

Último

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
sammart93
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Principled Technologies
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Miguel Araújo
 

Último (20)

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
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
 
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
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
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
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
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...
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 
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
 

Cinematic Interaction Design

Notas del editor

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