Gaining Insight for Website Improvement

2,040 views
1,930 views

Published on

You built it; is any one coming to your website? Are people successfully completing the tasks/goals? Is the website successful in meeting/exceeding the businesses/organizations goals?

Many times, once a website is launched, that's it. Many times, these websites fail at meeting their intended goals. Find out how to gain insight into what's happening with your website, through website analytics, A/B Split testing, memory/navigational tasks and usability tests. This session will include demonstrations of these methods, including an actual live usability test. You won't want to miss this session if your interested in learning how to continually improve your (or your client's) website.

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,040
On SlideShare
0
From Embeds
0
Number of Embeds
395
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Gaining Insight for Website Improvement

  1. 1. Gaining Insight for Website Improvement<br />Dennis Deacon<br />deconspray@gmail.com<br />
  2. 2. Dennis Deacon<br /><ul><li>17+ yr Web Professional
  3. 3. Web Designer / Developer
  4. 4. Web Marketer / User Experience Specialist</li></ul>User Experience / Web Site Goals = My Passion<br />dennisdeacon.com<br />deconspray@gmail.com<br />
  5. 5. PASSION<br />
  6. 6. My goal …<br /><ul><li>Stop thinking of websites as destinations
  7. 7. Start thinking of them as solutions to solving problems
  8. 8. Make you think, laugh
  9. 9. Walk away with motivation, inspiration to take action.</li></li></ul><li>STOP!<br />Presentation & resources discussed available online at <br />bit.ly/oVEYrt<br />
  10. 10. 5 Dubya's<br /><ul><li>WHO
  11. 11. WHY
  12. 12. WHEN
  13. 13. WHAT
  14. 14. HOW</li></li></ul><li>Questions…<br /><ul><li>How many own websites?
  15. 15. Happy with the results?
  16. 16. Meeting intended goals?</li></li></ul><li>Questions…<br /><ul><li>How many design / develop websites for clients?
  17. 17. Know their website’s goals?
  18. 18. Are they successful?
  19. 19. Do you care?</li></li></ul><li>Frankly my dear …<br />I don’t give a damn!(about website visitors)<br />
  20. 20. Build it, and…<br />
  21. 21. …they MAY not come.<br />
  22. 22. WHY?<br />Test?<br />Analyze?<br />Improve?<br />
  23. 23.
  24. 24. Usability<br />vs. <br />User Experience<br />
  25. 25. Usability<br /><ul><li>Once key to creating successful websites
  26. 26. Many sites now “get” usability
  27. 27. Somewhat assumed, expected</li></li></ul><li>User Experience<br /><ul><li>Spin-off from usability.
  28. 28. Focus not on can they …… focus now on will they</li></li></ul><li>Usability<br /><ul><li>The ability to use something
  29. 29. Requires little mental effort
  30. 30. Few mistakes , easily recoverable
  31. 31. Can do more, faster
  32. 32. Learnable, intuitive</li></li></ul><li>User Experience<br /><ul><li>The desire to use something
  33. 33. Create happiness, good feeling about using something</li></li></ul><li>Jared Spool — User Interface Engineering<br />
  34. 34. Jared Spool — User Interface Engineering<br />Usability <br /><ul><li>Customer visits a large electronic retailer’s website looking for a digital camera.
  35. 35. Quickly finds the desired camera, puts it in the cart, and pays for it using the same day option to pick it up at the store</li></ul>User Experience<br /><ul><li>Customer arrives at store and after being unable to locate where to pick up online purchases, goes to the customer service desk
  36. 36. After 10-minute wait, is told in the wrong place, needs to find another desk labeled “Online Receiving.”
  37. 37. Clerk who can’t wait for shift to end, sighs & says camera is out of stock.
  38. 38. Can buy a different camera, but needs to call 800 number to credit her original online purchase.
  39. 39. She ends up leaving the store without a camera and a charge on her credit card she needs to resolve. </li></li></ul><li>Noodle Restaurant<br /><ul><li>Originally saw restaurant mentioned on WTTW’s Check Please!
  40. 40. Looked good … had to go.
  41. 41. Visited restaurant, looking for carry out.
  42. 42. Looked for a menu, was told no carry out menu, go online.
  43. 43. Looked up restaurant’s website to view menu.
  44. 44. Website in Flash, Blackberry phone (early 2010), cannot view menu.
  45. 45. Left, never to return.</li></li></ul><li>User Experience<br />Usability<br />
  46. 46.
  47. 47. Do you really know your web site’s audience?<br /><ul><li>What they’re looking for?
  48. 48. What they’re trying to do?
  49. 49. Their wants, needs, desires?</li></li></ul><li>Don’t Test … <br />unless you <br />plan to act<br />JUST<br />DO<br />IT<br />
  50. 50. WHEN<br /><ul><li>Now
  51. 51. Tomorrow
  52. 52. Continually (forever)</li></li></ul><li>WHAT<br />Landing Pages“…a single web page that appears in response to clicking on an advertisement.”<br />— Wikipedia<br />
  53. 53. WHAT<br />Landing Pages“Any page that acts as an entrance / first impression to your content / web site / product.”<br />— Dennis Deacon<br />
  54. 54.
  55. 55. HOW<br /><ul><li>Web Site Analytics
  56. 56. Heatmaps
  57. 57. Scrollmaps
  58. 58. A/B Split Testing / Multi-Variant
  59. 59. Memory / Click Tests
  60. 60. Usability Testing</li></li></ul><li>Differences<br />Qualitative<br />Quantitative<br /><ul><li>Web Analytics
  61. 61. Usability Testing
  62. 62. A/B Split Testing
  63. 63. Heatmaps
  64. 64. Scrollmaps
  65. 65. Memory Tests</li></ul>Personal – Details<br />High Level – Big Picture<br />
  66. 66. Web Site Analytics<br /><ul><li>Can highlight what & where
  67. 67. Cannot answer why
  68. 68. Cannot provide solutions</li></li></ul><li>General Metrics<br /><ul><li>Can highlight what & where
  69. 69. Cannot answer why
  70. 70. Cannot provide solutions</li></li></ul><li>General Metrics<br />“Houston, we may have a problem…”<br /><ul><li>Can highlight what & where
  71. 71. Cannot answer why
  72. 72. Cannot provide solutions</li></li></ul><li>Meeting Expectations?<br />
  73. 73. Content/Feature Usage<br />
  74. 74. Goal Funnel Visualization<br />
  75. 75. Heatmaps<br /><ul><li>Can show what elements on a page are clicked the most.
  76. 76. Might show elements that get the most attention, most persuasive</li></li></ul><li>
  77. 77. Scrollmaps<br /><ul><li>Can show what portions of the page are viewed
  78. 78. Specifically, how far down the page before people stop scrolling</li></li></ul><li>
  79. 79. A/B Split Testing<br />B<br />A<br /><ul><li>Provides Quantitative Results (i.e. how much, how many, which one)
  80. 80. Tests two or more versions of pages with small/large differences
  81. 81. Does not address Why or How
  82. 82. Up-front preparation, then no maintenance </li></li></ul><li>B<br />A<br />
  83. 83. Google Website Optimizer makes A/B Split Testing Easy<br />B<br />A<br /><ul><li>What’s the original page
  84. 84. Variation page #1, #2, etc.
  85. 85. Goal page
  86. 86. Insert Javascript into pages, verify, then turn test on.
  87. 87. …wait…</li></li></ul><li>
  88. 88.
  89. 89.
  90. 90. Memory / Click Tests<br /><ul><li>Can test a landing page’s first impressions
  91. 91. Can test if priority / emphasis is placed on the right element
  92. 92. Can test intuitiveness of navigation, content panels, etc.</li></li></ul><li>Memory / Click Tests<br />
  93. 93. Memory / Click Tests<br />
  94. 94. Memory / Click Tests<br />
  95. 95. Memory / Click Tests<br />
  96. 96. Memory / Click Tests<br />Things to remember when creating <br />memory / click tests…<br /><ul><li>Focus the initial instructions on the specific task
  97. 97. Limit the testing to something specific (easily accomplished within five seconds)
  98. 98. Post-test questions should be limited to the focused observation at hand.
  99. 99. Try to ask on observations, not quiz</li></li></ul><li>Usability Testing<br /><ul><li>Obtains users thought process; answers Why and How
  100. 100. Immediate results
  101. 101. Time consuming
  102. 102. Resources intensive (manual)
  103. 103. Can be costly</li></li></ul><li>Usability Testing<br /><ul><li>When?
  104. 104. What?
  105. 105. Who?
  106. 106. How?</li></li></ul><li>Usability Testing<br /><ul><li>When?
  107. 107. Now
  108. 108. The earlier the better
  109. 109. Don’t wait for final designs, or build phase.Test earlier, sketches on napkins is ok.
  110. 110. Test often, frequently, continually</li></li></ul><li>Usability Testing<br /><ul><li>What?
  111. 111. Your site…
  112. 112. Tasks that lead to existing goals
  113. 113. Other people’s sites
  114. 114. Sketches
  115. 115. Wireframes
  116. 116. High-fidelity Designs (Photoshop)
  117. 117. Working prototypes</li></li></ul><li>Usability Testing<br /><ul><li>How?
  118. 118. First, make sure the tester understands that they are not being tested, the website is.
  119. 119. The tester needs to think out loud as they use the website / perform tasks
  120. 120. If possible, record the session, so that you can focus on the moment, not taking notes.
  121. 121. Do not lead the tester.</li></ul>Anyone can test. However, designers/developers who designed/developed the site / application are less effective due to subjective thinking, coercion <br />
  122. 122. Usability Testing<br />Usability test Demonstration<br />
  123. 123. Case Study — The Button<br /><ul><li>Major eCommerce website
  124. 124. Web form
  125. 125. Encountered after clicking Check Out button ……before entering their payment info.</li></ul>Email:<br />Password:<br />Log In<br />Register<br />Forgot Password?<br />
  126. 126. Case Study — The Button<br /><ul><li>Business owner thought form helpful
  127. 127. Repeat customers could purchase faster
  128. 128. First time customers wouldn’t mind, for the benefit of making future purchases easier
  129. 129. Right?</li></ul>Wrong!<br />
  130. 130. Case Study — The Button<br /><ul><li>Testing showed…
  131. 131. First time consumers…
  132. 132. Resented having to register “I'm not here to enter into a relationship. I just want to buy something.”
  133. 133. Couldn’t remember if they had shopped or registered before. Became very frustrated when each email and password combination failed.
  134. 134. Felt mistrust, thinking the requested information was only to market to them in the future. Some even felt an invasion of privacy.</li></li></ul><li>Case Study — The Button<br /><ul><li>Testing showed…
  135. 135. Repeat consumers…
  136. 136. Couldn’t remember the email address or password they used. They’d try/guess several times. Some even requested a password reset/new password, but couldn’t remember the correct email address in the system.</li></li></ul><li>Case Study — The Button<br /><ul><li>System analysis uncovered …
  137. 137. 45% of all customers had multiple registrations
  138. 138. 160,000 password reset requests per day
  139. 139. 75% of these people never tried to complete the purchase once requested</li></ul>The form, intended to make shopping easier, prevented sales - a lot of sales.<br />
  140. 140. Case Study — The Button<br /><ul><li>The Fix…</li></ul>Email:<br />Password:<br />Log In<br />Continue<br />Forgot Password?<br />You do not need to create an account to make purchases on our site. Simply click Continue to proceed to checkout. To make your future purchases even faster, you can create an account during checkout.<br />OK<br />
  141. 141. Case Study — The Button<br /><ul><li>The Impact …
  142. 142. 45% increase in customer purchases
  143. 143. Increase in first month purchases: $15,000,000
  144. 144. Increase in first year purchases: $300,000,000</li></li></ul><li>Resources<br />Web Analytics<br /><ul><li>Google Analytics
  145. 145. Web Site Measurement Hacks (Book) — O’Reilly
  146. 146. Actionable Web Analytics (Book) — Sybex
  147. 147. Always Be Testing (Book) — Sybex</li></ul>Heatmaps / Scrollmaps<br /><ul><li>CrazyEgg.com </li></ul>A/B Split Testing<br /><ul><li>Ultimate Guide To A/B Testing — bit.ly/8X2fLk</li></ul>Memory / Click Tests<br /><ul><li>fivesecondtest.com
  148. 148. clueapp.com
  149. 149. theclicktest.com</li></li></ul><li>Resources (cont.)<br />Usability Testing<br /><ul><li>Don’t Make Me Think (Book) — Krug
  150. 150. Rocket Surgery Made Easy (Book) — Krug
  151. 151. Companion website — sensible.com/rsme.html</li></ul>User Experience<br /><ul><li>User Interface Engineering — uie.com
  152. 152. $300 Million Button — uie.com/articles/three_hund_million_button
  153. 153. 19 Lessons from United Airlines on How To Build A Crappy Survey — bit.ly/fwl99W
  154. 154. User Experience Remastered (Book) — Wilson</li></li></ul><li>Thanks for<br />putting up with me!<br />dennisdeacon.com<br />deconspray@gmail.com<br />

×