CINXE.COM

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css"> li.GlobalNavInfo.right { width: 145px; } </style> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  <script type="text/javascript">var _sf_startpt=(new Date()).getTime()</script> <title>The Power of Story: Creating empathy and connection in our products - O'Reilly Media Free, Live Events</title> <meta name="keywords" content=",O'Reilly Media" /> <meta name="description" content=" Stories are a natural part of user experience. They help create connections between a design team and the people who will use the product. You've probably been telling stories all along - but haven't thought about how to use them effectively as part of your UX practice. ..." /> <meta name="date" content="2025-04-04" /> <meta name="search_date" content="2023-01-31" /> <meta name="search-title" content="The Power of Story: Creating empathy and connection in our products - O'Reilly Media Free, Live Events" /> <meta name="pagename" content="The Power of Story: Creating empathy and connection in our products - O'Reilly Media Free, Live Events" /> <meta name="site" content="O'Reilly" /> <meta name="author" content="Whitney Quesenbery" /> <meta name="target" content="" /> <meta name="twitter:title" content="The Power of Story: Creating empathy and connection in our products - O'Reilly Media Free, Live Events" /> <meta name="twitter:description" content=" Stories are a natural part of user experience. They help create connections between a design team and the people who will use the product. You've probably been telling stories all along - but haven't thought about how to use them effectively as part of your UX practice. ..." /> <meta name="twitter:site" content="@OReillyMedia" /> <meta property="og:title" content="The Power of Story: Creating empathy and connection in our products - O'Reilly Media Free, Live Events" /> <meta property="og:type" content="article" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:image" content="https://cdn.oreillystatic.com/oreilly/images/oreilly-social-200.png" /> <meta property="og:image" content="https://cdn.oreillystatic.com/oreilly/images/oreilly-social-200.png" /> <meta name="search-content" content="webcast" /> <meta name="search-icon" content="https://cdn.oreillystatic.com/search/icons/search-webcast.svg" /> <meta name="Category" content="Webcasts" /> <link href="https://www.oreilly.com/pub/e/2665" rel="canonical" /><meta name="twitter:url" content="https://www.oreilly.com/pub/e/2665" />  <link rel="alternate" type="application/atom+xml" title="O'Reilly Events" href="http://feeds.oreilly.com/oreilly/events" />     <link rel="stylesheet" type="text/css" href="https://cdn.oreillystatic.com/oreilly/ml/css/stylesheet.css" /> <link rel="stylesheet" type="text/css" media="screen" href="https://cdn.oreillystatic.com/assets/css/nav.css" />      <script language="JavaScript" type="text/javascript"></script>  <script language="JavaScript" type="text/javascript" src="//cdn.oreillystatic.com/assets/js/s_code.js"></script> <script language="JavaScript" type="text/javascript"></script>   <link rel="stylesheet" href="https://cdn.oreillystatic.com/oreilly/ml/css/all-post-ml.css" type="text/css" />  <link rel="stylesheet" href="https://cdn.oreillystatic.com/oreilly/ml/css/ml.css" type="text/css" /> <script type="text/javascript" src="https://cdn.oreillystatic.com/oreilly/ml/js/ml.js"></script> <link rel="stylesheet" type="text/css" href="https://cdn.oreillystatic.com/assets/css/2017_font_face.css" /> <link rel="stylesheet" href="/calendar/events.css" type="text/css" />  <script type="text/javascript" src="https://addthisevent.com/libs/1.6.0/ate.min.js"></script> <style> p {font-family: 'guardian-text-oreilly',Helvetica,sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: -.01em} </style> <script type="text/javascript"> function toggleDiv(divId) { $("#"+divId).toggle(); } </script> <link rel="stylesheet" type="text/css" href="https://www.oreilly.com/webcasts/webcasts-scroll-2.css"> <script type="text/javascript" src="https://cdn.oreillystatic.com/radar/scripts/jquery-1.4.min.js"></script> <script type="text/javascript" src="https://www.oreilly.com/webcasts/slider2.js"></script>  <script type="text/javascript"> var perCol = 10; var perRow = 3; </script> <script type="text/javascript" src="https://www.oreilly.com/js/paginate.js"></script> <link rel="stylesheet" rev="stylesheet" href="https://www.oreilly.com/css/paginate.css" media="screen" />  <link rel="stylesheet" rev="stylesheet" href="https://www.oreilly.com/webcasts/webinar-post-ml.css" type="text/css" /> <link rel="shortcut icon" href="https://www.oreilly.com/favicon.ico" />  <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-4591498-1']); _gaq.push(['_setDomainName', 'oreilly.com']); _gaq.push(['_addIgnoredRef', 'oreilly.com']); _gaq.push(['_setSiteSpeedSampleRate', 50]); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script>  <meta property="fb:page_id" content="15137500430" />  <script type='text/javascript'> var _vwo_code=(function(){ var account_id=27087, settings_tolerance=2000, library_tolerance=1500, use_existing_jquery=false, // DO NOT EDIT BELOW THIS LINE f=false,d=document;return{use_existing_jquery:function(){return use_existing_jquery;},library_tolerance:function(){return library_tolerance;},finish:function(){if(!f){f=true;var a=d.getElementById('_vis_opt_path_hides');if(a)a.parentNode.removeChild(a);}},finished:function(){return f;},load:function(a){var b=d.createElement('script');b.src=a;b.type='text/javascript';b.innerText;b.onerror=function(){_vwo_code.finish();};d.getElementsByTagName('head')[0].appendChild(b);},init:function(){settings_timer=setTimeout('_vwo_code.finish()',settings_tolerance);this.load('//dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&r='+Math.random());var a=d.createElement('style'),b='body{opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important;}',h=d.getElementsByTagName('head')[0];a.setAttribute('id','_vis_opt_path_hides');a.setAttribute('type','text/css');if(a.styleSheet)a.styleSheet.cssText=b;else a.appendChild(d.createTextNode(b));h.appendChild(a);return settings_timer;}};}());_vwo_settings_timer=_vwo_code.init(); </script>  <script src="/account/login-config.js"></script> <script src="/account/janrain-settings.js"></script> <script src="https://cdn.oreillystatic.com/members/js/widgets/login-widget.min.js" id="janrainCaptureScript"></script>  <script> loggedInObject = new Object(); var dataLayer = window.dataLayer || []; //Check for O'Reilly Unified logged-in status if (document.cookie.split(';').filter(function(item) { return item.indexOf('orm-jwt=') >= 0 }).length) { loggedInObject.unifiedLoggedIn = 'yes'; loggedInObject.loggedIn = 'yes'; dataLayer.push(loggedInObject); //Add 'loggedIn class to html tag const htmlTag = document.querySelector('html'); if (htmlTag !== null) { htmlTag.classList.add('loggedIn'); } } </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5P4V6Z');</script>  </head> <body class="main">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5P4V6Z" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="page">  <table width="990" border="0" cellpadding="0" cellspacing="0" class="mainLayoutTable"> <tr> <td class="navheaderbg"> <div>  <script type="text/javascript"> function checkIfDefault(keyword) { var defaultSearchTerm = "Search"; if(keyword==defaultSearchTerm) { return ''; } else { return keyword; } } </script> <div id="header" style="width:990px;"> <div class="logo"> <a href="https://www.oreilly.com/"><img src="https://cdn.oreillystatic.com/images/sitewide-headers/ml-header-community.png" border=0 alt="O'Reilly Media, Inc. - Community"></a> </div>  <div class="tools"> <p><a href="http://members.oreilly.com" class="signInLinkmy">Your Account</a> </p> </div>  <div id="search-box" class="yui-skin-sam"> <form name="searchform" method="get" id="search-form" action="https://ssearch.oreilly.com/"> <div class="search"> <fieldset> <span id="search-input"> <div class="searchInput"> <span id="search-field"><input type="text" value="Search" name="q" maxlength="64" id="q" onfocus="this.value=checkIfDefault(this.value);"></span> </div> <span id="search-button"> <input type="image" value="SEARCH" src="https://cdn.oreillystatic.com/images/sitewide-headers/search_btn.gif" border="0" style="float:left" alt="Search" align="top"> </span> </span> <div id="autocomplete"></div> </fieldset> </div> </form> </div> </div>     <style type="text/css"> nav a { text-decoration:none; } nav a:hover { text-decoration:underline; } nav p { margin:0 0 10px; } nav .fsl { font-size:16px; } nav .fsxl { font-size:24px; line-height:1.1em; } nav .fwb { font-weight:bold; } nav .fc-highlight { color:#b9002d; } nav .fc-dark { color:#222; } nav .fc-light { color:#fff; } nav .nm { margin:0; } nav .mb { margin-bottom:10px; } nav .mr { margin-right:10px; } nav .floatl { float:left; } nav .clear { clear:both; } nav a.btn-green-arrow { display:block; float:left; padding:5px 10px 5px 22px; line-height:22px; font-size:20px; font-weight:bold; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:1px solid #f2ba12; color:#222; background: rgb(247,209,69); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmN2QxNDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmNWM1MTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(247,209,69,1) 50%, rgba(245,197,23,1) 50%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(247,209,69,1)), color-stop(50%,rgba(245,197,23,1))); background: -webkit-linear-gradient(top, rgba(247,209,69,1) 50%,rgba(245,197,23,1) 50%); background: -o-linear-gradient(top, rgba(247,209,69,1) 50%,rgba(245,197,23,1) 50%); background: -ms-linear-gradient(top, rgba(247,209,69,1) 50%,rgba(245,197,23,1) 50%); background: linear-gradient(to bottom, rgba(247,209,69,1) 50%,rgba(245,197,23,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7d145', endColorstr='#f5c517',GradientType=0 ); } nav a.btn-green-arrow:hover { text-decoration:none; } nav a.btn-green-arrow .arrow { display:block; min-height:18px; background:transparent url(//cdn.oreillystatic.com/oreilly/images/btn-green-arrow-overlay.png) left center no-repeat; margin:0 0 0 -25px; padding:0 0 0 25px; } nav a.btn-green-arrow.small { font-size:13px; line-height:18px; padding:5px 10px 5px 22px !important; } ul#primarynav, #sf-menu-text-nav { display:none; } </style>  <style type="text/css"> /* Reset for browsers that don't automatically set semantic tags to block */ article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; } nav .self-clear:after { content:""; display:block; clear:both; height:0; } #globalInclude { text-align:left !important; } </style>  <style type="text/css"> nav { font-size:13px; } nav ul { list-style:none; margin:0; padding:0; } nav ul:after { content:''; display:block; clear:both; height:0; width:100%; } nav li { display:block; float:left; border-right:1px solid #ddd; line-height:1.4em; } nav li:last-child { border-right:0; } nav li > a { display:block; padding:8px 15px 7px; } nav li > a:hover { text-decoration:none; } nav li > a.category { font-size:16px; color:#b9002d !important; } nav ul#global-nav { display:block; background:#eee; background:-moz-linear-gradient(top, #fbfbfb 0%, #eeeeee 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#eeeeee)); background:-webkit-linear-gradient(top, #fbfbfb 0%,#eeeeee 100%); background:-o-linear-gradient(top, #fbfbfb 0%,#eeeeee 100%); background:-ms-linear-gradient(top, #fbfbfb 0%,#eeeeee 100%); background:linear-gradient(to bottom, #fbfbfb 0%,#eeeeee 100%); border-top:1px solid #ddd; border-bottom:1px solid #ddd; height:auto; text-align:left; } nav #global-nav li > a { color:#333; } nav #global-nav li > a.current { color:#b9002d; background:#fff; border-bottom:1px solid #fff; margin-bottom:-1px; } /* Social Icons in Primary Nav */ nav #global-nav .social { float:right; padding:9px 15px 0 0; border-right:0; height:auto; position:static; margin:0; } nav #global-nav .social .icon { display:block; float:left; padding:0; } nav #global-nav .social .icon:before { content:''; display:block; width:16px; height:16px; background-image:url(//cdn.oreillystatic.com/assets/images/social-icons-16.png); margin:0 0 0 8px; font-size:0; } nav #global-nav .social .icon.twitter:before { background-position:0 0; } nav #global-nav .social .icon.youtube:before { background-position:0 -20px; } nav #global-nav .social .icon.facebook:before { background-position:0 -40px; } nav #global-nav .social .icon.googleplus:before { background-position:0 -60px; } nav #global-nav .social .icon.rss:before { background-position:0 -80px; } nav #contextual-nav { display:block; clear:both; padding:0 7px 0; border-bottom:1px solid #ddd; } nav #contextual-nav > li { padding:8px 0 7px; position:relative; border-right:0; } nav #contextual-nav > li:after { content:''; display:block; top:8px; right:0; position:absolute; height:1.4em; border-right:1px solid #ddd; } nav #contextual-nav > li.no-divider:after { display:none; } nav #contextual-nav > li > a { color:#b9002d; padding:0; margin:0 8px; } nav #contextual-nav > li > a:hover { color:#333; } /* Labels in Secondary Nav */ nav #contextual-nav > li.label { margin:0 0 0 8px; color:#999; } nav #contextual-nav > li.label:after { display:none; } /* Contacts in Secondary Nav */ nav #contextual-nav li.contact { float:right; padding:9px 0 7px 0; font-weight:bold; font-size:12px; color:#333; } nav #contextual-nav li.contact:after { display:none; } nav #contextual-nav li.contact > a { padding:0; margin:0 8px 0 0; display:inline; color:#333; } nav li.sub > ul { /*display:none;*/ left:-9999px; top:-9999px; position:absolute; z-index:100; background:#fff; background:rgb(255,255,255); background:rgba(255,255,255,.98); -webkit-box-shadow:1px 1px 1px 0px rgba(0, 0, 0, .3); -moz-box-shadow:1px 1px 1px 0px rgba(0, 0, 0, .3); box-shadow:1px 1px 1px 0px rgba(0, 0, 0, .3); border-left:1px solid #ddd; margin-left:-1px; border:1px solid #ddd\9; border-top:0 solid #ddd\9; margin:0 -1px\9; } nav #global-nav > li.sub:hover > ul, nav #contextual-nav > li.sub:hover > ul { top:auto; left:auto; } nav ul.vertical > li.sub.hover > ul { top:auto; left:auto; } nav #contextual-nav ul.vertical > li.sub.hover > a { position:relative; } nav #contextual-nav ul.horizontal > li:hover > a { color:#b9002d; } nav #contextual-nav ul.vertical > li.sub.hover > a:after { right:0; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; top:50%; border-color:#fff; border-left-color:#ccc; border-width:6px; margin-top:-6px; } nav #global-nav > li.sub:hover .title { background:rgba(255,255,255,.5); } nav #global-nav li.sub > ul.vertical li:hover > a, nav #contextual-nav ul li:hover > a { color:#b9002d; } nav li.sub > ul.vertical li { clear:both; width:100%; } nav li.sub > ul.vertical li:first-child { border-top:1px solid #ddd; } nav #global-nav li.sub > ul.vertical li { border-top:1px solid #ddd; } nav li.sub > ul.vertical li:last-child { border-bottom:0; } nav #contextual-nav li.sub > ul.vertical { top:100%; border-top:1px solid #ddd; margin-left:-8px; border-left:1 solid #ddd\9; } nav #contextual-nav li.sub > ul.vertical > li { padding: 0; border:0; min-width:210px; max-width:300px; } nav #contextual-nav li.sub > ul.vertical > li > a, nav #contextual-nav li.sub > ul.horizontal > li > a { padding: 4px 15px 4px; margin-right:-2px; } nav #contextual-nav li.sub > ul:before, nav #contextual-nav li.sub > ul:after { content:''; display:block; clear:both; height:7px; } nav #contextual-nav li.sub > ul.horizontal { min-height:100%; margin-left:0px; border-top:1px solid #ddd; border-left:1 solid #ddd\9; border-top:0 solid #ddd\9; } nav #contextual-nav .vertical > li.sub.hover > ul.horizontal { left:100%; top:-1px; top:0px\9; } nav #contextual-nav li > ul li > a { color:#333; } nav #contextual-nav > li:hover > a { color:#222; } nav #contextual-nav ul.horizontal li { float:none; padding: 0; border:0; width:210px; position:relative; z-index:10; } </style>  <style type="text/css"> nav #contextual-nav ul.horizontal li.ad.data { width:425px; min-height:560px; position:absolute; z-index:-1; top:0; bottom:0; left:0; margin-right:-55px; background:transparent url(//cdn.oreillystatic.com/oreilly/promos/ad-data-bg.png) left bottom no-repeat; } nav #contextual-nav ul.horizontal li.ad.photography { width:370px; min-height:560px; position:absolute; z-index:-1; top:0; bottom:0; left:0; background:transparent url(//cdn.oreillystatic.com/oreilly/promos/ad-photography-bg.jpg) left bottom no-repeat; } nav #contextual-nav ul.horizontal li.ad.programming { width:425px; min-height:585px; position:absolute; z-index:-1; top:0; bottom:0; left:0; margin-bottom:-25px; background:transparent url(//cdn.oreillystatic.com/oreilly/promos/ad-programming-bg.png) left bottom no-repeat; } </style> <nav role="navigation"> <ul id="global-nav" role="menubar"> <li role="menuitem"><a href="http://www.oreilly.com">Home</a></li> <li role="menuitem"><a href="http://shop.oreilly.com">Shop Video Training & Books</a></li> <li role="menuitem"><a href="http://radar.oreilly.com">Radar</a></li> <li role="menuitem"><a href="http://www.safaribooksonline.com/?utm_source=oreilly&utm_medium=referral&utm_campaign=publisher&utm_content=nav">Safari Books Online</a></li> <li role="menuitem"><a href="http://conferences.oreilly.com/">Conferences</a></li>  <li class="social"><a href="http://twitter.com/oreillymedia" class="icon twitter" title="O'Reilly on Twitter"></a><a href="http://www.youtube.com/subscription_center?add_user=oreillymedia" class="icon youtube" title="O'Reilly on YouTube"></a><a href="http://www.facebook.com/OReilly" class="icon facebook" title="O'Reilly on Facebook"></a><a href="https://plus.google.com/+oreillymedia/" class="icon googleplus" title="O'Reilly on Google+"></a><a href="http://oreilly.com/feeds/" class="icon rss" title="Subscribe to Feed"></a></li> </ul>    <ul id="contextual-nav" role="menubar"> <li class="sub" aria-haspopup="true" role="menuitem"> <a class="title" href="http://www.oreilly.com/webcasts/index.html"><span>Webcasts</span></a> <ul class="vertical" role="menu"> <li class="sub" aria-haspopup="true" role="menuitem"> <a href="http://www.youtube.com/subscription_center?add_user=oreillymedia#p/c/30603FE448DB8FA1" class="title">Youtube Video Archive</a> </li>  </ul> </li>  <li role="menuitem"><a href="http://www.oreilly.com/authors/index.html">Authors</a></li>  <li role="menuitem" class="no-divider"><a href="http://animals.oreilly.com">Animals</a></li>  </ul> </nav> </div>  </td> </tr> <tr valign="top"> <td> <div id="content-09"> <div itemscope itemtype="http://data-vocabulary.org/Event" style="padding:12px;"> <meta itemprop="location" content="Online" /> <div id="photo"><img src="//cdn.oreillystatic.com/images/people/154/whitney_quesenbery.jpg" alt="Whitney Quesenbery" width="154" style="float:left;width:154px;padding-right:10px;padding-bottom:10px;" /> </div> <div id="contained" style="width: 750px; padding: 0px 20px 20px 20px;"> <p style="display:block; color:#bb0029; max-width:710px; margin: 0px 0 0 0; font-size:4.75em; line-height:.9em; font-family:'oreilly-urw-typewriter-narro',Georgia,serif; font-weight:100; letter-spacing:0em;" itemprop="summary">The Power of Story: Creating empathy and connection in our products</p> <p><b>Date:</b> This event took place live on April 19 2013</p> <p style="line-height: 55%;"><strong>Presented by:</strong> <a href="http://www.oreilly.com/pub/au/5713" itemprop="performer">Whitney Quesenbery</a><br /> <p style="line-height: 55%;"><strong>Duration:</strong> Approximately 60 minutes.</p> <p style="line-height: 55%;"><strong>Cost:</strong> Free</p> <p style="line-height: 60%; padding-bottom: 10px;"><strong>Questions?</strong> Please send email to <script type="text/javascript">  </script> </p> <span class="social-counters"> <span class="retweet"><a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-url="http://www.oreilly.com/pub/e/2665" data-text="An O'Reilly webcast: The Power of Story: Creating empathy and connection in our products" data-via="oreillymedia" data-related="oreillymedia:oreilly.com">Tweet</a> <script type="text/javascript" src="https://platform.twitter.com/widgets.js"></script></span> <span class="like"><iframe src="https://www.facebook.com/plugins/like.php?href=http://www.oreilly.com/pub/e/2665&layout=button_count&show_faces=false&width=200&action=like&colorscheme=light&height=20" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:20px;" allowTransparency="true"></iframe></span> </span> <div itemprop="description"> <h1 class="thankyou-hide" style="max-width:100%; font-size: 1.875em; line-height: 1.6em; margin: 30px 0 0px 0; color: #232323; font-family: 'guardian-text-oreilly',Helvetica,sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: -.01em; font-weight: 200;">Description:</h1> <object height="444" width="525"><param name="movie" value="https://www.youtube.com/v/xKBa3xUx0xs&hl=en&fs=1"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="https://www.youtube.com/v/xKBa3xUx0xs&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="444" width="525"></object> <p>Stories are a natural part of user experience. They help create connections between a design team and the people who will use the product. You've probably been telling stories all along - but haven't thought about how to use them effectively as part of your UX practice. </p> <p> Stories can help us learn about people, culture, and context - why, when, and how our products might be used - and share this connection with the team in form of personas and stories. They put a human face on data in the form of personas and their stories. They can generate and explore design ideas, and can be the basis for collaboration and innovation. Most importantly, they help teams keep people in the center of their vision. </p> <p> We'll start with how and why stories work, and then look at some examples of how they can be woven into a powerful user experience that connects with the audience. </p> <p> This webcast will help you get started with using stories, by showing you: </p> <ul> <li>How and when you can use stories in UX</li> <li>Why stories are a good way to share user research and cultural concepts</li> <li>How much practical and cultural information can be communicated in a short narrative</li> <li>How to shape stories for particular audiences</li> </ul> <h3>About Whitney Quesenbery</h3> <p>Whitney Quesenbery combines a fascination with people and an obsession to communicate clearly with her goal of bringing user research insights to designing products where people matter. She's written two books on the subject - Storytelling for User Experience: Crafting stories for better design and Global UX: Design and research in a connected world - to help practitioners keep users in mind throughout the creative process. </p> <p> She's also passionate about Usability in Civic Life. Whitney has worked with election officials on usability and design of ballots and other election materials. Before she was seduced by a little beige computer into software, usability, and interface design, Whitney was a theatrical lighting designer on and off Broadway, learning about storytelling from some of the masters. </p> <p> She is currently working on a new book with Sarah Horton, <a href="https://rosenfeldmedia.com/books/a-web-for-everyone/">A Web for Everyone: Designing accessible user experiences</a>. </p> <p> Follow Whitney's practical UX advice anytime on Twitter <a href="https://twitter.com/whitneyq">@whitneyq</a> or find her next event on <a href="https://lanyrd.com/profile/whitneyq/">Lanyrd</a>. </p> </div> </div> </div> </div>   </td> </tr> <tr> <td class="eightPixel"> </td> </tr> <tr valign="bottom"> <td align="center" class="navfooterbg"> <table border="0" cellspacing="0" cellpadding="0" class="emailSignUpTable"> <tr> <td style="text-align:right"> <ul class="utility social"> <li><a class="twitter" href="http://twitter.com/oreillymedia" target="_blank"><span class="hidden">Twitter</span></a></li>  <li><a class="youtube" href="http://www.youtube.com/subscription_center?add_user=oreillymedia" target="_blank"><span class="hidden">YouTube</span></a></li> <li><a class="slideshare" href="http://slideshare.net/oreillymedia" target="_blank"><span class="hidden">Slideshare</span></a></li> <li><a class="facebook" href="http://www.facebook.com/OReilly" target="_blank"><span class="hidden">Facebook</span></a></li> <li><a class="rss" href="http://feeds.feedburner.com/oreilly/news" target="_blank"><span class="hidden">RSS</span></a></li> <li><a class="all-rss" href="http://www.oreilly.com/feeds/index.html">View All RSS Feeds ></a></li> </ul> </td> </tr> </table> <div id="multiColumnFooter"> <div id="footer-branding"> <p class="copyright">© 2025, O’Reilly Media, Inc.</p> <p> <span class="phone-number">(707) 827-7019</span> <span class="phone-number">(800) 889-8969</span> </p> <p class="trademarks">All trademarks and registered trademarks appearing on oreilly.com are the property of their respective owners.</p> </div> <div class="contentSectionBlock"> <div class="contentSectionContainer" > <span id="footerColumn-1" class="contentSection"> <h3>About O'Reilly</h3> <ul> <li><a class="footer" href="http://www.oreilly.com/academic/index.html">Academic Solutions</a></li> <li><a class="footer" href="http://www.oreilly.com/jobs/index.html">Jobs</a></li> <li><a class="footer" href="http://www.oreilly.com/about/contact.html">Contacts</a></li> <li><a class="footer" href="http://www.oreilly.com/about/index.html">Corporate Information</a></li> <li><a class="footer" href="http://www.oreilly.com/press/index.html">Press Room</a></li> <li><a class="footer" href="http://www.oreilly.com/privacy.html">Privacy Policy</a></li> <li><a class="footer" href="http://www.oreilly.com/terms/index.html">Terms of Service</a></li> <li><a class="footer" href="http://www.oreilly.com/work-with-us.html">Work with Us</a></li> <li><a class="footer" href="http://www.oreilly.com/about/editorial_independence.html">Editorial Independence</a></li> </ul> </span> </div> <div class="contentSectionContainer" > <span id="footerColumn-2" class="contentSection"> <h3>Community</h3> <ul> <li><a class="footer" href="http://animals.oreilly.com/">Animals</a></li> <li><a class="footer" href="http://www.oreilly.com/authors/index.html">Authors</a></li> <li><a class="footer" href="http://www.oreilly.com/webcasts/index.html">Webcasts</a></li> <li><a class="footer" href="http://oreilly.com/community/">Community & Featured Users</a></li> <li><a class="footer" href="http://forums.oreilly.com/">Forums</a></li> <li><a class="footer" href="http://post.oreilly.com/form/oreilly/signup">Newsletters</a></li> <li><a class="footer" href="http://www.oreilly.com/feeds/index.html">RSS Feeds</a></li> <li><a class="footer" href="http://www.oreilly.com/ug/index.html">Meetups & User Groups</a></li> </ul> </span> </div> <div class="contentSectionContainer" > <span id="footerColumn-3" class="contentSection"> <h3>Partner Sites</h3> <ul> <li><a class="footer" href="http://makezine.com/">makezine.com</a></li> <li><a class="footer" href="http://makerfaire.com/">makerfaire.com</a></li> <li><a class="footer" href="http://craftzine.com/">craftzine.com</a></li> <li><a class="footer" href="http://blogs.forbes.com/oreillymedia/">O'Reilly Insights on Forbes.com</a></li> </ul> </span> </div> <div class="contentSectionContainer" > <span id="footerColumn-4" class="contentSection"> <h3>Shop O'Reilly</h3> <ul> <li><a class="footer" href="http://shop.oreilly.com/category/customer-service.do">Customer Service</a></li> <li><a class="footer" href="http://shop.oreilly.com/category/customer-service.do">Contact Us</a></li> <li><a class="footer" href="http://shop.oreilly.com/category/customer-service/shipping-information.do">Shipping Information</a></li> <li><a class="footer" href="http://shop.oreilly.com/category/customer-service/ordering-payment.do">Ordering & Payment</a></li> <li><a class="footer" href="http://www.oreilly.com/affiliates/index.html">Affiliate Program</a></li> <li><a class="footer" href="http://shop.oreilly.com/category/customer-service/oreilly-guarantee.do">The O'Reilly Guarantee</a></li> </ul> </span> </div>  <div style="clear:both;"></div> </div> </div> </td> </tr> </table> </div>  </div>  <script type="text/javascript" src="//cdn.oreillystatic.com/oreilly/ml/js/footerScripts.js"></script>  <script type="text/javascript"> var cbjspath = "static.chartbeat.com/js/chartbeat.js?uid=1632&domain=oreilly.com"; var cbjsprotocol = (("https:" == document.location.protocol) ? "https://s3.amazonaws.com/" : "http://"); document.write(unescape("%3Cscript src='"+cbjsprotocol+cbjspath+"' type='text/javascript'%3E%3C/script%3E")) </script>  <script type="text/javascript"> setTimeout(function(){var a=document.createElement("script"); var b=document.getElementsByTagName('script')[0]; a.src=document.location.protocol+"//dnn506yrbagrg.cloudfront.net/pages/scripts/0011/6381.js"; a.async=true;a.type="text/javascript";b.parentNode.insertBefore(a,b)}, 1); </script>   <script type="text/javascript"> setTimeout(function() {var a=document.createElement("script"); var b=document.getElementsByTagName("script")[0]; a.src=document.location.protocol+"//dnn506yrbagrg.cloudfront.net/pages/scripts/0011/6381.js?"+Math.floor(new Date().getTime()/3600000); a.async=true;a.type="text/javascript";b.parentNode.insertBefore(a,b)} , 1); </script>  <script type="text/javascript" nonce="8ce4a3da1d8172f9610def7305340c1e" src="/JkiNyJjM/po5abNO/HmOpZXS/zz/c77mNJzGQGNQEm/LloSAg/Vw0/HWDcAOTcB"></script><link rel="stylesheet" type="text/css" nonce="8ce4a3da1d8172f9610def7305340c1e" href="/JkiNyJjM/po5abNO/HmOpZXS/zz/m27m/SU5vAQ/Qwo/iIhg5Jj9Y"><script nonce="8ce4a3da1d8172f9610def7305340c1e" src="/JkiNyJjM/po5abNO/HmOpZXS/zz/m27m/SU5vAQ/d0w/6Lzl3bTgq" async defer></script><div id="sec-overlay" style="display:none;"><div id="sec-container"></div></div></body> </html>