I213 user interface design development l.jpg
This presentation is the property of its rightful owner.
Sponsored Links
1 / 20

i213: User Interface Design & Development PowerPoint PPT Presentation


  • 148 Views
  • Uploaded on
  • Presentation posted in: General

i213: User Interface Design & Development. Marti Hearst Tues, April 19, 2007. Hardware Small mobile computers Sensor networks Tangible interfaces. Software / Systems Ubiquitous computing Context-aware computing Augmented Reality. Today: Alternative Interfaces. PDAs are everywhere!.

Download Presentation

i213: User Interface Design & Development

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


I213 user interface design development l.jpg

i213: User Interface Design & Development

Marti Hearst

Tues, April 19, 2007


Today alternative interfaces l.jpg

Hardware

Small mobile computers

Sensor networks

Tangible interfaces

Software / Systems

Ubiquitous computing

Context-aware computing

Augmented Reality

Today: Alternative Interfaces


Pdas are everywhere l.jpg

PDAs are everywhere!

  • This is new … the first few attempts failed

  • Gary Trudeau lambasted the failed (ahead-of-its-time) Apple Newton (introduced 1993; Palm introduced 1996)


Bergman haitani reading l.jpg

Bergman & Haitani Reading

  • What assumptions did the Pilot designers change?

  • What went right with the Pilot?

  • What can we currently not do well on PDAs?


Innovative pda based interfaces l.jpg

Innovative PDA-based Interfaces

  • Ping Yee’s Peephole displays

    • http://www.ischool.berkeley.edu/~ping/peep/

  • Baudisch and Rosenholtz, Halo: A Technique for Visualizing Off-Screen Locations

    • http://www.patrickbaudisch.com/projects/halo/index.html

  • Datelens Fisheye Calendar

    • http://www.cs.umd.edu/hcil/datelens/


  • Ubiquitous computing l.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 not much closer to dealing with the privacy issues but at least now there is a lot of interest in the topic.


    Sensor networks l.jpg

    Sensor Networks

    • Berkeley/Intel sensor motes

    Slide from lecture by Anind Dey


    Context aware computing l.jpg

    “Context-Aware” Computing

    • Related to Ubicomp and Mobile Computing

    • Takes 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.


    Context aware computing11 l.jpg

    “Context-Aware” Computing

    • Makes use of different kinds of information

      • Geographic

      • Temporal

      • Social … ?


    Location aware computing l.jpg

    Location-Aware Computing

    • Motivation

      • 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

    Slide from lecture by Prasun Dewan


    Wearable pose aware computers l.jpg

    Wearable Pose-Aware Computers

    • Computers on body

      • track body relative movements

        • monitor person

        • train person

    Slide from lecture by Prasun Dewan


    Alternative realities l.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


    Augmented reality l.jpg

    “Augmented Reality”

    • Operations based on locations and orientations of users and devices

    • Cool app:

      • Point a camera at a sign – see its translation on the screen.

    Slide from lecture by Prasun Dewan


    Why tangible interfaces l.jpg

    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

    Slide from lecture by Anind Dey


    Tangible interfaces l.jpg

    Tangible Interfaces

    • Merge physical with computational

    • Also called Phidgets

      • Physical Widgets

      • http://www.cpsc.ucalgary.ca/grouplab/phidgets/gallery/gallery.html

    • Getting closer to real applications


    Metadesk l.jpg

    metaDESK

    http://tangible.media.mit.edu/projects/metadesk/

    Slide from lecture by Jason Hong


    Tradeoffs of physical versus digital l.jpg

    Bits

    represent all symbols

    extremely flexible

    quick to disseminate

    cheap to reproduce

    computational power

    Physical

    direct manipulation

    persistent

    collaborative

    affordances

    multimodal

    Tradeoffs of Physical versus Digital

    • Bits + Physical => Tangibles?

      • can we get the best of both worlds?

      • good physical representations of abstractions?

    Slide from lecture by Jason Hong


    In summary l.jpg

    In Summary

    • Human-computer interaction is heading in many exciting, new directions.

    • Which ones will become part of our everyday lives?


  • Login