![Page 1: SIMS 213: User Interface Design & Development Marti Hearst Thur, April 17, 2003](https://reader031.vdocuments.mx/reader031/viewer/2022032201/56649d6c5503460f94a4c305/html5/thumbnails/1.jpg)
SIMS 213: User Interface Design & Development
Marti HearstThur, April 17, 2003
![Page 2: SIMS 213: User Interface Design & Development Marti Hearst Thur, April 17, 2003](https://reader031.vdocuments.mx/reader031/viewer/2022032201/56649d6c5503460f94a4c305/html5/thumbnails/2.jpg)
Today: Alternative Interfaces
Hardware– Small mobile computers– Sensor networks– Tangible interfaces
Software / Systems– Ubiquitous computing– Context-aware computing– Augmented Reality
![Page 3: SIMS 213: User Interface Design & Development Marti Hearst Thur, April 17, 2003](https://reader031.vdocuments.mx/reader031/viewer/2022032201/56649d6c5503460f94a4c305/html5/thumbnails/3.jpg)
PDAs are everywhere!
This is new … the first few attempts failedGary Trudeau lambasted the failed (ahead-of-its-time) Apple Newton
![Page 4: SIMS 213: User Interface Design & Development Marti Hearst Thur, April 17, 2003](https://reader031.vdocuments.mx/reader031/viewer/2022032201/56649d6c5503460f94a4c305/html5/thumbnails/4.jpg)
![Page 5: SIMS 213: User Interface Design & Development Marti Hearst Thur, April 17, 2003](https://reader031.vdocuments.mx/reader031/viewer/2022032201/56649d6c5503460f94a4c305/html5/thumbnails/5.jpg)
![Page 6: SIMS 213: User Interface Design & Development Marti Hearst Thur, April 17, 2003](https://reader031.vdocuments.mx/reader031/viewer/2022032201/56649d6c5503460f94a4c305/html5/thumbnails/6.jpg)
![Page 7: SIMS 213: User Interface Design & Development Marti Hearst Thur, April 17, 2003](https://reader031.vdocuments.mx/reader031/viewer/2022032201/56649d6c5503460f94a4c305/html5/thumbnails/7.jpg)
Bergman & Haitani Reading
What went right with the Pilot?What can we currently not do well on PDAs?– Ping’s Peephole design
![Page 8: SIMS 213: User Interface Design & Development Marti Hearst Thur, April 17, 2003](https://reader031.vdocuments.mx/reader031/viewer/2022032201/56649d6c5503460f94a4c305/html5/thumbnails/8.jpg)
Information Appliances
Main idea:– General purpose computers are too complex– So, create devices that do just one thing well
![Page 9: SIMS 213: User Interface Design & Development Marti Hearst Thur, April 17, 2003](https://reader031.vdocuments.mx/reader031/viewer/2022032201/56649d6c5503460f94a4c305/html5/thumbnails/9.jpg)
Ubiquitous Computing
What are the main ideas in Weiser’s 1991 paper?– The disappearance of technology
• The opposite of virtual reality• More humanizing, more human interaction• More “natural” interaction, less fiddling
– Wireless, interconnected devices• Constant, but unobtrusive, availability• A range of different sizes
– Context-aware behavior• Privacy considerations must be addressed – but no solutions proposed• This work really started several years before 1991. After more than a
decade, we are no closer to dealing with the privacy issues.
![Page 10: SIMS 213: User Interface Design & Development Marti Hearst Thur, April 17, 2003](https://reader031.vdocuments.mx/reader031/viewer/2022032201/56649d6c5503460f94a4c305/html5/thumbnails/10.jpg)
Slide from lecture by Anind Dey
Sensor Networks
Berkeley/Intel sensor motes
![Page 11: SIMS 213: User Interface Design & Development Marti Hearst Thur, April 17, 2003](https://reader031.vdocuments.mx/reader031/viewer/2022032201/56649d6c5503460f94a4c305/html5/thumbnails/11.jpg)
“Context-Aware” Computing
Related to Ubicomp and Mobile ComputingTakes your current environment into account in making decisions– Turns off cell phone when you enter the lecture hall.– When you ask where to go for a meal, notes that it is morning
and you are in Taipei before making a recommendation.– Knows who wrote on the whiteboard so a copy of the ink can
be emailed to the author.– Plays music you like when you enter an empty elevator.– Notifies your doctor when your heart rate goes too high.
![Page 12: SIMS 213: User Interface Design & Development Marti Hearst Thur, April 17, 2003](https://reader031.vdocuments.mx/reader031/viewer/2022032201/56649d6c5503460f94a4c305/html5/thumbnails/12.jpg)
“Context-Aware” Computing
Makes use of different kinds of information– Geographic– Temporal– Social … ?
![Page 13: SIMS 213: User Interface Design & Development Marti Hearst Thur, April 17, 2003](https://reader031.vdocuments.mx/reader031/viewer/2022032201/56649d6c5503460f94a4c305/html5/thumbnails/13.jpg)
Slide from lecture by Prasun Dewan
Location-Aware ComputingMotivation– location-based action
• nearby local printer, doctor• nearby remote phone• directions/maps
– location-based information• real
– person’s location– history/sales/events
• virtual– walkthrough– story of city
• augmented– touring machine
![Page 14: SIMS 213: User Interface Design & Development Marti Hearst Thur, April 17, 2003](https://reader031.vdocuments.mx/reader031/viewer/2022032201/56649d6c5503460f94a4c305/html5/thumbnails/14.jpg)
Slide from lecture by Prasun Dewan
Wearable Pose-Aware Computers
Computers on body– track body relative movements
• monitor person• train person
![Page 15: SIMS 213: User Interface Design & Development Marti Hearst Thur, April 17, 2003](https://reader031.vdocuments.mx/reader031/viewer/2022032201/56649d6c5503460f94a4c305/html5/thumbnails/15.jpg)
Alternative Realities
Virtual Reality creates a completely computer-generated environment.Augmented Reality uses an existing, real-life environment, and adds computer-generated information (virtual objects) thereto. Diminished Reality filters the environment: it alters real objects, replaces them with virtual ones, or renders them imperceptible.Mediated Reality combines Augmented and Diminished Reality. – Definitions by Steve “Cyberman” Mann
![Page 16: SIMS 213: User Interface Design & Development Marti Hearst Thur, April 17, 2003](https://reader031.vdocuments.mx/reader031/viewer/2022032201/56649d6c5503460f94a4c305/html5/thumbnails/16.jpg)
Slide from lecture by Prasun Dewan
“Augmented Reality”
Operations based on locations and orientations of users and devicesCool app: – Point a camera at a sign –
see its translation on the screen.
![Page 17: SIMS 213: User Interface Design & Development Marti Hearst Thur, April 17, 2003](https://reader031.vdocuments.mx/reader031/viewer/2022032201/56649d6c5503460f94a4c305/html5/thumbnails/17.jpg)
Tangible Interfaces
Merge physical with computationalAlso called Phidgets – Physical Widgets– http://www.cpsc.ucalgary.ca/grouplab/phidgets/gallery/gallery.html
Still only an area of exploration, but lots of fun
![Page 18: SIMS 213: User Interface Design & Development Marti Hearst Thur, April 17, 2003](https://reader031.vdocuments.mx/reader031/viewer/2022032201/56649d6c5503460f94a4c305/html5/thumbnails/18.jpg)
Slide from lecture by Jason Hong
metaDESK
![Page 19: SIMS 213: User Interface Design & Development Marti Hearst Thur, April 17, 2003](https://reader031.vdocuments.mx/reader031/viewer/2022032201/56649d6c5503460f94a4c305/html5/thumbnails/19.jpg)
Slide from lecture by Jason Hong
ambientROOM
![Page 20: SIMS 213: User Interface Design & Development Marti Hearst Thur, April 17, 2003](https://reader031.vdocuments.mx/reader031/viewer/2022032201/56649d6c5503460f94a4c305/html5/thumbnails/20.jpg)
Slide from lecture by Jason Hong
Tradeoffs of Physical versus Digital
Bits– represent all symbols– extremely flexible– quick to disseminate– cheap to reproduce– computational power
Physical– direct manipulation– persistent– collaborative– affordances– multimodal
• Bits + Physical => Tangibles?– can we get the best of both worlds? – good physical representations of abstractions?
![Page 21: SIMS 213: User Interface Design & Development Marti Hearst Thur, April 17, 2003](https://reader031.vdocuments.mx/reader031/viewer/2022032201/56649d6c5503460f94a4c305/html5/thumbnails/21.jpg)
Slide from lecture by Anind Dey
Phidgets
![Page 22: SIMS 213: User Interface Design & Development Marti Hearst Thur, April 17, 2003](https://reader031.vdocuments.mx/reader031/viewer/2022032201/56649d6c5503460f94a4c305/html5/thumbnails/22.jpg)
Slide from lecture by Anind Dey
Why Tangible Interfaces?
Lose something when we use a non-tactile, non-material interface
Tradeoffs between human touch and subtlety of expression vs. search for efficiency
Tangibility / physicality: humans reach for, children experience the world through
Some examples, not all leading to experiences, but meant as inspiration and fodder
![Page 23: SIMS 213: User Interface Design & Development Marti Hearst Thur, April 17, 2003](https://reader031.vdocuments.mx/reader031/viewer/2022032201/56649d6c5503460f94a4c305/html5/thumbnails/23.jpg)
Summary
Human-computer interaction is heading in many new directionsWhich ones will become part of our everyday lives?