Design Comics


Published on

Using comics to convey user experience scenarios. Taken with permission from Martin Hardee and Sun Microsystems from Martin's November 17, 2006 blog posting at:

Published in: Design, Technology, Business

Design Comics

  1. 1. Sugar Plum Nightmare in D minor: Mary Goes to the Nutcracker Martin Hardee Web Experience Design November, 2006
  2. 2. I love this time of year. Turkey, dressing... and time to order tickets for the Nutcracker Ballet!
  3. 3. I'll just do a quick search for tickets...
  4. 4. Springfield Ballet Springfield Ballet Here's the page. Now where's that Nutcracker? Ah, “buy tickets”
  5. 5. Springfield Ballet There it is...
  6. 6. Springfield Ballet The Nutcracker Springfield Production Hmmm. I want to go next week. Is that “Peak”? Or “Off-Peak”? And “Sweet Seats”?
  7. 7. I'll try Off Peak and hope that's next week when I want to go.
  8. 8. Springfield Ballet OK, this actually looks like the dates I want... Hmmm, I wonder why the price isn't available?
  9. 9. Oh, OK, here we go... I guess it shows price once I pick a date. Springfield Ballet
  10. 10. Springfield Ballet Springfield Ballet Springfield Ballet Type... Type... Type...
  11. 11. Springfield Ballet $ 0.00 $ 0.00 $ 0.00 Why does it say $0.00? Let me go back and try again...
  12. 12. Yep, I typed $60 before. Hmmm... Back Back Back Springfield Ballet Springfield Ballet Springfield Ballet Springfield Ballet
  13. 13. Springfield Ballet $ 0.00 $ 0.00 $ 0.00 But it still says $0 when I check out.
  14. 14. This sure is aggravating!
  15. 15. Sigh. I guess I will have to fill out their feedback form...
  16. 16. To: Springfield Ballet Subject: Help! I ordered tickets but it says $0.00 for the price even though the screen before said $60. Will my order go through if I submit? What do I do? This is so annoying
  17. 17. Reply from: Springfield Ballet Subject: Re: Help There is a conflict in your cookies and cache. This is something Springfield Ballet has no control over. If you clean your cookies and cache there will be no problem. Huh? Clean my cookies? Cache?
  18. 18. I'm not a computer wizard – I just wanna order a $%#@!# ballet ticket!
  19. 19. Maybe I should just get tickets for Radio City instead!
  20. 20. Observations/Issues <ul><li>Finding the a ballet is straightforward, but... </li></ul><ul><li>Flow doesn't map to user's task of finding by date </li></ul><ul><li>Pricing not obvious until seats and dates are selected </li></ul><ul><li>Bugs and browser issues create big user frustration with no workaround </li></ul>
  21. 21. Recommended Followups <ul><li>Followups here </li></ul>
  22. 22. Usage Notes <ul><li>Feel free to experiment with this comic format yourself and send us notes </li></ul><ul><li>More comics to follow that you can use </li></ul><ul><li>Comments to: Comics (@) </li></ul><ul><li>Artwork by: ISD Group: </li></ul><ul><ul><li> </li></ul></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.