CINXE.COM

Storytelling for User Experience

<html><!-- #BeginTemplate "/Templates/Basic Page.dwt" --><!-- DW6 --> <!--script src="http://asset.userfly.com/users/19959/userfly.js" type="text/javascript" --> <head> <!-- #BeginEditable "doctitle" --> <title>Storytelling for User Experience</title> <style type="text/css"> <!-- .style1 {font-weight: bold} --> </style> <style type="text/css"> <!-- .style2 {font-weight: bold} --> </style> <style type="text/css"> <!-- .style3 {font-weight: bold} --> </style> <!-- #EndEditable --> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" type="text/css" href="wq.css"> <meta name="keywords" content="Whitney Quesenbery, user research, user experience, usability"> </head> <body text="#000" bgcolor="#FFF" topmargin="0", leftmargin="0"> <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#669999"> <tr> <td width="315"><img src="images/wq-logo-top.gif" width="315" height="73" alt="WQ Usability"></td> <td><a href="#content"><img src="images/dot_t.gif" width="2" height="2" alt="Skip to main content" border="0"></a></td> </tr> <tr> <td bgcolor="#CCC" valign="top"><img src="images/wq-logo-bottom.gif" width="315" height="23" alt=" "></td> <td bgcolor="#666" valign="middle" class=smalltext> &nbsp; &nbsp; <a class="menu" href="index.html">Home</a> &nbsp; &nbsp; <a class="menu" href="services.html">What we do</a> &nbsp; &nbsp; <a class="menu" href="storytelling.html"><i>Storytelling for User Experience</i></a> &nbsp; &nbsp; <a class="menu" href="publications.html">Articles and downloads</a> &nbsp; &nbsp; <a class="menu" href="biography.html">About us</a> </td> </tr> </table> <table width="100%" border="0" cellspacing="0" > <tr> <td width="1%" valign="top"><p>&nbsp;</p> </td> <td width="73%" valign="top"> <!-- #BeginEditable "PageTitle" --> <h1 class="pagetitle">Storytelling for User Experience<br> Crafting stories for better design</h1> <!-- #EndEditable --> <!-- #BeginEditable "Content" --> <p class="subhead">by Whitney Quesenbery and Kevin Brooks<br> </p> <p><img src="images/storytelling-cover-lg.gif" alt="Book cover" width="161" height="235" hspace="10" align="left">We all tell stories. It's one of the most natural ways to share information, as old as the human race. This book is not about a new technique, but how to use something we already know in a new way. Stories help us gather and communicate user research, put a human face on analytic data, communicate design ideas, encourage collaboration and innovation, and create a sense of shared history and purpose. </p> <p>This book looks across the full spectrum of user experience design to discover when and how to use stories to improve our products. Whether you are a researcher, designer, analyst or manager, you will find ideas and techniques you can put to use in your practice. </p> <p>&nbsp; </p> <p>If you...</p> <ul> <li> Need to share research and design insights in a compelling and effective way</li> <li>Struggle to communicate the meaning of a large body of data in a way that everyone just &quot;gets&quot; </li> <li> Want to explore a new, innovative idea, and imagine its future</li> </ul> <p>... this book can help you, by showing you how and when to choose, create and use stories.</p> <p>&nbsp;</p> <p>You might be surprised at how many different ways you can use stories in your UX work to make it more persuasive and compelling. Lots of UX practices have storytelling at their root...we just don't always call them &quot;stories&quot;</p> <p><img src="images/05.02.png" alt="Person listening to others" width="200" height="143" hspace="10" align="right"></p> <p>Storytelling starts with listening. In formal and informal user research, make time for people to tell you their story. You might be surprised at how many great stories (or story fragments) you'll collect if you let them. Just say &quot;Tell me about that&quot; when you hear the start of a juicy story. </p> <p>One definition of a culture is a group of people who share stories. When people tell you similar stories, maybe they are also telling you something about how they relate to your product and to each other. </p> <p>This might just be the beginning of a great <a href="articles/personas_storytelling.html">story for a persona</a>. </p> <p><img src="images/05.04.png" alt="Peoole thinking about a story together" width="200" height="159" hspace="10" align="right"></p> <p> Put some stories together and you might have the spark of a design idea. Maybe you call them user stories, or scenarios, but they are all ways of thinking through not just what will happen, but how the characters (... your audience or users) will react to the experience. </p> <p>And finally, what's a usability test task, except a story for the participant to finish. Make it dramatic or matter-of-fact, but tell a story that launches them into a situation they want to solve or an experience they want to explore.</p> <p>&nbsp;</p> <p>&nbsp;</p> <!-- #EndEditable --> </td> <td width="2%" valign="top">&nbsp;</td> <td width="25%" valign="top" > <p align="left"><A name="content"></a>&nbsp;<!-- #BeginEditable "TopCorner" --><br> <!-- #EndEditable --></p> <p align="center"><br> </p> <p>&nbsp;</p> <!-- #BeginEditable "Rightcolumn" --> <p class="subhead"><strong>Buy the book</strong></p> <p class="smalltext"><a href="http://www.rosenfeldmedia.com/books/storytelling/"><img src="images/rosenfeldmedia.gif" alt="RosenfeldMedia" width="166" height="24" border="0"></a></p> <ul> <li class="smalltext">Buy it at <a href="http://www.rosenfeldmedia.com/books/storytelling/">Rosenfeld Media</a><br> (and get print+ebooks)</li> <li class="smalltext">Buy it at <a href="http://www.amazon.com/Storytelling-User-Experience-Crafting-Stories/dp/1933820470/ref=sr_1_5?ie=UTF8&s=books&qid=1271619006&sr=1-5">Amazon</a></li> <li class="smalltext">Buy ebook at <a href="http://shop.oreilly.com/product/9781933820477.do">O'Reilly</a></li> </ul> <p class="subhead">Workshops</p> <ul> <li class="smalltext"><a href="storytelling-workshop.html">Crafting Stories for User Experience</a></li> <li class="smalltext"><a href="http://rosenfeldmedia.com/courses/using-personas-and-story/">Using Personas and Storytelling Effectively</a><br> </span></li> </ul> <p class="smalltext"><strong>Upcoming workshops:</strong></p> <ul> <li class="smalltext"><a href="ttp://lanyrd.com/people/whitneyq/">Find us on Lanyrd</a></li> <li class="smalltext"><a href="http://www.slideshare.net/StorytellingUX">Presentations on Slideshare</a></li> </ul> <p class="subhead">Webinars</p> <ul> <li class="smalltext"><a href="http://www.uie.com/events/virtual_seminars/storytelling/"><strong>Storytelling for UX</strong><br> </a>UIE Virtual Seminar</li> <li class="smalltext"><a href="http://oreillynet.com/pub/e/2665"><strong>The Power of Story</strong></a><br> O'Reilly Community</li> <li class="smalltext"><a href="http://www.uie.com/events/virtual_seminars/personas_7things/"><strong>The Characteristics of Effective Personas</strong></a><br> UIE Virtual Seminar</li> </ul> <p class="smalltext"><a href="http://www.slideshare.net/StorytellingUX"></a></p> <p class="subhead">&nbsp;</p> <p class="subhead">&nbsp;</p> <p class="subhead">&nbsp;</p> <!-- #EndEditable --> <p>&nbsp;</p> <p class="smalltext"><br></p> <p><br> </p> <p>&nbsp;</p> </td> </tr> </table> <table > <tr> <td colspan="6"><img src="images/dot_violet.gif" width="300" height="5" vspace="10" alt=" "></td> </tr> <tr> <td colspan="6" class="footer"><b>Whitney Interactive Design</b></td> </tr> <tr> <td class="footer" nowrap width="18"><img src="/images/e.gif" width="18" height="18" align="absmiddle" border="0" alt="Email"></td> <td class="footer" nowrap width="186">whitneyq at wqusability dot com</td> <td class="footer" nowrap width="18"><a href="http://www.WQusability.com"><img src="/images/w.gif" width="18" height="18" alt="Web" border="0"></a></td> <td class="footer" nowrap width="131"><a href="http://www.WQusability.com">www.WQusability.com</a></td> <td class="footer" nowrap width="18"><img src="/images/p.gif" width="18" height="18" alt="Phone"></td> <td class="footer" nowrap width="78">908-617-1122</td> </tr> <tr> <td colspan="6" class="copyright">&copy; 2002-2011, Whitney Quesenbery</td> </tr> </table> <p>&nbsp;</p> <p class="footer"></p> <p class="copyright">&nbsp;</p> </body> <!-- #EndTemplate --></html>

Pages: 1 2 3 4 5 6 7 8 9 10