SlideShare a Scribd company logo
1 of 37
Ben Bederson

Human-Computer Interaction Lab
       Computer Science Dept.
            UMIACS / iSchool
        University of Maryland
Problem: Show More Than Fits
                                            on the screen
Solution categories:
 Scroll
 Multiple pages (tabs, link, search …)
 Denser displays (info vis)
   Fisheye
   Zooming




Is always a problem – and worse on small screens
Zooming Examples
   OS X Expose
   iPhone
   Google Maps
   Adobe Photoshop

Theme 1
 Are ZUIs a success?
 When do / don’t they work?

Theme 2
 How does innovation work?
Some early ZUIs


  Pad 1993

                              Pad++ 1994




                  Pa3D 1993
Pad++ (1997 Video)
Partial Timeline


         PadDraw       PadPrints PhotoMesa           PPTPlex
                            KidPad CounterPoint      Prezi
                                           Google          Pivot
                                           Maps     ZoomCanvas
              Space-Scale Diagrams
    Geometric Scaling       SDAZ
    Semantic Zooming
    Portals
       Lenses

                         SVG .NET
       Pa3D          Java2D   Sea Dragon
    Pad Pad++        Jazz Piccolo Cocoa WPF iPhone
    92 93 94 95 96 97 98 99 00 01 02 03 04 05 06 07 08 09 10
Animated Presentations


     KidPad - 1997           CounterPoint - 2001




  Microsoft PPTPlex - 2008      Prezi - 2009
PhotoMesa
 First attempt at building polished consumer ZUI
    Object-based zooming
    Domain-specific navigation
    Domain-specific semantic zoom
    Auto-layout
    Perf tricks
    Metadata & search


 Mobile version
iPhoto & Picasa
Other Full Screen ZUIs



     Canvas for OneNote   Seadragon (http://zoom.it)
Problems …
What Happened?
   “Eye candy” that doesn’t add much
   Don’t scale well
   Datasets aren’t persistent
   Navigation mechanisms difficult
   Spatial memory not as good as hoped
   2D layouts hard to scan
   People don’t know where to zoom
   Difficult to author

=> Instead
        simple
        linear structures
        hierarchical structures
        geographic systems
        search
More Successful ZUIs




       Google Maps     Wired on iPad
Wired Magazine on iPad
Mobile Zooming
  New interaction for touch screen
  Good for simple transitions – what else?




[Karlson, Bederson & SanGiovanni, CHI 2005]
Zumobi ZoomCanvas (2009)




  Zumobi ZoomCanvas Technology
ZUI Benefit
 Engaging
 Feels natural
 Improves some task performance
 Hurts other tasks
 More creative potential
 People like overviews
 Animation effective
 Structured content useful
Challenges
                                  Too complex
 Hard to scale
 Hard to design & author
 Temporal separation requires STM to integrate
  multiple views
 Spatial memory & spatial navigation limited
 Navigation controls non-standard, tricky
 Remaining technical challenges
What is Innovation?
Dictionary:
 "A new method, idea, product"
 "A creation resulting from study and experimentation"
 "The act of starting something for the first time"
 "Producing something like nothing done or experienced
  or created before"
"There is nothing new under the sun”
                          -- Ecclesiastes 1:9
Movie themes:
 Good vs. Evil
 Love conquers all
 Individual v. society
 Loss of innocence
 Man v. nature
How Do You Innovate?
Bolt from the blue? Ideas when you …
 Read the literature
 Competitive analysis
 Solve real problems
 Use available technologies
 Consider cost


=> Innovations happen in a cultural context
Ad Campaign
2001
Palm Pilot
1996
Apple Newton   Palm Pilot
1993           1996
Dynabook   Apple Newton   Palm Pilot
1980’s     1993           1996
Dynabook   Apple Newton   Palm Pilot
1980’s     1993           1996
Is Nothing Innovative?
 Of course not


 The point is that innovation is more subtle than it first
  appears
When is Copying Fair?
 Laws give us the societally accepted answer:
Fine line between protecting invention
 Always...
and stopping creative innovation

Except when protected by
  • Copyright (concrete expression)
  • Trademark (image, logo, short sequence of
  words)
  • Trade secret (most things you don't tell others)
  • Patent (processes, things, designs)
Patent Prosecution


     Prior art   Invention
Patent Prosecution
         Prior art

                 Invention
Patent Prosecution
         Prior art

                 Invention
Patent Prosecution
         Prior art

                 Invention

            Prior art
Patent Prosecution
         Prior art

                 Invention

            Prior art
Questions?

Benjamin B. Bederson
Computer Science Department
Human-Computer Interaction Lab
Institute for Advanced Computer Studies

University of Maryland

              www.cs.umd.edu/~bederson
                     @bederson

More Related Content

Similar to Zooming User Interfaces: Past, Present and Future

Touchpoint 2012 Symposium on Interaction Design: Notes
Touchpoint 2012 Symposium on Interaction Design: NotesTouchpoint 2012 Symposium on Interaction Design: Notes
Touchpoint 2012 Symposium on Interaction Design: NotesVisnja Milidragovic
 
IXDA Chicago - Interaction08 Recap
IXDA Chicago - Interaction08 RecapIXDA Chicago - Interaction08 Recap
IXDA Chicago - Interaction08 RecapFrank Grigurs
 
Collaboration Across Distributed Environments
Collaboration Across Distributed EnvironmentsCollaboration Across Distributed Environments
Collaboration Across Distributed EnvironmentsAgile Dimensions LLC
 
Artificial Intelligence is back, Deep Learning Networks and Quantum possibili...
Artificial Intelligence is back, Deep Learning Networks and Quantum possibili...Artificial Intelligence is back, Deep Learning Networks and Quantum possibili...
Artificial Intelligence is back, Deep Learning Networks and Quantum possibili...John Mathon
 
Transitioning to Teaching with Technology
Transitioning to Teaching with TechnologyTransitioning to Teaching with Technology
Transitioning to Teaching with TechnologyJeff Aronowitz
 
CAMA 2007 Visions of the Future for Contextualized Attention Metadata
CAMA 2007 Visions of the Future for Contextualized Attention MetadataCAMA 2007 Visions of the Future for Contextualized Attention Metadata
CAMA 2007 Visions of the Future for Contextualized Attention MetadataWayne Hodgins
 
BICS Tech Plan PAC Presentation
BICS Tech Plan PAC PresentationBICS Tech Plan PAC Presentation
BICS Tech Plan PAC Presentationslater_45
 
Ipads in_the_Classroom 2
Ipads in_the_Classroom 2Ipads in_the_Classroom 2
Ipads in_the_Classroom 2mikedionne
 
If OLPC started today... JSConf.is
If OLPC started today... JSConf.isIf OLPC started today... JSConf.is
If OLPC started today... JSConf.isNicholas Doiron
 
ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ Jacquez
ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ JacquezASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ Jacquez
ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ JacquezRJ Jacquez
 
Francisco Inchauste - RIA Mojo - Making your Flex application standout with a...
Francisco Inchauste - RIA Mojo - Making your Flex application standout with a...Francisco Inchauste - RIA Mojo - Making your Flex application standout with a...
Francisco Inchauste - RIA Mojo - Making your Flex application standout with a...360|Conferences
 
Prototypes, Prototypes, Prototypes
Prototypes, Prototypes, PrototypesPrototypes, Prototypes, Prototypes
Prototypes, Prototypes, PrototypesShane Morris
 
Abou Teaching Girls Technology
Abou Teaching Girls TechnologyAbou Teaching Girls Technology
Abou Teaching Girls TechnologyLynn Langit
 
Industrial Design Intelligence: Evaluation Supporting Aesthetic and Functiona...
Industrial Design Intelligence: Evaluation Supporting Aesthetic and Functiona...Industrial Design Intelligence: Evaluation Supporting Aesthetic and Functiona...
Industrial Design Intelligence: Evaluation Supporting Aesthetic and Functiona...BayCHI
 
UX Unicorns - legend or fable?
UX Unicorns - legend or fable?UX Unicorns - legend or fable?
UX Unicorns - legend or fable?Vanessa Kirby
 
Common Objections to TDD (and their refutations)
Common Objections to TDD (and their refutations)Common Objections to TDD (and their refutations)
Common Objections to TDD (and their refutations)Seb Rose
 

Similar to Zooming User Interfaces: Past, Present and Future (20)

Touchpoint 2012 Symposium on Interaction Design: Notes
Touchpoint 2012 Symposium on Interaction Design: NotesTouchpoint 2012 Symposium on Interaction Design: Notes
Touchpoint 2012 Symposium on Interaction Design: Notes
 
IXDA Chicago - Interaction08 Recap
IXDA Chicago - Interaction08 RecapIXDA Chicago - Interaction08 Recap
IXDA Chicago - Interaction08 Recap
 
Collaboration Across Distributed Environments
Collaboration Across Distributed EnvironmentsCollaboration Across Distributed Environments
Collaboration Across Distributed Environments
 
Artificial Intelligence is back, Deep Learning Networks and Quantum possibili...
Artificial Intelligence is back, Deep Learning Networks and Quantum possibili...Artificial Intelligence is back, Deep Learning Networks and Quantum possibili...
Artificial Intelligence is back, Deep Learning Networks and Quantum possibili...
 
Transitioning to Teaching with Technology
Transitioning to Teaching with TechnologyTransitioning to Teaching with Technology
Transitioning to Teaching with Technology
 
CAMA 2007 Visions of the Future for Contextualized Attention Metadata
CAMA 2007 Visions of the Future for Contextualized Attention MetadataCAMA 2007 Visions of the Future for Contextualized Attention Metadata
CAMA 2007 Visions of the Future for Contextualized Attention Metadata
 
Multimodal Interfaces
Multimodal InterfacesMultimodal Interfaces
Multimodal Interfaces
 
BICS Tech Plan PAC Presentation
BICS Tech Plan PAC PresentationBICS Tech Plan PAC Presentation
BICS Tech Plan PAC Presentation
 
Digital Collaboration SGI 27_09_09
Digital Collaboration SGI 27_09_09Digital Collaboration SGI 27_09_09
Digital Collaboration SGI 27_09_09
 
Ipads in_the_Classroom 2
Ipads in_the_Classroom 2Ipads in_the_Classroom 2
Ipads in_the_Classroom 2
 
If OLPC started today... JSConf.is
If OLPC started today... JSConf.isIf OLPC started today... JSConf.is
If OLPC started today... JSConf.is
 
ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ Jacquez
ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ JacquezASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ Jacquez
ASTD Houston Keynote: The Time to Mobilize Learning is Now! by RJ Jacquez
 
Francisco Inchauste - RIA Mojo - Making your Flex application standout with a...
Francisco Inchauste - RIA Mojo - Making your Flex application standout with a...Francisco Inchauste - RIA Mojo - Making your Flex application standout with a...
Francisco Inchauste - RIA Mojo - Making your Flex application standout with a...
 
Prototypes, Prototypes, Prototypes
Prototypes, Prototypes, PrototypesPrototypes, Prototypes, Prototypes
Prototypes, Prototypes, Prototypes
 
Abou Teaching Girls Technology
Abou Teaching Girls TechnologyAbou Teaching Girls Technology
Abou Teaching Girls Technology
 
Industrial Design Intelligence: Evaluation Supporting Aesthetic and Functiona...
Industrial Design Intelligence: Evaluation Supporting Aesthetic and Functiona...Industrial Design Intelligence: Evaluation Supporting Aesthetic and Functiona...
Industrial Design Intelligence: Evaluation Supporting Aesthetic and Functiona...
 
UX Unicorns - legend or fable?
UX Unicorns - legend or fable?UX Unicorns - legend or fable?
UX Unicorns - legend or fable?
 
Common Objections to TDD (and their refutations)
Common Objections to TDD (and their refutations)Common Objections to TDD (and their refutations)
Common Objections to TDD (and their refutations)
 
E-Learning
E-LearningE-Learning
E-Learning
 
Design Thinking?
Design Thinking?Design Thinking?
Design Thinking?
 

Recently uploaded

WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure serviceWhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure servicePooja Nehwal
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEarley Information Science
 
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...Neo4j
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024The Digital Insurer
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking MenDelhi Call girls
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Enterprise Knowledge
 
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...gurkirankumar98700
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsRoshan Dwivedi
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking MenDelhi Call girls
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Scriptwesley chun
 
[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.pdfhans926745
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Servicegiselly40
 
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxFactors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxKatpro Technologies
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)Gabriella Davis
 
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 slidevu2urc
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls
 

Recently uploaded (20)

WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure serviceWhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
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...
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
[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
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptxFactors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
 
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
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 

Zooming User Interfaces: Past, Present and Future

  • 1. Ben Bederson Human-Computer Interaction Lab Computer Science Dept. UMIACS / iSchool University of Maryland
  • 2. Problem: Show More Than Fits on the screen Solution categories:  Scroll  Multiple pages (tabs, link, search …)  Denser displays (info vis)  Fisheye  Zooming Is always a problem – and worse on small screens
  • 3. Zooming Examples  OS X Expose  iPhone  Google Maps  Adobe Photoshop Theme 1  Are ZUIs a success?  When do / don’t they work? Theme 2  How does innovation work?
  • 4. Some early ZUIs Pad 1993 Pad++ 1994 Pa3D 1993
  • 6. Partial Timeline PadDraw PadPrints PhotoMesa PPTPlex KidPad CounterPoint Prezi Google Pivot Maps ZoomCanvas Space-Scale Diagrams Geometric Scaling SDAZ Semantic Zooming Portals Lenses SVG .NET Pa3D Java2D Sea Dragon Pad Pad++ Jazz Piccolo Cocoa WPF iPhone 92 93 94 95 96 97 98 99 00 01 02 03 04 05 06 07 08 09 10
  • 7.
  • 8. Animated Presentations KidPad - 1997 CounterPoint - 2001 Microsoft PPTPlex - 2008 Prezi - 2009
  • 9. PhotoMesa  First attempt at building polished consumer ZUI  Object-based zooming  Domain-specific navigation  Domain-specific semantic zoom  Auto-layout  Perf tricks  Metadata & search  Mobile version
  • 10.
  • 12. Other Full Screen ZUIs Canvas for OneNote Seadragon (http://zoom.it)
  • 14. What Happened?  “Eye candy” that doesn’t add much  Don’t scale well  Datasets aren’t persistent  Navigation mechanisms difficult  Spatial memory not as good as hoped  2D layouts hard to scan  People don’t know where to zoom  Difficult to author => Instead simple linear structures hierarchical structures geographic systems search
  • 15. More Successful ZUIs Google Maps Wired on iPad
  • 17. Mobile Zooming  New interaction for touch screen  Good for simple transitions – what else? [Karlson, Bederson & SanGiovanni, CHI 2005]
  • 18. Zumobi ZoomCanvas (2009) Zumobi ZoomCanvas Technology
  • 19. ZUI Benefit  Engaging  Feels natural  Improves some task performance  Hurts other tasks  More creative potential  People like overviews  Animation effective  Structured content useful
  • 20. Challenges Too complex  Hard to scale  Hard to design & author  Temporal separation requires STM to integrate multiple views  Spatial memory & spatial navigation limited  Navigation controls non-standard, tricky  Remaining technical challenges
  • 21. What is Innovation? Dictionary:  "A new method, idea, product"  "A creation resulting from study and experimentation"  "The act of starting something for the first time"  "Producing something like nothing done or experienced or created before"
  • 22. "There is nothing new under the sun” -- Ecclesiastes 1:9 Movie themes:  Good vs. Evil  Love conquers all  Individual v. society  Loss of innocence  Man v. nature
  • 23. How Do You Innovate? Bolt from the blue? Ideas when you …  Read the literature  Competitive analysis  Solve real problems  Use available technologies  Consider cost => Innovations happen in a cultural context
  • 24.
  • 27. Apple Newton Palm Pilot 1993 1996
  • 28. Dynabook Apple Newton Palm Pilot 1980’s 1993 1996
  • 29. Dynabook Apple Newton Palm Pilot 1980’s 1993 1996
  • 30. Is Nothing Innovative?  Of course not  The point is that innovation is more subtle than it first appears
  • 31. When is Copying Fair?  Laws give us the societally accepted answer: Fine line between protecting invention  Always... and stopping creative innovation Except when protected by • Copyright (concrete expression) • Trademark (image, logo, short sequence of words) • Trade secret (most things you don't tell others) • Patent (processes, things, designs)
  • 32. Patent Prosecution Prior art Invention
  • 33. Patent Prosecution Prior art Invention
  • 34. Patent Prosecution Prior art Invention
  • 35. Patent Prosecution Prior art Invention Prior art
  • 36. Patent Prosecution Prior art Invention Prior art
  • 37. Questions? Benjamin B. Bederson Computer Science Department Human-Computer Interaction Lab Institute for Advanced Computer Studies University of Maryland www.cs.umd.edu/~bederson @bederson