Computer Science 160 Group 5 Scott Carter, Chuck Moidel, Leila Takayama, Kevin Wang Tuesday,...

Preview:

Citation preview

Computer Science 160

Group 5Scott Carter, Chuck Moidel, Leila Takayama, Kevin Wang

Tuesday, December 4, 2001

Overview

The Problem The iCurator Solution The Three User Tasks Demonstration Design Evolution Final iCurator User Interface Summary Question / Answer Session

The Problem

Lack of available information Lack of personal interaction Lack of multimedia content Hard to bring the museum home

The Solution

The iCurator is a Multimedia Application that: Is Easy to Use Supports Interactivity Provides Contextual Awareness Contains A Wealth of Information Allows Mobility

Task One

Features used… iCurator search function iCurator map and navigation Support for physical navigation through museum

Find artwork entitled “Number 6” by Jackson Pollock in the museum

Locate piece and approach it Find more information about “Number 6”

Task Two

Features used… iCurator articles and hyperlinks iCurator map and navigation Support for physical navigation through the museum Image details and artwork interaction

Find artwork related to the artwork “Number 6” Locate and approach the related artwork, “The Prey” by

Hans Hoffman in the Berkeley Art Museum

Task Three

Features used… iCurator articles about the artworks iCurator email function

Read the article regarding “The Prey” E-mail the article to yourself

Design Evolution

- Branded iCurator name on top left corner- Made Help function more visible- Indicated location in top right corner- Made instructions more visible- Labeled floors on the map- Ordered content of bottom tool bar- Added more descriptive link names- Added E-mail confirmation screen.

Changes made based upon Low Fidelity User Testing

Design Evolution

- Enlarged maps and clickable regions- Added help message for keyboard use- Introduction screen added- Easier access to tutorial- Implemented back button functionality- Presented directions step by step- Underlined and enlarged links- Made link names more consistent- Returned users to article after emailing- Put “related artwork” link in article.

Changes made based upon High Fidelity User Testing

Design Evolution

- Added foreign language option- Reorganized bottom tool bar

- Map and home separated- Moved back button

- Added “@” to the email composition page- Email confirmation page confirms address- Email button on toolbar allows composition- Added instruction to “click on picture for

more detail”- Moved “email this article” button and added

more explicit instructions.

Changes made based upon Heuristic Evaluation

The Final UI

What does it do? iCurator supports…- Interactive browsing of artwork information- Physical navigation through the museum- E-mail notes or articles to yourself or friends- Contextual awareness

The Final UI

How does it work?- Designed for Pocket PC running Pocket IE- Implemented a full-screen browser application - Two versions of the iCurator were created

- Flash 4 version runs on Microsoft Pocket PC- Handheld support for Flash 5 will be forthcoming- Flash 5 version supports more robust features

The Final UI

What is missing?- Scroll bar functionality- Content

- Audio/Video- Articles

- Internet connectivity- Bar codes scanning was

Wizard of Oz’ed

Summary

Design Evolution Future Work

More Robust Contextual Awareness Sketching and Online Component

Recommended