Blank label3 may2010-final


Published on

Published in: Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Blank label3 may2010-final

  1. 1. 1<br />Blank-Label.comUsability Test Results <br />Presented by <br />Alicia Flanders <br />Christine Danko <br />Jessica Holt<br />Whitney Gordon <br />
  2. 2. 2<br />Table of Contents<br />Executive Summary<br />Study Introduction<br />Background<br />Goals and Test Activities<br />Methodology<br />Demographics<br />Findings<br />High Level Likes<br />High Level Dislikes<br />Performance<br />Credibility<br />Navigation<br />Customization<br />Getting the Fit Right<br />Review Order<br />Appendix A Graphs<br />Appendix B Design Recommendations<br />
  3. 3. 3<br />Executive Summary<br />A usability study of explored site credibility and features as they related to usability and business goals<br />Key findings included: <br />Features to improve credibility <br />Inconsistent navigation<br />Issues selecting fabrics and monograms<br />Lack of confidence with size selection <br />Review Order screen is unclear and incomplete<br />7/8 participants would recommend the site to a friend<br />
  4. 4. 4<br />Background<br />Blank-Label<br />A startup founded by Bentley students<br />Sells customized men's shirts online<br />Targets ages18-38<br />Features <br />customization wizard<br />displays choices immediately<br />keeps an ongoing tally of cost<br />
  5. 5. 5<br />Goals and Test Activities<br />
  6. 6. 6<br />Methodology<br />Online Screener<br />Credibility questionnaire<br />Post test questionnaire<br />8 moderated sessions - 4 in Bentley DUC<br /> Tech Smith Morae<br /> - 4 remote<br /> Go-To-Meeting<br />- Think Aloud Protocol<br />Home page preference<br />Home page review <br />and exploration<br />
  7. 7. Severity Ratings<br />High – Usability: Prevents task completion. Business: interferes with the realization of a business goal.<br />Medium – Usability: Causes confusion and hesitation when performing a task. Business: compromises the realization of a business goal. Low – Cosmetic issue which distracts or temporarily confuses users.<br />Testing Process Overview<br />7<br />
  8. 8. 8<br />Participant Demographics<br />Participants were evenly distributed within the 24-49 age range <br />90% shopped online in the last 30 days<br />70% were IT/Software and Electronics professionals<br />90% had advanced computer skills<br />
  9. 9. 9<br />High Level Likes<br />Concept of custom designing a shirt<br />Seeing selections in real time<br />Clean, uncluttered design<br />Prominent links to articles about the company<br />Connections to social networking sites<br />
  10. 10. 10<br />High Level Dislikes<br />“Say Hi” label <br />Homepage models<br />Bright red feedback button “that follows you”<br />Cartoonish appearance of cash register<br />
  11. 11. 11<br />Performance 97% Success*<br />*Margin of error for larger populations with a 90% confidence level is .88% success rate.<br />
  12. 12. 12<br />Issue: 40% Bounce Rate<br />They <br />come and they leave…<br /> Why?<br />How can we find out? <br /><ul><li> Home page review
  13. 13. Home page exploration
  14. 14. Credibility questionnaire</li></li></ul><li>13<br />Home Page Review and Exploration<br />Positives<br />8/8 recognized site’s purpose<br />7/8 would be comfortable using credit card<br />Interesting, curious, like visual layout and logo<br />Negatives<br />1/8 noted the Perfect Shirt Guarantee<br />2/8 noted the props<br />No phone number on the home page<br />Contact tab is called “Say Hi”; many missed it<br />Return Terms and Privacy Policy are under the fold<br />
  15. 15. 14<br />Credibility<br />Credibility questions* received 3.5 or higher ratings on a scale of 1-5<br />7/8 would be comfortable using credit card on the site<br />Credibility ratings do not vary significantly by age<br />* Credibility questionnaire was based Fogg, BJ, 1999. The Elements of Computer Credibility. Proceedings of SIG CHI Conference.<br />
  16. 16. 15<br />Home Page Preference<br />Majority preferred avant-garde theme which supports current design<br />Features noted <br />visible phone number<br />focus on clothes not guys<br />order tracker and customer service visible<br />Preference had no impact on site credibility ratings<br />66%<br />33%<br />
  17. 17. 16<br />Issue: Bounce Rate Recommendations<br />Severity: High, relevant to business goal of reducing bounce rate<br />Raise prominence of<br />Perfect Shirt Guarantee<br />Return and Privacy Policies<br />Provide a phone number<br />Change “Say Hi” label to “Contact”<br />
  18. 18. 17<br />Issue: Navigation<br />Business Goals: <br />Create an enjoyable shopping experience<br /> Increase conversion ratefrom 1.5 to 2.5%<br />Graph: Answers reflect initial impressions prior to task completion.<br />
  19. 19. 18<br />Issue: Navigation<br />Problem: Inconsistent global navigation throughout the site Severity: Usability Medium<br />Masthead navigation appears only on Home page. Customization and Review Order screen have unique navigation.<br />Recommendation: Provide consistent global navigation throughout the site. Align navigation in the customization and review order sections with other site navigation.<br />Current Screens<br />Recommendations<br />
  20. 20. 19<br />Issue: Navigation <br />Problem:Back button causes duplicate order<br />Severity: Usability High<br />When users clicked the browser’s back button from Review Order <br />screen, a duplicate order is <br />added in error. <br />Recommendation: Ensure extra <br />items are not added by having a <br />site cookie that holds the <br />order number from the Review <br />Order screen. Add a specific call <br />to action to add another <br />duplicate shirt.<br />Current Screen<br />
  21. 21. 20<br />Issue: Customization<br />Business Goals: <br />Increase conversion rate from 1.5 to 2.5%<br />Provide enjoyable shopping experiences<br />
  22. 22. 21<br />Issue: Customization<br />Problem: Selecting contrasting fabric for collar and cuffs is confusing<br />Severity: Usability High; Business Goals Medium<br />Selecting a contrasting fabric for collar or cuffs returns user to the fabric selection screen, which is disorienting and confusing.<br />Recommendation: Integrate fabric selection with collar and cuff screen instead of routing user back to initial fabric selection screen.<br />Current Screen<br />
  23. 23. 22<br />Issue: Customization<br />Problem: Monogram does not appear on sleeve when selected<br />Severity: Usability Low; Business Goals Low<br />Frequency: 3/8 <br />Participants liked that their selections immediately appeared<br />on the shirt display, however, some noted surprise that the monograms didn’t also appear on the shirt. The monograms were also not on the shirt shown at checkout, leading one participant to question whether his order was correct.<br />Recommendation: Display selected monogram on the image of the shirt.<br />
  24. 24. 23<br />Issue: Customization<br />Problem: Color in swatch does <br />not match color displayed on shirt<br />Severity: Business Goals Medium<br />When selecting fabrics, a small swatch of color <br />appears on the right side of the screen, while the <br />shirt in the display also changes color. Significant colordifferences exist between the swatch and the display.<br />Recommendation: Ensure the swatch colors match as closely as possible to the example and actual shirt color. <br />
  25. 25. 24<br />Issue: Getting the Right Fit<br />Business Goal: <br />Increase conversion rate from 1.5 to 2.5%<br />
  26. 26. 25<br />Issue: Getting the Right Fit<br />Problem: Users can’t customize<br />sleeve length and collar size<br />Severity: Usability High; Business <br />Goals High<br />Frequency: 5/8<br />Users are brought through a series of <br />questions about size, body type, and cut,<br />but one feature that was missing was the <br />chance to customize sleeve length <br />and collar size.<br />Recommendation: Allow users to specify sleeve and neck sizes.<br />
  27. 27. 26<br />Issue: Getting the Right Fit<br />Problem: Selection of <br />“Body Type” and “Height and <br />Weight” are confusing<br />Severity: Usability Low; Business <br />Goals Medium <br />Frequency: 6/8 <br />The website brings users through <br />a sizing process that asks them to pick a body type and specify height and weight. Several users questioned how their selections would influence the shirt sizing.<br />Recommendation: Drop these questions unless they affect the shirt’s fit. If they do have an effect, include a brief explanation.<br />
  28. 28. 27<br />Issue: Getting the Right Fit<br />Problem: No information on<br />type of fabric<br />Severity: Usability Medium; Business High<br />Frequency: 2/8<br />A couple of participants wanted more <br />information on the type of fabric. One <br />commented that fabric type, and whether it <br />shrinks, is important to know <br />when deciding sizing.<br />Recommendation: Include description of <br />the type of fabric.<br />
  29. 29. 28<br />Issue: Review Order<br />Business Goals: <br />Create an enjoyable shopping experience<br />Increase conversion rate from 1.5 to 2.5%<br />
  30. 30. 29<br />Issue: Review Order <br />Problem: Editing order is <br />complicated and confusing<br />Severity: Usability Medium; Business Goals High <br />When asked to make changes to their <br />order some users did not see the Edit <br />link. Those who clicked on the link <br />were taken back to the first page of the <br />customization process, causing confusion.<br />Recommendation: Add ability to edit specific shirt <br />details so it is clear to users what they are changing. <br />Modify the layout to clarify how users can make changes.<br />Current Screen<br />Recommendations<br />
  31. 31. 30<br />Issue: Review Order <br />Problem: Order summary description is difficult to read. <br />Severity: Usability Medium; Business Goals Medium<br />Because the order summary description is not formatted, legibility is threatened.<br />Recommendation: Provide a better visual layout of the <br />order summary by adding <br />bullets or white space.<br />Current Screen<br />Recommendations<br />
  32. 32. 31<br />Issue: Review Order <br />Problem: Missing shirt featureson order description Severity: Usability High; Business Goals High<br />The order description summary <br />failed to list all selected shirt <br />features. This caused confusion <br />with users when reviewing <br />the order.<br />Recommendation: Ensure all features are <br />clearly listed on the short order summary.<br />Current Screen<br />Recommended Changes<br />
  33. 33. 32<br />Appendix: A Graphs<br />
  34. 34. 33<br />Participant Demographics <br />
  35. 35. 34<br />Findings // Post Test Results <br />
  36. 36. 35<br />Findings // Performance<br /> <br />
  37. 37. 36<br />Findings Credibility by Home Page Preference <br />
  38. 38. 37<br />Findings Credibility by Age<br />
  39. 39. 38<br />Appendix: B Design Recommendations<br />
  40. 40. Recommendations: Navigation<br />We added a stronger call-to-action to subscribe to newsletters. We recommend making Twitter and Facebook more prominent. <br />We recommend a consistent global navigation that would be persistent on all pages. <br />We added a tag line to promote quick scannability and fill in the gap.<br />We decreased the amount of text on the button . We made the call to action consistent with the global navigation.<br />
  41. 41. Recommendations: Navigation<br />We recommend including the following sub navigation. This allows for the site to be scalable for potential growth. <br />
  42. 42. Recommendations: Review Order<br />We recommend making the price easily viewable.<br />We recommend adding the ability to change the order number from this screen. <br />We recommend adding bullets to promote easy scannability. Additionally, we recommend adding the option to edit each feature . <br />
  43. 43. 42<br />Recommendations: <br />Fabric Selections<br />Add zoom-in functionality to preview.Provide a clear description or specific icon for each different fabric.   Ensure navigation is clear in the fabric selection process to indicate where users are in the process. <br />