Ben BedersonHuman-Computer Interaction Lab       Computer Science Dept.            UMIACS / iSchool        University of M...
Problem: Show More Than Fits                                            on the screenSolution categories: Scroll Multipl...
Zooming Examples   OS X Expose   iPhone   Google Maps   Adobe PhotoshopTheme 1 Are ZUIs a success? When do / don’t t...
Some early ZUIs  Pad 1993                              Pad++ 1994                  Pa3D 1993
Pad++ (1997 Video)
Partial Timeline         PadDraw       PadPrints PhotoMesa           PPTPlex                            KidPad CounterPoin...
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    Dom...
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 mechan...
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 & SanGiovan...
Zumobi ZoomCanvas (2009)  Zumobi ZoomCanvas Technology
ZUI Benefit Engaging Feels natural Improves some task performance Hurts other tasks More creative potential People l...
Challenges                                  Too complex Hard to scale Hard to design & author Temporal separation requi...
What is Innovation?Dictionary: "A new method, idea, product" "A creation resulting from study and experimentation" "The...
"There is nothing new under the sun”                          -- Ecclesiastes 1:9Movie themes: Good vs. Evil Love conque...
How Do You Innovate?Bolt from the blue? Ideas when you … Read the literature Competitive analysis Solve real problems ...
Ad Campaign2001
Palm Pilot1996
Apple Newton   Palm Pilot1993           1996
Dynabook   Apple Newton   Palm Pilot1980’s     1993           1996
Dynabook   Apple Newton   Palm Pilot1980’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 st...
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. BedersonComputer Science DepartmentHuman-Computer Interaction LabInstitute for Advanced Computer Stu...
Promise of Zoomable User Interfaces
Promise of Zoomable User Interfaces
Promise of Zoomable User Interfaces
Upcoming SlideShare
Loading in …5
×

Promise of Zoomable User Interfaces

2,287 views

Published on

Talk Nov 2012 for World Usability Day in Minsk, Belarus.

Published in: Technology

Promise of Zoomable User Interfaces

  1. 1. Ben BedersonHuman-Computer Interaction Lab Computer Science Dept. UMIACS / iSchool University of Maryland
  2. 2. Problem: Show More Than Fits on the screenSolution categories: Scroll Multiple pages (tabs, link, search …) Denser displays (info vis)  Fisheye  ZoomingIs always a problem – and worse on small screens
  3. 3. Zooming Examples OS X Expose iPhone Google Maps Adobe PhotoshopTheme 1 Are ZUIs a success? When do / don’t they work?Theme 2 How does innovation work?
  4. 4. Some early ZUIs Pad 1993 Pad++ 1994 Pa3D 1993
  5. 5. Pad++ (1997 Video)
  6. 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. 7. Animated Presentations KidPad - 1997 CounterPoint - 2001 Microsoft PPTPlex - 2008 Prezi - 2009
  8. 8. 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
  9. 9. iPhoto & Picasa
  10. 10. Other Full Screen ZUIs Canvas for OneNote Seadragon (http://zoom.it)
  11. 11. Problems …
  12. 12. 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
  13. 13. More Successful ZUIs Google Maps Wired on iPad
  14. 14. Wired Magazine on iPad
  15. 15. Mobile Zooming  New interaction for touch screen  Good for simple transitions – what else?[Karlson, Bederson & SanGiovanni, CHI 2005]
  16. 16. Zumobi ZoomCanvas (2009) Zumobi ZoomCanvas Technology
  17. 17. ZUI Benefit Engaging Feels natural Improves some task performance Hurts other tasks More creative potential People like overviews Animation effective Structured content useful
  18. 18. 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
  19. 19. 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"
  20. 20. "There is nothing new under the sun” -- Ecclesiastes 1:9Movie themes: Good vs. Evil Love conquers all Individual v. society Loss of innocence Man v. nature
  21. 21. 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
  22. 22. Ad Campaign2001
  23. 23. Palm Pilot1996
  24. 24. Apple Newton Palm Pilot1993 1996
  25. 25. Dynabook Apple Newton Palm Pilot1980’s 1993 1996
  26. 26. Dynabook Apple Newton Palm Pilot1980’s 1993 1996
  27. 27. Is Nothing Innovative? Of course not The point is that innovation is more subtle than it first appears
  28. 28. When is Copying Fair? Laws give us the societally accepted answer:Fine line between protecting invention Always...and stopping creative innovationExcept when protected by • Copyright (concrete expression) • Trademark (image, logo, short sequence of words) • Trade secret (most things you dont tell others) • Patent (processes, things, designs)
  29. 29. Patent Prosecution Prior art Invention
  30. 30. Patent Prosecution Prior art Invention
  31. 31. Patent Prosecution Prior art Invention
  32. 32. Patent Prosecution Prior art Invention Prior art
  33. 33. Patent Prosecution Prior art Invention Prior art
  34. 34. Questions?Benjamin B. BedersonComputer Science DepartmentHuman-Computer Interaction LabInstitute for Advanced Computer StudiesUniversity of Maryland www.cs.umd.edu/~bederson @bederson

×