Interactive Project Prototype

1

• Interactive Project Prototype 3
• Tony Wong
• Nima Oreizy
• Kuan Kou
• Mary Wang
• Vinod Yegneswaran

2
Overview

• Overall Problem
• Representative Tasks
• Design Evolution
• UI Description
• Prototype Demo
• Unimplemented Features
• Summary

3
Overall Problem

• Current chat programs are inadequate
• Communication is limited to ASCII text.
• Ported from existing desktop PC applications

4
Solution

• Ink Chat
• Intuitively mimics the functionality of a pen
  using the stylus
• Designed with the Palm OS PDA in mind

5
Representative Tasks

• Simple Task
• Send a message
• Moderate Task
• Chat with two people and give them directions to
  a concert hall by drawing a map.
• Difficult Task
• Design a birthday card with the help of some
  friends
• Invite the person you are giving the card to
• Sign and deliver the card

6
Sub-tasks

• Selecting users to chat with
• Searching for users
• Navigating the chat room

7
Design Evolution

• Task Selecting users for chat
• Lo-Fi Select users with checkboxes across
  different screens. Finish by tapping Chat.

8
Design Evolution

• Task Selecting users for chat
• Lo-Fi Select users with checkboxes across
  different screens. Finish by tapping Chat.
• VB Tapping on user adds them to a common
  Selected list. Finish by tapping Chat.

9
Design Evolution

• Task Selecting users for chat
• Lo-Fi Select users with checkboxes across
  different screens. Finish by tapping Chat.
• VB Tapping on user adds them to a common
  Selected list. Finish by tapping Chat.
• Palm Function-based model. Tap Chat then
  select people from your Contact List

10
Design Evolution

• Task Selecting users for chat
• Lo-Fi Select users with checkboxes across
  different screens. Finish by tapping Chat.
• VB Tapping on user adds them to a common
  Selected list. Finish by tapping Chat.
• Palm Function-based model. Tap Chat then
  select people from your Contact List

11
Design Evolution

• Task Search
• Lo-Fi Fill out a search form with multiple
  fields. Results are displayed in a separate
  dialog.

12
Design Evolution

• Task Search
• Lo-Fi Fill out a search form with multiple
  fields. Results are displayed in a separate
  dialog.

13
Design Evolution

• Task Search
• Lo-Fi Fill out a search form with multiple
  fields. Results are displayed in a separate
  dialog.
• VB Replaced the radio buttons with a Show
  Available Users button and gave the chat rooms
  its own tab.

14
Design Evolution

• Task Search
• Lo-Fi Fill out a search form with multiple
  fields. Results are displayed in a separate
  dialog.
• VB Replaced the radio buttons with a Show
  Available Users button and gave the chat rooms
  its own tab.

15
Design Evolution

• Task Search
• Lo-Fi Fill out a search form with multiple
  fields. Results are displayed in a separate
  dialog.
• VB Replaced the radio buttons with a Show
  Available Users button and gave the chat rooms
  its own tab.
• Palm Single field search with results displayed
  on same screen. Rejected chat room and
  Available Users lists.

16
Design Evolution

• Task Navigation in the Chat Screen
• Lo-Fi Console and Message Authoring panels

17
Design Evolution

• Task Navigation in the Chat Screen
• Lo-Fi Console and Message Authoring panels
• VB Renamed buttons and added Menu and
  Invite features

18
Design Evolution

• Task Navigation in the Chat Screen
• Lo-Fi Console and Message Authoring panels
• VB Renamed buttons and added Menu and
  Invite features
• Palm Moved Menu feature to the Palm devices
  silkscreen button, renamed buttons, used thicker
  line to clearly identify authoring area

19
UI Description and Demo

• Walk-through application
• Show representative tasks along the way

20
Unimplemented

• Network communication
• Chat room maximize/minimize
• Message authoring areas not persistent
• Message authoring Undo
• Cropping messages in chat room when appending to
  console

21
Summary

• Overall Problem
• Representative Tasks
• Design Evolution
• UI Description
• Prototype Demo
• Unimplemented Features