1 / 56

Freedom Trail Wizard

Freedom Trail Wizard. Team Name Red Team Members Karen Wei James Mayol Jianping Zhou. Objectives. Freedom Trail Wizard. To explain our HCI role To show our design rationale through our work products leading up to the detailed design

candide
Download Presentation

Freedom Trail Wizard

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. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

  2. Objectives Freedom Trail Wizard • 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 Freedom Trail Wizard • 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. Analysis Modeling Design High Level Design Detailed Freedom Trail Wizard 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 Paper Mockup -Blank Screen EvaluationStoryboard Promotion(sales) Storyboard Demo Design Road Map

  6. Objectives Freedom Trail Wizard • 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 • Product Value Statement • User Profile • Usability Priorities • Usability Performance Goals • User Concept Model • UI Map • Evaluation Storyboards

  8. 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 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

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

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

  14. 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. 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. 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. Freedom Trail Wizard Display Information Database User Concept Model Information on events and nightlife Group Itinerary Group information and interests

  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. Freedom Trail Wizard Evaluation Storyboard – Group Interests

  24. Freedom Trail Wizard Evaluation Storyboard - Tours

  25. Freedom Trail Wizard Evaluation Storyboard – Finalize Itinerary

  26. Objectives Freedom Trail Wizard • 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. 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. Freedom Trail Wizard Style Guide • 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. 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. Freedom Trail Wizard Screen Sketches Detailed

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

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

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

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

  35. 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. Freedom Trail Wizard Behavior Table Purpose: To document the information type for each element in the user interface to hand off to the developers.

  37. 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. Freedom Trail Wizard Usability Measures 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. 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. 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. Freedom Trail Wizard User Information Plan Purpose: This covers the structure and organization of information presented to the user. It ties information architecture to user performance

  42. 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. Freedom Trail Wizard User Information Purpose: How we plan to guide users through our system when they need assistance.

  44. Objectives Freedom Trail Wizard • 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. 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. Freedom Trail Wizard Usability Test Report • 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. Freedom Trail Wizard Test Script 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. 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 Freedom Trail Wizard Test Results

  49. Freedom Trail Wizard Test Results (cont…) 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 thegeneral feeling was that they found the system helpful and would use it again.

  50. 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

More Related