1. Freedom Trail Wizard Team Name Red Team Members Karen Wei James Mayol
Jianping Zhou

2. Objectives To explain our HCI role
Freedom Trail Wizard
Objectives
To explain our HCI role
To show our design rationale through our work products leading up to the detailed design
To show our work products produced in our detailed design
To explain our usability assessments
To show our façade prototype based on our usability test results
To show that we are ready to proceed to the implementation phase.

3. Objectives To explain our HCI role
Freedom Trail Wizard
Objectives
To explain our HCI role
To show our design rationale through our work products leading up to the detailed design
To show our work products produced in our detailed design
To explain our usability assessments
To show our façade prototype based on our usability test results
To show that we are ready to proceed to the implementation phase.

4. Freedom Trail Wizard
Our HCI Role
To make sure that the total system design takes into consideration user limitations and it is designed so that the tasks are appropriate to the user.
To design a user interface that will provide the user with the necessary information for them to know where they are going and succeed with their tasks.

5. Freedom Trail Wizard Design Road Map Analysis Modeling
Analysis
Modeling
Design High Level
Design Detailed
Design
“As-Is” Narrative
Business Process Model
Business Entity Model
“To-Be” Narrative
Hierarchical Task Model
Activity Diagram
User Concept Model 
User Interface Map
Screen Sketches
Style Guide
Screen Design Detail
Behavior Table
User Information Plan
User Information
Constraints
User Profile
Usability Prioritries-Overall
Usability Priorities
-subsystem
Usability Performance Goals
Usability Measures
Usability Measures – enhanced
Evalua
tion
Model Interviews
Paper Mockup
Usability Test – Mockup
U-Test Report – Mockup
Paper Mockup – enhanced
Façade Prototype
Usabiltiy Test – Facade
U-Test Report – Facade
Service
Vision Storyboard
Product Value Statement
Mind Map
-Blank Screen
Evaluation Storyboard
Promotion(sales) Storyboard Demo

6. Objectives To explain our HCI role
Freedom Trail Wizard
Objectives
To explain our HCI role
To show our design rationale through our work products leading up to the detailed design
To show our work products produced in our detailed design
To explain our usability assessments
To show our façade prototype based on our usability test results
To show that we are ready to proceed to the implementation phase.

7. Work Products before detail design
Freedom Trail Wizard
Work Products before detail design
Product Value Statement
User Profile
Usability Priorities
Usability Performance Goals
User Concept Model
UI Map
Evaluation Storyboards

8. Product Value Statement
Freedom Trail Wizard
Product Value Statement
The Freedom Trail Wizard is here to assist you in making the planning of your tour through the historic city of Boston as easy and painless as possible. Avoid the stresses of organizing a day-long trip and let The Wizard do the organizing for you. The Wizard will give you tips and walk you step by step through the different attractions, events, restaurants, and sites so that you can get the most out of your tour and have it catered to your needs.  The Wizard will work to make your day a memorable, educational and enjoyable one!

9. Work Products Freedom Trail Wizard Product Value Statement
User Profile
Usability Priorities
Usability Performance Goals
User Concept Model
UI Map
Evaluation Storyboards

10. Freedom Trail Wizard User Profile 1 User Name: Homer
 User Role: To organize a trip for the family through Boston’s Freedom Trail
  Age: Adult
 Sex: M/F (example is Male but could be either)
 Education: Some college
 Domain knowledge: General knowledge of Boston and its history.
 Computer skills: Checks , basic web user.
 Skills Benchmarks:
Easy task:
  Domain: Take the T into the city
  Computer: Use Microsoft Word
 Very difficult task:
  Domain: Know what T stop takes you to the Old North Church
  Computer: Add a chart or table to a word document
 Slightly impossible task:
  Domain: Know which stops to take for all the different historical sites in Boston.
  Computer: Create a word macro

11. Work Products Freedom Trail Wizard Product Value Statement
User Profile
Usability Priorities
Usability Performance Goals
User Concept Model
UI Map
Evaluation Storyboards

12. Freedom Trail Wizard Usability Priorities Freedom Trail Wizard
Usability Attributes
Group Voting
Avg. Points
Rating
Understandable 7 8 9
High
Learnable 6
Memorable 2 1
Low
Flexible 3 4
Efficient 5
Middle
Automated
Robust
Pleasing

13. Work Products Freedom Trail Wizard Product Value Statement
User Profile
Usability Priorities
Usability Performance Goals
User Concept Model
UI Map
Evaluation Storyboards

14. Usability Performance Goals 1
Freedom Trail Wizard
Usability Performance Goals 1
Understandable:
After seeing the main page the user should understand the system is a wizard-like device, and should not have the need to use the help button to explain the screens more than once.
Best Possible: The user never uses the help button
Expected: The user will use the help button once
Worse Acceptable: The user uses the help button twice

15. Usability Performance Goals 2
Freedom Trail Wizard
Usability Performance Goals 2
Learnable:
The user should be able to get from screen to screen on an average of 1 minute.
Best Possible: The user will get from screen to screen in a 30 seconds on average
Expected: The user takes about 1 minute for each screen
Worse Acceptable: The user takes about 2 minutes to get from screen to screen

16. Usability Performance Goals 3
Freedom Trail Wizard
Usability Performance Goals 3
Pleasing:
Given a survey at the end of their experience, at least 80% of users should say they had a satisfying experience.
Best Possible: 95% of users say they were satisfied
Expected: at least 80% of users say they were satisfied
Worse Acceptable: 70% of users say they were satisfied

17. Work Products Freedom Trail Wizard Product Value Statement
User Profile
Usability Priorities
Usability Performance Goals
User Concept Model
UI Map
Evaluation Storyboards

18. User Concept Model Freedom Trail Wizard
Information on events and nightlife
Group Itinerary
Database
Group information and interests
Display Information

19. Work Products Freedom Trail Wizard Product Value Statement
User Profile
Usability Priorities
Usability Performance Goals
User Concept Model
UI Map
Evaluation Storyboards

20. Freedom Trail Wizard
UI Map1

21. Freedom Trail Wizard
UI Map2

22. Work Products Freedom Trail Wizard Product Value Statement
User Profile
Usability Priorities
Usability Performance Goals
User Concept Model
UI Map
Evaluation Storyboards

23. Evaluation Storyboard – Group Interests
Freedom Trail Wizard
Evaluation Storyboard – Group Interests

24. Evaluation Storyboard - Tours
Freedom Trail Wizard
Evaluation Storyboard - Tours

25. Evaluation Storyboard – Finalize Itinerary
Freedom Trail Wizard
Evaluation Storyboard – Finalize Itinerary

26. Objectives To explain our HCI role
Freedom Trail Wizard
Objectives
To explain our HCI role
To show our design rationale through our work products leading up to the detailed design
To show our work products produced in our detailed design
To explain our usability assessments
To show our façade prototype based on our usability test results
To show that we are ready to proceed to the implementation phase.

27. Detailed Design Work Products
Freedom Trail Wizard
Detailed Design Work Products
Style Guide
Screen Design Detail
Behavior Table
Usability Measures
User Information Plan
User Information
Usability Test Report
Paper Mockup
Test Script and Test Results
Façade Prototype
Sales Storyboard

28. Style Guide Freedom Trail Wizard
Purpose: To specify the look and feel that is appropriate for our platform and how the screen space is to be allocated
Some Topics Covered:
Placement of buttons and button alignment
Margin widths
Font sizes and colors
Etc….
Reference:  
Susan Weinschenk, Pamela Jamar, Shara C. Yeo, GUI Design Essential, Wiley Computer Publishing, 1997

29. Detailed Design Work Products
Freedom Trail Wizard
Detailed Design Work Products
Style Guide
Screen Design Detail
Behavior Table
Usability Measures
User Information Plan
User Information
Usability Test Report
Paper Mockup
Test Script and Test Results
Façade Prototype
Sales Storyboard

30. Screen Sketches Detailed
Freedom Trail Wizard
Screen Sketches Detailed

31. Screen Sketches Detailed (cont…)
Freedom Trail Wizard
Screen Sketches Detailed (cont…)

32. Screen Sketches Detailed (cont…)
Freedom Trail Wizard
Screen Sketches Detailed (cont…)

33. Screen Sketches Detailed (cont…)
Freedom Trail Wizard
Screen Sketches Detailed (cont…)

34. Screen Sketches Detailed (cont…)
Freedom Trail Wizard
Screen Sketches Detailed (cont…)

35. Detailed Design Work Products
Freedom Trail Wizard
Detailed Design Work Products
Style Guide
Screen Design Detail
Behavior Table
Usability Measures
User Information Plan
User Information
Usability Test Report
Paper Mockup
Test Script and Test Results
Façade Prototype
Sales Storyboard

36. Behavior Table Freedom Trail Wizard
Purpose: To document the information type for each element in the user interface to hand off to the developers.

37. Detailed Design Work Products
Freedom Trail Wizard
Detailed Design Work Products
Style Guide
Screen Design Detail
Behavior Table
Usability Measures
User Information Plan
User Information
Usability Test Report
Paper Mockup
Test Script and Test Results
Façade Prototype
Sales Storyboard

38. Usability Measures Freedom Trail Wizard
Understandable: In the usability lab as the users move through the system, we will ask them a set of 10 questions relating to where certain actions will take them in the system and what certain buttons will do to test their understandability of the system. And they will be able to answer at least 8 out of the 10. For example, ask the user what screen certain buttons will take them to. Or ask the user how they view their itinerary. Or if they push this “Close” button, what screen will they be taken to. Or if they press the button labeled with a site name, what information will be displayed.

39. Usability Measures (cont…)
Freedom Trail Wizard
Usability Measures (cont…)
Learnable: In the usability lab, when given a certain mission to add a particular site to the agenda, the user will be able to do it within 2 –3 minutes. For example, tell them to go into the system and add the North Church to the agenda.
Pleasing: After the users have used the system, we will ask them if they liked the Freedom Trail Wizard. If they will be willing to use it again and if they were pleased and satisfied with their overall experience.

40. Detailed Design Work Products
Freedom Trail Wizard
Detailed Design Work Products
Style Guide
Screen Design Detail
Behavior Table
Usability Measures
User Information Plan
User Information
Usability Test Report
Paper Mockup
Test Script and Test Results
Façade Prototype
Sales Storyboard

41. User Information Plan Freedom Trail Wizard
Purpose: This covers the structure and organization of information presented to the user. It ties information architecture to user performance

42. Detailed Design Work Products
Freedom Trail Wizard
Detailed Design Work Products
Style Guide
Screen Design Detail
Behavior Table
Usability Measures
User Information Plan
User Information
Usability Test Report
Paper Mockup
Test Script and Test Results
Façade Prototype
Sales Storyboard

43. User Information Freedom Trail Wizard
Purpose: How we plan to guide users through our system when they need assistance.

44. Objectives To explain our HCI role
Freedom Trail Wizard
Objectives
To explain our HCI role
To show our design rationale through our work products leading up to the detailed design
To show our work products produced in our detailed design
To explain our usability assessments
To show our façade prototype based on our usability test results
To show that we are ready to proceed to the implementation phase.

45. Detailed Design Work Products
Freedom Trail Wizard
Detailed Design Work Products
Style Guide
Screen Design Detail
Behavior Table
Usability Measures
User Information Plan
User Information
Usability Test Report
Paper Mockup
Test Script and Test Results
Façade Prototype
Sales Storyboard

46. Usability Test Report Freedom Trail Wizard
Purpose: To test and get feedback from users on the usability of the system
STEPS TAKEN:
Created a paper prototype out of screen sketches
Put together a test script based on the Hierarchical Task Model
Tested several users and gathered the results
Interpreted the results against the usability measures and usability performance goals

47. Test Script Freedom Trail Wizard Task A: Free Exploration
Task B: Enter group information for the Simpson family; Homer & Marge (between 30 and 50 years old), Bart (9 years old), Lisa (7 years old), and Maggie (1 year old). They are interested in visiting historical sites, and getting something to eat. This is an educational, family trip.
Task C: View information about the Boston Common and the Old North Church
Add it to the itinerary
Task D: View the current Itinerary
Task E: Find seafood restaurants that offer entrées for over $20
Task F: View information about Legal Sea Foods, and Add to the itinerary   
Task G: View the final itinerary, and finish the session
Task H: Free Report

48. Test Results Freedom Trail Wizard Results on the usability measures:
Results on the usability measures:
The test results for our project have been very positive and informative.
We have collected very useful information, which contains suggestions
from our test users. Some of our users thought that if you make your choices
and hit the “Next” button the system would automatically update the itinerary.
They wanted us to be more specific about the functionality of the “Add/Update Itinerary” button.   Our usability measures; learnable, understandable, and pleasing resulted as follow:
+ Learnable: on average the users answered 9.8 out of 10 questions correctly.
+ Understandable: on average the users were able to add a site to their itinerary
in approximately 1 minute and 15 seconds.
+ Pleasing: All of our users were satisfied with the overall system, and would
use it again

49. Test Results (cont…) Freedom Trail Wizard
Interpretation in terms of the usability performance goals The usability performance goals for our project resulted in what we had expected, and some exceeded our expectations. 
Our usability performance goals; learnable, understandable, and pleasing resulted as follow:
+ Learnable: none of the users used the help button once. This result exceeded our expectations of using the help button once.
+ Understandable: on average our users went from screen to screen in about 37 seconds. This result is slightly better than we had expected (our expectation was 1 minute from screen to screen).
+ Pleasing: 100% were satisfied with the overall presentation of the system, which is better than we had expected (our expectations were 80% of user satisfaction). Some did give us suggestions about the how we could improve the system but the general feeling was that they found the system helpful and would use it again.

50. Changes made before User Test Results
Freedom Trail Wizard
Changes made before User Test Results
This button was moved to the bottom of the screen
To be consistent, the button to get more information was changed to be labeled with the text instead of the image
This button was changed to say “More Sites” to be more descriptive
This button was removed

51. Changes made after User Test Results
Freedom Trail Wizard
Changes made after User Test Results

52. Objectives To explain our HCI role
Freedom Trail Wizard
Objectives
To explain our HCI role
To show our design rationale through our work products leading up to the detailed design
To show our work products produced in our detailed design
To explain our usability assessments
To show our façade prototype based on our usability test results
To show that we are ready to proceed to the implementation phase.

53. Detailed Design Work Products
Freedom Trail Wizard
Detailed Design Work Products
Style Guide
Screen Design Detail
Behavior Table
Usability Measures
User Information Plan
User Information
Usability Test Report
Paper Mockup
Test Script and Test Results
Facade Prototype
Sales Storyboard

54. Detailed Design Work Products
Freedom Trail Wizard
Detailed Design Work Products
Style Guide
Screen Design Detail
Behavior Table
Usability Measures
User Information Plan
User Information
Usability Test Report
Paper Mockup
Test Script and Test Results
Facade Prototype
Sales Storyboard

55. Objectives To explain our HCI role
Freedom Trail Wizard
Objectives
To explain our HCI role
To show our design rationale through our work products leading up to the detailed design
To show our work products produced in our detailed design
To explain our usability assessments
To show our façade prototype based on our usability test results
To show that we are ready to proceed to the implementation phase.

56. Comments and Questions ?
Freedom Trail Wizard
Comments and Questions ?