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

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.

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.

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.

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  

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.

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  

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!

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

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 e-mail, 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

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

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

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

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  

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

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

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

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

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

Freedom Trail Wizard UI Map1

Freedom Trail Wizard UI Map2

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

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

Evaluation Storyboard - Tours Freedom Trail Wizard Evaluation Storyboard - Tours

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

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.

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  

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

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  

Screen Sketches Detailed Freedom Trail Wizard Screen Sketches Detailed

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

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

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

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

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  

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

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  

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.

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.

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  

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

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  

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

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.

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  

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

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

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

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.

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

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

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.

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  

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  

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.

Comments and Questions ? Freedom Trail Wizard Comments and Questions ?