CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Storytelling for User Experience | Rosenfeld Media</title><link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Work+Sans%3Awght%40400%3B500%3B600&ver=6.7.1&display=swap" /><style id="" media="print" onload="this.media='all'">@font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts.gstatic.com/s/worksans/v19/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nXNig.ttf) format('truetype'); } @font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url(/fonts.gstatic.com/s/worksans/v19/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K3vXNig.ttf) format('truetype'); } @font-face { font-family: 'Work Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url(/fonts.gstatic.com/s/worksans/v19/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K5fQNig.ttf) format('truetype'); } </style><noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Work+Sans%3Awght%40400%3B500%3B600&ver=6.7.1&display=swap" /></noscript> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>  <script data-cfasync="false" data-pagespeed-no-defer> var gtm4wp_datalayer_name = "dataLayer"; var dataLayer = dataLayer || []; const gtm4wp_use_sku_instead = false; const gtm4wp_currency = 'USD'; const gtm4wp_product_per_impression = 10; const gtm4wp_clear_ecommerce = false; </script> <meta name="description" content="Boost your UX skills with storytelling. Learn to create powerful narratives that uncover user needs, explain research, and inspire better design solutions."> <meta name="robots" content="index, follow"> <meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1"> <meta name="bingbot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1"> <link rel="canonical" href="https://rosenfeldmedia.com/books/storytelling-for-user-experience/"> <meta property="og:url" content="https://rosenfeldmedia.com/books/storytelling-for-user-experience/"> <meta property="og:site_name" content="Rosenfeld Media"> <meta property="og:locale" content="en_US"> <meta property="og:type" content="og:product"> <meta property="article:author" content="https://www.facebook.com/RosenfeldMediaUX"> <meta property="article:publisher" content="https://www.facebook.com/RosenfeldMediaUX"> <meta property="og:title" content="Storytelling for User Experience By Whitney Quesenbery & Kevin Brooks"> <meta property="og:description" content="Boost your UX skills with storytelling. Learn to create powerful narratives that uncover user needs, explain research, and inspire better design solutions."> <meta property="og:image" content="https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/7-storytelling.jpg"> <meta property="og:image:secure_url" content="https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/7-storytelling.jpg"> <meta property="og:image:width" content="900"> <meta property="og:image:height" content="1350"> <meta property="og:image:alt" content="storytelling front cover"> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="http://twitter.com/rosenfeldmedia"> <meta name="twitter:creator" content="http://twitter.com/rosenfeldmedia"> <meta name="twitter:title" content="Storytelling for User Experience By Whitney Quesenbery & Kevin Brooks"> <meta name="twitter:description" content="Boost your UX skills with storytelling. Learn to create powerful narratives that uncover user needs, explain research, and inspire better design solutions."> <meta name="twitter:image" content="https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/7-storytelling-683x1024.jpg"> <link rel='dns-prefetch' href='//stats.wp.com' /> <link rel='dns-prefetch' href='//plausible.io' /> <link rel='dns-prefetch' href='//use.typekit.net' /> <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link href='https://fonts.gstatic.com' crossorigin rel='preconnect' /> <link rel='stylesheet' id='wc-price-based-country-frontend-css' href='https://rosenfeldmedia.com/wp-content/plugins/woocommerce-product-price-based-on-countries/assets/css/frontend.min.css?ver=3.4.1' type='text/css' media='all' /> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://rosenfeldmedia.com/wp-includes/css/dist/block-library/style.min.css?ver=6.7.1' type='text/css' media='all' /> <link rel='stylesheet' id='wc-blocks-vendors-style-css' href='https://rosenfeldmedia.com/wp-content/plugins/woocommerce/packages/woocommerce-blocks/build/wc-blocks-vendors-style.css?ver=10.9.3' type='text/css' media='all' /> <link rel='stylesheet' id='wc-all-blocks-style-css' href='https://rosenfeldmedia.com/wp-content/plugins/woocommerce/packages/woocommerce-blocks/build/wc-all-blocks-style.css?ver=10.9.3' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <style id='woocommerce-inline-inline-css' type='text/css'> .woocommerce form .form-row .required { visibility: visible; } </style> <link rel='stylesheet' id='rm-import-users-css' href='https://rosenfeldmedia.com/wp-content/plugins/rm-import-users/public/css/rm-import-users-public.css?ver=1.0.0' type='text/css' media='all' /> <link rel='stylesheet' id='dashicons-css' href='https://rosenfeldmedia.com/wp-includes/css/dashicons.min.css?ver=6.7.1' type='text/css' media='all' /> <link rel='stylesheet' id='woocommerce-addons-css-css' href='https://rosenfeldmedia.com/wp-content/plugins/woocommerce-product-addons/assets/css/frontend/frontend.css?ver=6.8.2' type='text/css' media='all' /> <link rel='stylesheet' id='wc-price-based-country-addons-css' href='https://rosenfeldmedia.com/wp-content/plugins/woocommerce-price-based-country-pro-addon/assets/css/addons.css?ver=3.4.4' type='text/css' media='all' /> <link rel='stylesheet' id='style-css' href='https://rosenfeldmedia.com/wp-content/themes/rm-conference-2020/style.css?ver=1.5' type='text/css' media='all' /> <link rel='stylesheet' id='child-style-css' href='https://rosenfeldmedia.com/wp-content/themes/rm-books/style.css?ver=6.7.1' type='text/css' media='all' /> <link rel='stylesheet' id='rm-font-jubilat-css' href='https://use.typekit.net/uol2dkd.css?ver=6.7.1' type='text/css' media='all' /> <link rel='stylesheet' id='stripe_styles-css' href='https://rosenfeldmedia.com/wp-content/plugins/woocommerce-gateway-stripe/assets/css/stripe-styles.css?ver=7.6.0' type='text/css' media='all' /> <link rel='stylesheet' id='wpmenucart-icons-css' href='https://rosenfeldmedia.com/wp-content/plugins/wp-menu-cart-pro/assets/css/wpmenucart-icons-pro.min.css?ver=4.0.3' type='text/css' media='all' /> <style id='wpmenucart-icons-inline-css' type='text/css'> @font-face { font-family:'WPMenuCart'; src: url('https://rosenfeldmedia.com/wp-content/plugins/wp-menu-cart-pro/assets/fonts/WPMenuCart.eot'); src: url('https://rosenfeldmedia.com/wp-content/plugins/wp-menu-cart-pro/assets/fonts/WPMenuCart.eot?#iefix') format('embedded-opentype'), url('https://rosenfeldmedia.com/wp-content/plugins/wp-menu-cart-pro/assets/fonts/WPMenuCart.woff2') format('woff2'), url('https://rosenfeldmedia.com/wp-content/plugins/wp-menu-cart-pro/assets/fonts/WPMenuCart.woff') format('woff'), url('https://rosenfeldmedia.com/wp-content/plugins/wp-menu-cart-pro/assets/fonts/WPMenuCart.ttf') format('truetype'), url('https://rosenfeldmedia.com/wp-content/plugins/wp-menu-cart-pro/assets/fonts/WPMenuCart.svg#WPMenuCart') format('svg'); font-weight:normal; font-style:normal; font-display:swap; } </style> <link rel='stylesheet' id='wpmenucart-css' href='https://rosenfeldmedia.com/wp-content/plugins/wp-menu-cart-pro/assets/css/wpmenucart-main.min.css?ver=4.0.3' type='text/css' media='all' /> <link rel='stylesheet' id='wc-pb-checkout-blocks-css' href='https://rosenfeldmedia.com/wp-content/plugins/woocommerce-product-bundles/assets/css/frontend/checkout-blocks.css?ver=7.1.0' type='text/css' media='all' /> <script type="text/template" id="tmpl-variation-template"> <div class="woocommerce-variation-description">{{{ data.variation.variation_description }}}</div> <div class="woocommerce-variation-price">{{{ data.variation.price_html }}}</div> <div class="woocommerce-variation-availability">{{{ data.variation.availability_html }}}</div> </script> <script type="text/template" id="tmpl-unavailable-variation-template"> <p>Sorry, this product is unavailable. Please choose a different combination.</p> </script> <script type="text/javascript" src="https://rosenfeldmedia.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script> <script type="text/javascript" src="https://stats.wp.com/w.js?ver=202507" id="woo-tracks-js" defer></script> <script type="text/javascript" src="https://rosenfeldmedia.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://rosenfeldmedia.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js" defer></script> <script type="text/javascript" src="https://rosenfeldmedia.com/wp-content/plugins/plausible-analytics/assets/dist/js/plausible-woocommerce-integration.js?ver=1734534367" id="plausible-woocommerce-integration-js" defer></script> <script type="text/javascript" src="https://rosenfeldmedia.com/wp-content/plugins/rm-import-users/public/js/rm-import-users-public.js?ver=1.0.0" id="rm-import-users-js" defer></script> <script type="text/javascript" defer data-domain='rosenfeldmedia.com' data-api='https://plausible.io/api/event' data-cfasync='false' src="https://plausible.io/js/plausible.outbound-links.file-downloads.revenue.tagged-events.js?ver=2.1.4" id="plausible"></script> <script type="text/javascript" id="plausible-analytics-js-after"> /* <![CDATA[ */ window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) } /* ]]> */ </script> <script type="text/javascript" id="woocommerce-tokenization-form-js-extra"> /* <![CDATA[ */ var wc_tokenization_form_params = {"is_registration_required":"1","is_logged_in":""}; /* ]]> */ </script> <script type="text/javascript" src="https://rosenfeldmedia.com/wp-content/plugins/woocommerce/assets/js/frontend/tokenization-form.min.js?ver=8.1.1" id="woocommerce-tokenization-form-js" defer></script> <script type="text/javascript" id="wpmenucart-remove-js-extra"> /* <![CDATA[ */ var wpmenucart_ajax = {"ajaxurl":"https:\/\/rosenfeldmedia.com\/wp-admin\/admin-ajax.php","nonce":"a00d31cdfb"}; /* ]]> */ </script> <script type="text/javascript" src="https://rosenfeldmedia.com/wp-content/plugins/wp-menu-cart-pro/assets/js/wpmenucart-remove.min.js?ver=4.0.3" id="wpmenucart-remove-js" defer></script> <link rel="https://api.w.org/" href="https://rosenfeldmedia.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://rosenfeldmedia.com/wp-json/wp/v2/product/187478" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://rosenfeldmedia.com/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.7.1" /> <meta name="generator" content="WooCommerce 8.1.1" /> <link rel='shortlink' href='https://rosenfeldmedia.com/?p=187478' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://rosenfeldmedia.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Frosenfeldmedia.com%2Fbooks%2Fstorytelling-for-user-experience%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://rosenfeldmedia.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Frosenfeldmedia.com%2Fbooks%2Fstorytelling-for-user-experience%2F&format=xml" /> <script> var el_i13_login_captcha=null; var el_i13_register_captcha=null; </script><script type="text/javascript">document.documentElement.className += " js";</script> <meta name='plausible-analytics-version' content='2.1.4' />   <script data-cfasync="false" data-pagespeed-no-defer type="text/javascript"> var dataLayer_content = {"pagePostType":"product","pagePostType2":"single-product","pagePostAuthor":"adelinecm","customerTotalOrders":0,"customerTotalOrderValue":0,"customerFirstName":"","customerLastName":"","customerBillingFirstName":"","customerBillingLastName":"","customerBillingCompany":"","customerBillingAddress1":"","customerBillingAddress2":"","customerBillingCity":"","customerBillingState":"","customerBillingPostcode":"","customerBillingCountry":"","customerBillingEmail":"","customerBillingEmailHash":"","customerBillingPhone":"","customerShippingFirstName":"","customerShippingLastName":"","customerShippingCompany":"","customerShippingAddress1":"","customerShippingAddress2":"","customerShippingCity":"","customerShippingState":"","customerShippingPostcode":"","customerShippingCountry":"","cartContent":{"totals":{"applied_coupons":[],"discount_total":0,"subtotal":0,"total":0},"items":[]},"productRatingCounts":[],"productAverageRating":0,"productReviewCount":0,"productType":"variable","productIsVariable":1}; dataLayer.push( dataLayer_content ); </script> <script data-cfasync="false"> (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= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TBPWK6F'); </script>  <noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript> <link rel="icon" href="https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2022/05/cropped-rm-elephant-green-32x32.png" sizes="32x32" /> <link rel="icon" href="https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2022/05/cropped-rm-elephant-green-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2022/05/cropped-rm-elephant-green-180x180.png" /> <meta name="msapplication-TileImage" content="https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2022/05/cropped-rm-elephant-green-270x270.png" /> <style type="text/css" id="wp-custom-css"> p.shifted { margin-left: 30px; } .membership-table, .membership-table th, .membership-table td { border: 1px solid black; border-collapse: collapse; } .membership-table-container{ overflow: scroll; max-width: 100%; margin-bottom: 30px; } .membership-table th, .membership-table td{ padding: 8px 8px; } @media (max-width: 620px){ .membership-table ul{ padding-left: 22px !important; } .membership-table td, .membership-table p, .membership-table li{ font-size: 14px !important; } } </style> <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js" defer></script> </head> <body class="u_body product-template-default single single-product postid-187478 theme-rm-conference-2020 woocommerce woocommerce-page woocommerce-no-js theme-community"> <div class="main-header"> <div class="u_header oldRm oldRmAlt"> <div class="wrapper"> <div class="content-logo"> <a href="https://rosenfeldmedia.com"> <img src="https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2022/10/RM_horizontal_white-website.png"> </a> </div> <div class="content-list"> <ul id="menu-main-nav-post-membership" class="main-menu"><li id="menu-item-258185" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children current_page_parent menu-item-258185"><a href="https://rosenfeldmedia.com/books/">Books</a> <ul class="sub-menu"> <li id="menu-item-258188" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-258188"><a href="https://rosenfeldmedia.com/books/">Published Books</a></li> <li id="menu-item-258187" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-258187"><a href="/books/?status=upcoming">Upcoming Books</a></li> <li id="menu-item-258186" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-258186"><a href="/people/#authors">Authors</a></li> <li id="menu-item-267406" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-267406"><a href="https://rosenfeldmedia.com/group-book-orders/">Bulk orders</a></li> <li id="menu-item-259327" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-259327"><a href="https://rosenfeldmedia.com/about/for-prospective-authors/">Propose a book</a></li> </ul> </li> <li id="menu-item-259342" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-259342"><a href="#">Training</a> <ul class="sub-menu"> <li id="menu-item-258522" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-258522"><a href="https://rosenfeldmedia.com/training/">Corporate Training</a></li> <li id="menu-item-258191" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-258191"><a href="/rosenfeld-workshops/">Public Workshops</a></li> </ul> </li> <li id="menu-item-268140" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-268140"><a href="https://rosenfeldmedia.com/conferences/">Events</a> <ul class="sub-menu"> <li id="menu-item-258195" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-258195"><a href="https://rosenfeldmedia.com/all-sessions/?search_page=1&date_from=2025-02-12&order=desc&df=true">Upcoming Events</a></li> <li id="menu-item-258192" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-258192"><a href="https://rosenfeldmedia.com/conferences/">Upcoming Conferences</a></li> <li id="menu-item-258194" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-258194"><a href="/all-sessions/">Past Events & Conferences</a></li> </ul> </li> <li id="menu-item-258198" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-258198"><a href="/rosenverse/">Rosenverse</a> <ul class="sub-menu"> <li id="menu-item-258197" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-258197"><a href="https://rosenfeldmedia.com/all-sessions/?search_page=1&date_from=2025-02-12&order=desc&df=true">Upcoming Events & Conferences</a></li> <li id="menu-item-258199" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-258199"><a href="/all-sessions/">Search & Browse</a></li> <li id="menu-item-258196" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-258196"><a href="http://rosenbot.rosenfeldmedia.com/">Ask the Rosenbot</a></li> <li id="menu-item-258200" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-258200"><a href="https://rosenfeldmedia.com/welcome-to-membership/">Membership Home</a></li> </ul> </li> <li class="menu-item wpmenucart wpmenucartli wpmenucart-display-standard menu-item menu-item-has-children wp-block-navigation-item wp-block-navigation-link empty" style=""> <a class="wpmenucart-contents empty-wpmenucart-visible wp-block-navigation-item__content" href="https://rosenfeldmedia.com/books/" title="Start shopping"> <i class="wpmenucart-icon-shopping-cart-5" role="img" aria-label="Cart"></i><span class="cartcontents">0 items</span> </a> </li></ul> <div class="login isButton"> <a href="https://rosenfeldmedia.com/my-account" class="isButton">Log In</a> </div> </div> <div class="mobile-btn"> <a href="javascript:;"> <svg width="30px" height="20px" viewBox="0 0 30 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Homepage" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round"> <g id="1_HP_mobile" transform="translate(-325.000000, -108.000000)" stroke="#2AA2FF" stroke-width="2"> <g id="mobile-nav" transform="translate(14.000000, 90.000000)"> <g id="Group" transform="translate(312.000000, 19.000000)"> <line x1="27.5" y1="0.5" x2="0.5" y2="0.5" id="Line-4"></line> <line x1="27.5" y1="8.5" x2="0.5" y2="8.5" id="Line-4"></line> <line x1="27.5" y1="17.5" x2="0.5" y2="17.5" id="Line-4"></line> </g> </g> </g> </g> </svg> </a> </div> </div> </div> </div> <main class="main-content"> <div class="u_header-bar oldRm oldRmAlt"> <div class="content-text"> Experience the future of UXR at Advancing Research 2025 </div> <div class="content-complement"> <a class="button" href="https://rosenfeldmedia.com/advancing-research/2025/" target="_blank">Join us</a> </div> </div> <div class="u_tpl-single-product">  <div class="woocommerce-notices-wrapper"></div> <div itemscope itemtype="http://schema.org/Product" id="product-187478" class="post-187478 product type-product status-publish has-post-thumbnail product_cat-books product_tag-information-architecture product_tag-interaction-design product_tag-user-research first instock taxable shipping-taxable purchasable product-type-variable has-default-attributes"> <nav class="m_breadcrumb"> <div class="wrapper"> <p class="breadcrumb__crumbs"> <span prefix="v: http://rdf.data-vocabulary.org/#"> <span typeof="v:Breadcrumb"><a href="https://rosenfeldmedia.com" rel="v:url" property="v:title">Home</a></span> / <span typeof="v:Breadcrumb"><a href="https://rosenfeldmedia.com/books" rel="v:url" property="v:title">Books</a></span> / <span typeof="v:Breadcrumb"><span class="breadcrumb_last" property="v:title">Storytelling for User Experience</span></span> </span> </p> </div> </div> <div class="m_book-header"> <div class="wrapper"> <div class="image-wrapper"> <a href="https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/7-storytelling.jpg" itemprop="image" class="woocommerce-main-image zoom" title="7-storytelling" data-rel="prettyPhoto"><img width="320" height="480" src="https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/7-storytelling.jpg" class="product__image" alt="Storytelling for User Experience Cover" title="Storytelling for User Experience" decoding="async" fetchpriority="high" srcset="https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/7-storytelling.jpg 900w, https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/7-storytelling-200x300.jpg 200w, https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/7-storytelling-683x1024.jpg 683w, https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/7-storytelling-768x1152.jpg 768w, https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/7-storytelling-600x900.jpg 600w" sizes="(max-width: 320px) 100vw, 320px" /></a> </div> <form class="variations_form cart" method="post" enctype='multipart/form-data' data-product_id="187478" data-product_variations="[{"attributes":{"attribute_pa_format":"paperback-ebooks"},"availability_html":"","backorders_allowed":false,"dimensions":{"length":"9","width":"6","height":"1"},"dimensions_html":"9 &times; 6 &times; 1 in","display_price":54.99,"display_regular_price":54.99,"image":{"title":"7-storytelling","caption":"","url":"https:\/\/rm-media.nyc3.digitaloceanspaces.com\/wp-content\/uploads\/2023\/04\/7-storytelling.jpg","alt":"storytelling front cover","src":"https:\/\/rm-media.nyc3.digitaloceanspaces.com\/wp-content\/uploads\/2023\/04\/7-storytelling-600x900.jpg","srcset":"https:\/\/rm-media.nyc3.digitaloceanspaces.com\/wp-content\/uploads\/2023\/04\/7-storytelling-600x900.jpg 600w, https:\/\/rm-media.nyc3.digitaloceanspaces.com\/wp-content\/uploads\/2023\/04\/7-storytelling-200x300.jpg 200w, https:\/\/rm-media.nyc3.digitaloceanspaces.com\/wp-content\/uploads\/2023\/04\/7-storytelling-683x1024.jpg 683w, https:\/\/rm-media.nyc3.digitaloceanspaces.com\/wp-content\/uploads\/2023\/04\/7-storytelling-768x1152.jpg 768w, https:\/\/rm-media.nyc3.digitaloceanspaces.com\/wp-content\/uploads\/2023\/04\/7-storytelling.jpg 900w","sizes":"(max-width: 600px) 100vw, 600px","full_src":"https:\/\/rm-media.nyc3.digitaloceanspaces.com\/wp-content\/uploads\/2023\/04\/7-storytelling.jpg","full_src_w":900,"full_src_h":1350,"gallery_thumbnail_src":"https:\/\/rm-media.nyc3.digitaloceanspaces.com\/wp-content\/uploads\/2023\/04\/7-storytelling-100x100.jpg","gallery_thumbnail_src_w":100,"gallery_thumbnail_src_h":100,"thumb_src":"https:\/\/rm-media.nyc3.digitaloceanspaces.com\/wp-content\/uploads\/2023\/04\/7-storytelling-450x450.jpg","thumb_src_w":300,"thumb_src_h":300,"src_w":600,"src_h":900},"image_id":187661,"is_downloadable":true,"is_in_stock":true,"is_purchasable":true,"is_sold_individually":"no","is_virtual":false,"max_qty":"","min_qty":1,"price_html":"<span class=\"price\"><span class=\"wcpbc-price wcpbc-price-187479 loading\" data-product-id=\"187479\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">US&#36;<\/span>54.99<\/bdi><\/span><span class=\"wcpbc-placeholder -dots\"><\/span><\/span><\/span>","sku":"9781933820477","variation_description":"","variation_id":187479,"variation_is_active":true,"variation_is_visible":true,"weight":"1.2","weight_html":"1.2 lbs"},{"attributes":{"attribute_pa_format":"ebooks"},"availability_html":"","backorders_allowed":false,"dimensions":{"length":"9","width":"6","height":"1"},"dimensions_html":"9 &times; 6 &times; 1 in","display_price":45.99,"display_regular_price":45.99,"image":{"title":"7-storytelling","caption":"","url":"https:\/\/rm-media.nyc3.digitaloceanspaces.com\/wp-content\/uploads\/2023\/04\/7-storytelling.jpg","alt":"storytelling front cover","src":"https:\/\/rm-media.nyc3.digitaloceanspaces.com\/wp-content\/uploads\/2023\/04\/7-storytelling-600x900.jpg","srcset":"https:\/\/rm-media.nyc3.digitaloceanspaces.com\/wp-content\/uploads\/2023\/04\/7-storytelling-600x900.jpg 600w, https:\/\/rm-media.nyc3.digitaloceanspaces.com\/wp-content\/uploads\/2023\/04\/7-storytelling-200x300.jpg 200w, https:\/\/rm-media.nyc3.digitaloceanspaces.com\/wp-content\/uploads\/2023\/04\/7-storytelling-683x1024.jpg 683w, https:\/\/rm-media.nyc3.digitaloceanspaces.com\/wp-content\/uploads\/2023\/04\/7-storytelling-768x1152.jpg 768w, https:\/\/rm-media.nyc3.digitaloceanspaces.com\/wp-content\/uploads\/2023\/04\/7-storytelling.jpg 900w","sizes":"(max-width: 600px) 100vw, 600px","full_src":"https:\/\/rm-media.nyc3.digitaloceanspaces.com\/wp-content\/uploads\/2023\/04\/7-storytelling.jpg","full_src_w":900,"full_src_h":1350,"gallery_thumbnail_src":"https:\/\/rm-media.nyc3.digitaloceanspaces.com\/wp-content\/uploads\/2023\/04\/7-storytelling-100x100.jpg","gallery_thumbnail_src_w":100,"gallery_thumbnail_src_h":100,"thumb_src":"https:\/\/rm-media.nyc3.digitaloceanspaces.com\/wp-content\/uploads\/2023\/04\/7-storytelling-450x450.jpg","thumb_src_w":300,"thumb_src_h":300,"src_w":600,"src_h":900},"image_id":187661,"is_downloadable":true,"is_in_stock":true,"is_purchasable":true,"is_sold_individually":"no","is_virtual":true,"max_qty":"","min_qty":1,"price_html":"<span class=\"price\"><span class=\"wcpbc-price wcpbc-price-187480 loading\" data-product-id=\"187480\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">US&#36;<\/span>45.99<\/bdi><\/span><span class=\"wcpbc-placeholder -dots\"><\/span><\/span><\/span>","sku":"9781933820033","variation_description":"","variation_id":187480,"variation_is_active":true,"variation_is_visible":true,"weight":"1.2","weight_html":"1.2 lbs"}]"> <input type="hidden" name="add-to-cart" value="187478"/> <input type="hidden" name="product_id" value="187478"/> <input type="hidden" name="variation_id" value=""/> <div class="cta-bar__price" style="display: none;"> <div class="single_variation_wrap" style="display:none;"> <div class="single_variation"> "> </div> <div class="variations_button">   </div> </div> </div>  <div class="cta-bar__formats "> <div class="variations add-cart-forms"> <div class="form-container"> <div class="variation-info"> <div style="display: none;"> <input type="radio" name="attribute_pa_format" id="paperback-ebooks1" value="paperback-ebooks" value="paperback-ebooks" checked='checked'><label for="paperback-ebooks1">Paperback + Ebooks</label> </div> <p class="name"> Paperback + Ebooks <span class="m_custom-tooltip"> <span class="i">i</span> <span class="tooltip-content">Our paperbacks come with a free DRM-free ebook in three common formats: ePUB, Kindle (MOBI), and DAISY.</span> </span> </p> <div class="amount" data-variation-id="187479"><span class="price"><span class="wcpbc-price wcpbc-price-187479 loading" data-product-id="187479"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">US$</span>54.99</bdi></span><span class="wcpbc-placeholder -dots"></span></span></span></div> <div class="btn-container"> <a class="btn btn-add-variation" href="javascript:;">Add to cart</a> </div> </div> <div class="variation-info"> <div style="display: none;"> <input type="radio" name="attribute_pa_format" id="ebooks2" value="ebooks" value="ebooks" ><label for="ebooks2">Ebooks only</label> </div> <p class="name"> Ebooks only <span class="m_custom-tooltip"> <span class="i">i</span> <span class="tooltip-content">Our DRM-free ebooks are available in two common formats: ePub (for Kindle and iPad) and DAISY.</span> </span> </p> <div class="amount" data-variation-id="187480"><span class="price"><span class="wcpbc-price wcpbc-price-187480 loading" data-product-id="187480"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">US$</span>45.99</bdi></span><span class="wcpbc-placeholder -dots"></span></span></span></div> <div class="btn-container"> <a class="btn btn-add-variation" href="javascript:;">Add to cart</a> </div> </div> </div> </div> </div>  </form> <script> let addToCartForm = document.querySelector('form.cart'); let quantity = document.querySelector('input[name="quantity"]'); addToCartForm.classList.add('plausible-event-name=Woo+Add+to+Cart'); addToCartForm.classList.add('plausible-event-quantity=' + quantity.value); addToCartForm.classList.add('plausible-event-product_id=187478'); addToCartForm.classList.add('plausible-event-product_name=Storytelling+for+User+Experience'); addToCartForm.classList.add('plausible-event-price=45.99'); quantity.addEventListener('change', function (e) { let target = e.target; addToCartForm.className = addToCartForm.className.replace(/(plausible-event-quantity=).+?/, "\$1" + target.value); }); </script> <div class="m_book-header--authors"> <div class="author"> <div class="image"> <img width="250" height="250" src="https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2022/07/whitney-1.jpg" class="attachment-medium size-medium" alt="" decoding="async" srcset="https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2022/07/whitney-1.jpg 250w, https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2022/07/whitney-1-150x150.jpg 150w, https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2022/07/whitney-1-100x100.jpg 100w" sizes="(max-width: 250px) 100vw, 250px" /> </div> <a class="link" href="https://rosenfeldmedia.com/people/whitney-quesenbery/" title="Whitney Quesenbery" >About Whitney Quesenbery </a> </div> <div class="author"> <div class="image"> <img width="300" height="300" src="https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2022/07/kevin-brooks-600x600-1-300x300.jpg" class="attachment-medium size-medium" alt="kevin brooks headshot" decoding="async" srcset="https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2022/07/kevin-brooks-600x600-1-300x300.jpg 300w, https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2022/07/kevin-brooks-600x600-1-150x150.jpg 150w, https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2022/07/kevin-brooks-600x600-1-180x180.jpg 180w, https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2022/07/kevin-brooks-600x600-1-320x320.jpg 320w, https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2022/07/kevin-brooks-600x600-1-480x480.jpg 480w, https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2022/07/kevin-brooks-600x600-1-288x288.jpg 288w, https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2022/07/kevin-brooks-600x600-1-100x100.jpg 100w, https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2022/07/kevin-brooks-600x600-1.jpg 600w" sizes="(max-width: 300px) 100vw, 300px" /> </div> <a class="link" href="https://rosenfeldmedia.com/people/kevin-brooks/" title="Kevin Brooks" >About Kevin Brooks </a> </div> </div> <div class="content"> <h1 itemprop="name" class="book-title">Storytelling for User Experience</h1> <div class="book-spot-image"> <img src="https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2022/06/STORYTELLING-FOR-USER-EXPERIENCE.png" alt="storytelling for ux spot image" /> <h2 class="book-subtitle">Crafting Stories for Better Design</h2> </div> <p class="author"> By <a href="https://rosenfeldmedia.com/people/whitney-quesenbery/" title="Whitney Quesenbery">Whitney Quesenbery</a> & <a href="https://rosenfeldmedia.com/people/kevin-brooks/" title="Kevin Brooks">Kevin Brooks</a> </p> <div class="book-meta"> <div> <strong>Published:</strong> April 2010 </div> <div><strong>Paperback:</strong> 298 pages</div> <div> <strong>Paperback ISBN:</strong> 978-1933820-47-7 </div> <div> <strong>Ebook ISBN:</strong> 978-1933820-03-3 </div> </div> <div class="content-overview">  <p>We all use stories to communicate, explore, persuade, and inspire. In user experience, stories help us to understand our users, learn about their goals, explain our research, and demonstrate our design ideas. In this book, Quesenbery and Brooks teach you how to craft and tell your own unique stories to improve your designs.</p> </div> </div> <div class="overview">  <p>We all use stories to communicate, explore, persuade, and inspire. In user experience, stories help us to understand our users, learn about their goals, explain our research, and demonstrate our design ideas. In this book, Quesenbery and Brooks teach you how to craft and tell your own unique stories to improve your designs.</p> </div> </div> </div> <div class="m_book-content"> <div class="u_book-testimonials"> <div class="wrapper"> <h3>Testimonials</h3> <div class="carousel"> <div class="item"> <blockquote> <p>Storytelling has always been a critical part of human communication. And, it has often played some part in designing human-computer systems. As the scope of human computer systems continues to increase to new form factors, social contexts, and cultures, storytelling techniques are becoming ever more important throughout the design and development process. In聽<em>Storytelling for User Experience</em>, the authors present the User Experience practitioner a wide range of useful techniques and advice about storytelling. The book is liberally sprinkled with material taken from real world cases both from their own experience and from that of other practitioners. It is quite readable and should prove extremely valuable for anyone interested in making products that are actually useful and usable.</p> <cite> <p><strong>John C Thomas</strong>, Ph.D., IBM T. J. Watson Research Center</p> </cite> </blockquote> </div> <div class="item"> <blockquote> <p>Stories facilitate a level of communication that is as close to telepathy as you can get. Kevin and Whitney guide you to use storytelling in `how to’ scenarios so smoothly that you may never realize how far you leapfrogged ahead and never know the mistakes you didn’t make because of this book. It’s that good.</p> <cite> <p><strong>Annette Simmons</strong>, author of聽<cite>The Story Factor</cite></p> </cite> </blockquote> </div> <div class="item"> <blockquote> <p>For more than two decades I’ve taught that usability is the key to creating an accessible user experience for people with disabilities. However, Whitney and Kevin have opened my eyes to the incredible power of storytelling; how communicating user needs combined with empathic listening is the bridge that closes the gap between software design and accessibility. Storytelling creates the light bulb moment that says, `Ahhh…Now I understand.’ And that is what everyone wants鈥攖o be understood.</p> <cite> <p><strong>Mike Paciello</strong>, The Paciello Group</p> </cite> </blockquote> </div> <div class="item"> <blockquote> <p>A very practical, readable survey of ways to use one of the world’s oldest and most powerful transmedia forms鈥攕torytelling鈥攖o increase the coherence and effectiveness of digital artifacts. Brooks and Quesenbery offer concrete strategies for creating a richer design process and more successful user experiences.</p> <cite> <p><strong>Janet Murray</strong>, Director of Graduate Studies, Digital Media M.S./Ph.D. Program, Georgia Tech</p> </cite> </blockquote> </div> <div class="item"> <blockquote> <p>Storytelling is as old as humanity. We seem to have forgotten this communication art, its wisdom, and its pleasure, in an era of action-movies with mindless superheroes and heroines. Quesenbery and Brooks help us to remember the power of聽<i>effective</i>聽and聽<i>affective</i>聽storytelling in all phases of product/service development, from research and analysis, to design and evaluation. All the roads of storytelling lead to better understanding of oneself, of users, of stakeholders in the success of the user experience. This useful and innovative book treats the key components of good storytelling in developing user experiences and provides smart, focused advice for putting techniques into practice.</p> <cite> <p><strong>Aaron Marcus</strong>, President, Aaron Marcus and Associates,Inc. and Editor-in-Chief Emeritus, User Experience</p> </cite> </blockquote> </div> <div class="item"> <blockquote> <p>This book fills a gap that I didn’t know existed until I read it! Clearly, we are engaged in story telling as part of exploring, understanding, and bringing alive the user and the user’s experience. With this book, we can now add, if we aren’t doing this already, this tool to our UX toolkit. Going beyond the concept of personas and use cases, storytelling, as the authors illustrate so well in the book, can be applied to any part of the design and development of the product: from conception through birth and beyond.</p> <cite> <p><strong>Carol M. Barnum</strong>, Director, Usability Center and Director, Graduate programs in Information Design and Communication, Southern Polytechnic State University</p> </cite> </blockquote> </div> <div class="item"> <blockquote> <p>I have been tantalized by the power of the story to impact so many facets of the user experience process. The arrival of this thoughtful, actionable, and wide-ranging book is a glorious day!</p> <cite> <p><strong>Steve Portigal</strong>, Principal, Portigal Consulting</p> </cite> </blockquote> </div> <div class="item"> <blockquote> <p>Whitney and Kevin clearly articulate the power and effectiveness of storytelling for understanding users and communicating their real experiences to all project stakeholders. Their guidelines for integrating storytelling into user research and design have already given me new ways to help my clients better know their users and deliver great products and services. This is a reference I will be reaching for regularly.</p> <cite> <p><strong>Karen Bachmann</strong>, Partner, Seascape Consulting</p> </cite> </blockquote> </div> <div class="item"> <blockquote> <p>The user’s experience is not confined to a single point in time, but is built up over many moments and contexts. Designers must be able to explore this continuum, and return with information that helps design teams, and entire organisations, build better products and services. Most of us know the power of the story, but we may not appreciate how applicable story-telling can be to the work of the designer鈥攊n understanding users, communicating with business stakeholders, and in envisioning and creating. Read this book, and put the power of the story to work for your projects.</p> <cite> <p><strong>Gerry Gaffney</strong>, Director of Information & Design (www.infodesign.com.au) and producer of the User Experience podcast (www.uxpod.com)</p> </cite> </blockquote> </div> </div> </div> </div><div class="m_book-pages"> <div class="wrapper">  <div class="container table-of-contents "> <h3>Table of Contents</h3> <div class="content"> <p><strong>Foreword</strong> by Janice (Ginny) Redish<br /> <strong>Chapter 1:</strong> Why Stories?<br /> <strong>Chapter 2:</strong> How UX Stories Work<br /> <strong>Chapter 3:</strong> Stories Start with Listening (and Observing)<br /> <strong>Chapter 4:</strong> The Ethics of Stories<br /> <strong>Chapter 5:</strong> Stories as Part of a UX Process<br /> <strong>Chapter 6:</strong> Collecting Stories (as Part of Research)<br /> <strong>Chapter 7:</strong> Selecting Stories (as Part of Analysis)<br /> <strong>Chapter 8:</strong> Using Stories for Design Ideas<br /> <strong>Chapter 9:</strong> Evaluating with Stories<br /> <strong>Chapter 10:</strong> Sharing Stories (Managing Up and Across<br /> <strong>Chapter 11:</strong> Crafting a Story<br /> <strong>Chapter 12:</strong> Considering the Audience<br /> <strong>Chapter 13:</strong> Combining the Ingredients of a Story<br /> <strong>Chapter 14:</strong> Developing Structure and Plot<br /> <strong>Chapter 15:</strong> Ways to Tell Stories<br /> <strong>Chapter 16</strong> Try Something New</p> </div> </div> <div class="container faq "> <h3>FAQ</h3> <div class="content"> <p>These common questions about storytelling and their short answers are taken from Kevin Brooks & Whitney Quesenbery’s book聽<em><a href="/books/storytelling-for-user-experience/">Storytelling for User Experience</a></em>. You can find longer answers to each in your copy of the book, either printed or digital version.</p> <ol class="list-ol"> <li><b>Why stories in user experience design?<br /> </b>Stories have always been part of user experience design as scenarios, storyboard, flow charts, personas, and every other technique that we use to communicate how (and why) a new design will work. As a part of user experience design, stories serve to ground the work in a real context by connecting design ideas to the people who will use the product. This book starts with a look at how and why stories are so effective.<br /> <em>See Chapters 1 and 2.</em></li> </ol> <p><a href="/storytelling-for-user-experience-frequently-asked-questions/">Read more</a></p> </div> </div> </div> </div> <div class="u_book-recommendations"> <div class="wrapper"> <h3></h3> <div class="book-list"> <div class="book"> <a href="https://rosenfeldmedia.com/books/a-web-for-everyone/"> <div class="image"> <img width="200" height="300" src="https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/20-a-web-for-everyone-200x300.jpg" class="attachment-medium size-medium" alt="a web for everyone front cover" decoding="async" loading="lazy" srcset="https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/20-a-web-for-everyone-200x300.jpg 200w, https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/20-a-web-for-everyone-683x1024.jpg 683w, https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/20-a-web-for-everyone-768x1152.jpg 768w, https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/20-a-web-for-everyone-600x900.jpg 600w, https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/20-a-web-for-everyone.jpg 900w" sizes="auto, (max-width: 200px) 100vw, 200px" /> </div> </a> <h3> <a href="https://rosenfeldmedia.com/books/a-web-for-everyone/">A Web for Everyone</a> </h3> <h4> <a href="https://rosenfeldmedia.com/books/a-web-for-everyone/">Designing Accessible User Experiences</a> </h4> <div class="author">By <a href="https://rosenfeldmedia.com/people/sarah-horton/">Sarah Horton</a> & <a href="https://rosenfeldmedia.com/people/whitney-quesenbery/">Whitney Quesenbery</a></div> </div> <div class="book"> <a href="https://rosenfeldmedia.com/books/see-what-i-mean/"> <div class="image"> <img width="200" height="300" src="https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/12-see-what-i-mean-200x300.jpg" class="attachment-medium size-medium" alt="see what i mean front cover" decoding="async" loading="lazy" srcset="https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/12-see-what-i-mean-200x300.jpg 200w, https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/12-see-what-i-mean-683x1024.jpg 683w, https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/12-see-what-i-mean-768x1152.jpg 768w, https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/12-see-what-i-mean-1024x1536.jpg 1024w, https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/12-see-what-i-mean-1365x2048.jpg 1365w, https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/12-see-what-i-mean-600x900.jpg 600w, https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/12-see-what-i-mean-scaled.jpg 1707w" sizes="auto, (max-width: 200px) 100vw, 200px" /> </div> </a> <h3> <a href="https://rosenfeldmedia.com/books/see-what-i-mean/">See What I Mean</a> </h3> <h4> <a href="https://rosenfeldmedia.com/books/see-what-i-mean/">How to Use Comics to Communicate Ideas</a> </h4> <div class="author">By <a href="https://rosenfeldmedia.com/people/kevin-cheng/">Kevin Cheng</a></div> </div> <div class="book"> <a href="https://rosenfeldmedia.com/books/storymapping/"> <div class="image"> <img width="200" height="300" src="https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/25-the-users-journey-200x300.jpg" class="attachment-medium size-medium" alt="the users journey front cover" decoding="async" loading="lazy" srcset="https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/25-the-users-journey-200x300.jpg 200w, https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/25-the-users-journey-683x1024.jpg 683w, https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/25-the-users-journey-768x1152.jpg 768w, https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/25-the-users-journey-600x900.jpg 600w, https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/25-the-users-journey.jpg 900w" sizes="auto, (max-width: 200px) 100vw, 200px" /> </div> </a> <h3> <a href="https://rosenfeldmedia.com/books/storymapping/">The User’s Journey</a> </h3> <h4> <a href="https://rosenfeldmedia.com/books/storymapping/">Storymapping Products That People Love</a> </h4> <div class="author">By <a href="https://rosenfeldmedia.com/people/donna-lichaw/">Donna Lichaw</a></div> </div> <div class="book"> <a href="https://rosenfeldmedia.com/?post_type=product&p=187502"> <div class="image"> <img width="200" height="300" src="https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/17-ux-team-of-one-200x300.jpg" class="attachment-medium size-medium" alt="ux team of one front cover" decoding="async" loading="lazy" srcset="https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/17-ux-team-of-one-200x300.jpg 200w, https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/17-ux-team-of-one-683x1024.jpg 683w, https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/17-ux-team-of-one-768x1152.jpg 768w, https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/17-ux-team-of-one-600x900.jpg 600w, https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/17-ux-team-of-one.jpg 900w" sizes="auto, (max-width: 200px) 100vw, 200px" /> </div> </a> <h3> <a href="https://rosenfeldmedia.com/?post_type=product&p=187502">The User Experience Team of One (1st Edition)</a> </h3> <h4> <a href="https://rosenfeldmedia.com/?post_type=product&p=187502">A Research and Design Survival Guide</a> </h4> <div class="author">By <a href="https://rosenfeldmedia.com/people/leah-buley/">Leah Buley</a></div> </div> </div> </div> </div></div> <div class="wrapper"> <ul class="layout"> <li class="product__main product__main-- layout__item lap-and-up-2/3"> </li> </ul> </div> <meta itemprop="url" content="https://rosenfeldmedia.com/books/storytelling-for-user-experience/"/> </div> </div> <div id="cart-confirmation" style="display: none;"> <div class="m_cart-confirmation"> <p class="title">The product was added to your cart</p> <img src="https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/04/7-storytelling.jpg"> <div class="product-info"> <h4>Storytelling for User Experience</h4> <div class="price"></div> </div> <div class="bottom"> <a class="btn btn-clean" href="javascript:jQuery.fancybox.close();">Continue Shopping</a> <a class="btn" href="/cart">Cart</a> </div> </div></div> </main> <div class="u_subscribe-form"> <div class="wrapper"> <link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css"> <form action="https://rosenfeldmedia.us2.list-manage.com/subscribe/post?u=dc483ad23e424799eb49ea9de&id=2533ff0141&SIGNUP=MAIN" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> <div id='mc_embed_signup_scroll'> <div class='mc-field-group'> <label for='mce-EMAIL'>Sign up for the mailing list</label> </div> <div id="mce-responses" class="clear"> <div class="response" id="mce-error-response" style="display:none"></div> <div class="response" id="mce-success-response" style="display:none"></div> </div> <div class='mc-field-group'> <input id='mce-FNAME' class='' name='FNAME' type='text' value='' placeholder='First name' /> </div> <div class='mc-field-group'> <input id='mce-LNAME' class='' name='LNAME' type='text' value='' placeholder='Last name' /> </div> <div class='mc-field-group email'> <input id='mce-EMAIL' class='required email' name='EMAIL' type='email' value='' placeholder='Email address' aria-required='true' /> </div> <div class='mc-field-group btn-container'> <input id='mc-embedded-subscribe' class='button' name='subscribe' type='submit' value='Subscribe' /> </div> </div>  <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_dc483ad23e424799eb49ea9de_edb25398d6" tabindex="-1" value=""></div> <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js' defer></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[3]='UBPAGEID';ftypes[3]='text';fnames[4]='UBVARIANT';ftypes[4]='text';fnames[5]='UBDATE';ftypes[5]='date';}(jQuery));var $mcj = jQuery.noConflict(true);</script> </form> </div> </div> <div class="m_footer oldRm oldRmAlt"> <div class="wrapper"> <div class="content-logo"> <a href="https://rosenfeldmedia.com/" target=""> <img src="https://rm-media.nyc3.digitaloceanspaces.com/wp-content/uploads/2023/06/elephant.png"> </a> </div> <div class="content-list"> <div class="col"> <section id="block-14" class="widget widget_block"> <h3 class="wp-block-heading">About Us</h3> </section><section id="block-15" class="widget widget_block"> <ul class="wp-block-list"> <li><a href="/about/our-company/">Our Company</a></li> <li><a href="/people/">Our Team</a></li> <li><a href="/people/#authors/">Our Authors</a></li> <li><a href="/people/#curators">Our Curators</a></li> </ul> </section> </div> <div class="col-2"> <section id="block-10" class="widget widget_block"> <h3 class="wp-block-heading">Products</h3> </section><section id="block-16" class="widget widget_block"> <ul class="wp-block-list"> <li><a href="/rosenverse/">Rosenverse</a></li> <li><a href="https://rosenfeldmedia.com/rosenfeld-workshops/" data-type="URL" data-id="https://rosenfeldmedia.com/rosenfeld-workshops/">Workshops</a></li> <li><a href="/books/" data-type="page">Books</a></li> <li><a href="/training/" data-type="URL" data-id="/training/">Corporate Training</a></li> <li><a href="/all-sessions/" data-type="page">Events</a></li> <li><a href="/podcasts/">Podcasts</a></li> <li><a href="/events/">Conferences</a></li> </ul> </section> </div> </div> <div class="content-register"> <section id="block-22" class="widget widget_block"><h3><a style="color:#FFFFFF" href="/ordering-and-format-info">Store FAQ</a></h3></section><section id="block-23" class="widget widget_block"><h3><a style="color:#FFFFFF" href="/contact-us">Contact us</a></h3></section> <div class="icons"> <ul> <li><a target="_blank" href="https://www.facebook.com/RosenfeldMediaUX"><img src="https://rosenfeldmedia.com/wp-content/themes/rm-conference-2020/uneets/src/img/social-icons/facebook-icon.svg"></a></li> <li><a target="_blank" href="http://twitter.com/rosenfeldmedia"><img src="https://rosenfeldmedia.com/wp-content/themes/rm-conference-2020/uneets/src/img/social-icons/twitter-icon.svg"></a></li> <li><a target="_blank" href="https://www.linkedin.com/company/rosenfeld-media/"><img src="https://rosenfeldmedia.com/wp-content/themes/rm-conference-2020/uneets/src/img/social-icons/li-icon.svg"></a></li> <li><a target="_blank" href="http://www.instagram.com/rosenfeldmedia"><img src="https://rosenfeldmedia.com/wp-content/themes/rm-conference-2020/uneets/src/img/social-icons/instagram-icon.svg"></a></li> <li><a href="/cdn-cgi/l/email-protection#92fbfcf4fdd2e0fde1f7fcf4f7fef6fff7f6fbf3bcf1fdff"><img src="https://rosenfeldmedia.com/wp-content/themes/rm-conference-2020/uneets/src/img/social-icons/email-icon.svg"></a></li> <li><a target="_blank" href="https://www.flickr.com/photos/rosenfeldmedia/albums/with/72157703595364444"><img src="https://rosenfeldmedia.com/wp-content/themes/rm-conference-2020/uneets/src/img/social-icons/flickr-icon.svg"></a></li> </ul> </div> </div> <div class="content-icons"> <ul> <li><a target="_blank" href="https://www.facebook.com/RosenfeldMediaUX"><img src="https://rosenfeldmedia.com/wp-content/themes/rm-conference-2020/uneets/src/img/social-icons/facebook-icon.svg"></a></li> <li><a target="_blank" href="http://twitter.com/rosenfeldmedia"><img src="https://rosenfeldmedia.com/wp-content/themes/rm-conference-2020/uneets/src/img/social-icons/twitter-icon.svg"></a></li> <li><a target="_blank" href="https://www.linkedin.com/company/rosenfeld-media/"><img src="https://rosenfeldmedia.com/wp-content/themes/rm-conference-2020/uneets/src/img/social-icons/li-icon.svg"></a></li> <li><a target="_blank" href="http://www.instagram.com/rosenfeldmedia"><img src="https://rosenfeldmedia.com/wp-content/themes/rm-conference-2020/uneets/src/img/social-icons/instagram-icon.svg"></a></li> <li><a href="/cdn-cgi/l/email-protection#7b12151d143b0914081e151d1e171f161e1f121a55181416"><img src="https://rosenfeldmedia.com/wp-content/themes/rm-conference-2020/uneets/src/img/social-icons/email-icon.svg"></a></li> <li><a target="_blank" href="https://www.flickr.com/photos/rosenfeldmedia/albums/with/72157703595364444"><img src="https://rosenfeldmedia.com/wp-content/themes/rm-conference-2020/uneets/src/img/social-icons/flickr-icon.svg"></a></li> </ul> </div> </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript"> _linkedin_partner_id = "343130"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script type="text/javascript"> (function(l) { if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])}; window.lintrk.q=[]} var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s);})(window.lintrk); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=343130&fmt=gif" /></noscript> <script>(function(d,u,ac){var s=d.createElement('script');s.type='text/javascript';s.src='https://a.omappapi.com/app/js/api.min.js';s.async=true;s.dataset.user=u;s.dataset.account=ac;d.getElementsByTagName('head')[0].appendChild(s);})(document,346131,366045);</script>  <script type="text/javascript"> var relevanssi_rt_regex = /(&|\?)_(rt|rt_nonce)=(\w+)/g var newUrl = window.location.search.replace(relevanssi_rt_regex, '') history.replaceState(null, null, window.location.pathname + newUrl + window.location.hash) </script> <script type="application/ld+json">{"@context":"https:\/\/schema.org\/","@type":"Product","@id":"https:\/\/rosenfeldmedia.com\/books\/storytelling-for-user-experience\/#product","name":"Storytelling for User Experience","url":"https:\/\/rosenfeldmedia.com\/books\/storytelling-for-user-experience\/","description":"We all use stories to communicate, explore, persuade, and inspire. In user experience, stories help us to understand our users, learn about their goals, explain our research, and demonstrate our design ideas. In this book, Quesenbery and Brooks teach you how to craft and tell your own unique stories to improve your designs.","image":"https:\/\/rm-media.nyc3.digitaloceanspaces.com\/wp-content\/uploads\/2023\/04\/7-storytelling.jpg","sku":187478,"offers":[{"@type":"AggregateOffer","lowPrice":"45.99","highPrice":"54.99","offerCount":2,"priceCurrency":"USD","availability":"http:\/\/schema.org\/InStock","url":"https:\/\/rosenfeldmedia.com\/books\/storytelling-for-user-experience\/","seller":{"@type":"Organization","name":"Rosenfeld Media","url":"https:\/\/rosenfeldmedia.com"},"sku":"woocommerce_gpf_187478","itemCondition":"https:\/\/schema.org\/NewCondition"}],"brand":{"@type":"Brand","name":"Rosenfeld Media"}}</script> <script type="text/javascript"> (function () { var c = document.body.className; c = c.replace(/woocommerce-no-js/, 'woocommerce-js'); document.body.className = c; })(); </script> <script type="text/javascript" src="https://rosenfeldmedia.com/wp-content/plugins/uncanny-automator/src/integrations/optinmonster/actions/../scripts/show-campaign.js?ver=6.0.0.1" id="automator-optinmonster-js" defer></script> <script type="text/javascript" id="wc-price-based-country-pro-frontend-js-extra"> /* <![CDATA[ */ var wc_price_based_country_pro_frontend_params = {"currency_format_symbol":"US$","currency_format_code":"USD","currency_format_num_decimals":"2","currency_format_decimal_sep":".","currency_format_thousand_sep":",","currency_format":"%s%v"}; /* ]]> */ </script> <script type="text/javascript" src="https://rosenfeldmedia.com/wp-content/plugins/woocommerce-price-based-country-pro-addon/assets/js/frontend.min.js?ver=3.4.4" id="wc-price-based-country-pro-frontend-js"></script> <script type="text/javascript" id="wc-price-based-country-ajax-geo-js-extra"> /* <![CDATA[ */ var wc_price_based_country_ajax_geo_params = {"wc_ajax_url":"\/?wc-ajax=%%endpoint%%"}; /* ]]> */ </script> <script type="text/javascript" src="https://rosenfeldmedia.com/wp-content/plugins/woocommerce-product-price-based-on-countries/assets/js/ajax-geolocation.min.js?ver=3.4.1" id="wc-price-based-country-ajax-geo-js" defer></script> <script type="text/javascript" src="https://rosenfeldmedia.com/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.8.1.1" id="jquery-blockui-js" defer></script> <script type="text/javascript" id="wc-add-to-cart-js-extra"> /* <![CDATA[ */ var wc_add_to_cart_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","i18n_view_cart":"View cart","cart_url":"https:\/\/rosenfeldmedia.com\/cart\/","is_cart":"","cart_redirect_after_add":"no"}; /* ]]> */ </script> <script type="text/javascript" src="https://rosenfeldmedia.com/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=8.1.1" id="wc-add-to-cart-js" defer></script> <script type="text/javascript" id="wc-single-product-js-extra"> /* <![CDATA[ */ var wc_single_product_params = {"i18n_required_rating_text":"Please select a rating","review_rating_required":"yes","flexslider":{"rtl":false,"animation":"slide","smoothHeight":true,"directionNav":false,"controlNav":"thumbnails","slideshow":false,"animationSpeed":500,"animationLoop":false,"allowOneSlide":false},"zoom_enabled":"","zoom_options":[],"photoswipe_enabled":"","photoswipe_options":{"shareEl":false,"closeOnScroll":false,"history":false,"hideAnimationDuration":0,"showAnimationDuration":0},"flexslider_enabled":""}; /* ]]> */ </script> <script type="text/javascript" src="https://rosenfeldmedia.com/wp-content/plugins/woocommerce/assets/js/frontend/single-product.min.js?ver=8.1.1" id="wc-single-product-js" defer></script> <script type="text/javascript" src="https://rosenfeldmedia.com/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.8.1.1" id="js-cookie-js" defer></script> <script type="text/javascript" id="woocommerce-js-extra"> /* <![CDATA[ */ var woocommerce_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%"}; /* ]]> */ </script> <script type="text/javascript" src="https://rosenfeldmedia.com/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=8.1.1" id="woocommerce-js" defer></script> <script type="text/javascript" src="https://rosenfeldmedia.com/wp-content/plugins/fooevents/js/events-frontend.js?ver=1.0.0" id="woocommerce-events-front-script-js" defer></script> <script type="text/javascript" src="https://rosenfeldmedia.com/wp-content/plugins/woocommerce/assets/js/jquery-tiptip/jquery.tipTip.min.js?ver=8.1.1" id="jquery-tiptip-js" defer></script> <script type="text/javascript" src="https://rosenfeldmedia.com/wp-content/plugins/duracelltomi-google-tag-manager/dist/js/gtm4wp-ecommerce-generic.js?ver=1.20.2" id="gtm4wp-ecommerce-generic-js" defer></script> <script type="text/javascript" src="https://rosenfeldmedia.com/wp-content/plugins/duracelltomi-google-tag-manager/dist/js/gtm4wp-woocommerce.js?ver=1.20.2" id="gtm4wp-woocommerce-js" defer></script> <script type="text/javascript" id="rocket-browser-checker-js-after"> /* <![CDATA[ */ "use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); /* ]]> */ </script> <script type="text/javascript" id="rocket-preload-links-js-extra"> /* <![CDATA[ */ var RocketPreloadLinksConfig = {"excludeUris":"\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/checkout\/??(.*)|\/cart\/?|\/my-account\/??(.*)|\/wc-api\/v(.*)|http:\/\/(\/%5B\/%5D+)?\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/rosenfeldmedia.com","onHoverDelay":"100","rateThrottle":"3"}; /* ]]> */ </script> <script type="text/javascript" id="rocket-preload-links-js-after"> /* <![CDATA[ */ (function() { "use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); }()); /* ]]> */ </script> <script type="text/javascript" id="mailchimp-woocommerce-js-extra"> /* <![CDATA[ */ var mailchimp_public_data = {"site_url":"https:\/\/rosenfeldmedia.com","ajax_url":"https:\/\/rosenfeldmedia.com\/wp-admin\/admin-ajax.php","language":"en"}; /* ]]> */ </script> <script type="text/javascript" src="https://rosenfeldmedia.com/wp-content/plugins/mailchimp-for-woocommerce/public/js/mailchimp-woocommerce-public.min.js?ver=2.4.5" id="mailchimp-woocommerce-js" defer></script> <script type="text/javascript" id="uneets-dist-js-extra"> /* <![CDATA[ */ var conference_timezone = {"value":"","symbol":"","timezones":""}; /* ]]> */ </script> <script type="text/javascript" src="https://rosenfeldmedia.com/wp-content/themes/rm-conference-2020/uneets/dist/js/main.js?ver=1.5" id="uneets-dist-js" defer></script> <script type="text/javascript" id="wc-add-to-cart-variation-js-extra"> /* <![CDATA[ */ var wc_add_to_cart_variation_params = {"wc_ajax_url":"\/?wc-ajax=%%endpoint%%","i18n_no_matching_variations_text":"Sorry, no products matched your selection. Please choose a different combination.","i18n_make_a_selection_text":"Please select some product options before adding this product to your cart.","i18n_unavailable_text":"Sorry, this product is unavailable. Please choose a different combination."}; /* ]]> */ </script> <script type="text/javascript" src="https://rosenfeldmedia.com/wp-content/themes/rm-conference-2020/assets/js/woocommerce/add-to-cart-variation_options.js?ver=6.7.1" id="wc-add-to-cart-variation-js" defer></script> <script type="text/javascript" id="cart-item-input-js-after"> /* <![CDATA[ */ jQuery(document).on("change input", ".woocommerce-cart-form .cart-item :input", () => { jQuery( '.woocommerce-cart-form :input[name="update_cart"]' ).prop( "disabled", false ).attr( "aria-disabled", false ); }); /* ]]> */ </script> <script type="text/javascript" id="rm-custom-datalayer-js-before"> /* <![CDATA[ */ const dataLayerProductLoop = [{"item_id":"187508","item_name":"A Web for Everyone","item_brand":"","price":37.99,"item_category":"Books","item_variant":{},"google_business_vertical":"retail","id":187508},{"item_id":"187490","item_name":"See What I Mean","item_brand":"","price":37.99,"item_category":"Books","item_variant":{},"google_business_vertical":"retail","id":187490},{"item_id":"187560","item_name":"The User's Journey","item_brand":"","price":37.99,"item_category":"Books","item_variant":{},"google_business_vertical":"retail","id":187560},{"item_id":"187502","item_name":"The User Experience Team of One (1st Edition)","item_brand":"","price":24.99,"item_category":"Books","item_variant":{},"google_business_vertical":"retail","id":187502}] const dataLayerProductVariations = [{"item_id":"187479","item_name":"Storytelling for User Experience","item_brand":"","price":54.99,"item_category":"Books","item_variant":"paperback-ebooks","google_business_vertical":"retail","id":187479},{"item_id":"187480","item_name":"Storytelling for User Experience","item_brand":"","price":45.99,"item_category":"Books","item_variant":"ebooks","google_business_vertical":"retail","id":187480}] /* ]]> */ </script> <script type="text/javascript" src="https://rosenfeldmedia.com/wp-content/themes/rm-books/js/custom-datalayer.js" id="rm-custom-datalayer-js" defer></script> <script type="text/javascript" src="https://rosenfeldmedia.com/wp-content/plugins/woocommerce/assets/js/accounting/accounting.min.js?ver=0.4.2" id="accounting-js" defer></script> <script type="text/javascript" src="https://rosenfeldmedia.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js" defer></script> <script type="text/javascript" src="https://rosenfeldmedia.com/wp-includes/js/jquery/ui/datepicker.min.js?ver=1.13.3" id="jquery-ui-datepicker-js" defer></script> <script type="text/javascript" id="jquery-ui-datepicker-js-after"> /* <![CDATA[ */ jQuery(function(jQuery){jQuery.datepicker.setDefaults({"closeText":"Close","currentText":"Today","monthNames":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthNamesShort":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"nextText":"Next","prevText":"Previous","dayNames":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"dayNamesShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"dayNamesMin":["S","M","T","W","T","F","S"],"dateFormat":"mm\/dd\/yy","firstDay":1,"isRTL":false});}); /* ]]> */ </script> <script type="text/javascript" id="woocommerce-addons-js-extra"> /* <![CDATA[ */ var woocommerce_addons_params = {"price_display_suffix":"","tax_enabled":"1","price_include_tax":"","display_include_tax":"","ajax_url":"\/wp-admin\/admin-ajax.php","i18n_validation_required_select":"Please choose an option.","i18n_validation_required_input":"Please enter some text in this field.","i18n_validation_required_number":"Please enter a number in this field.","i18n_validation_required_file":"Please upload a file.","i18n_validation_letters_only":"Please enter letters only.","i18n_validation_numbers_only":"Please enter numbers only.","i18n_validation_letters_and_numbers_only":"Please enter letters and numbers only.","i18n_validation_email_only":"Please enter a valid email address.","i18n_validation_min_characters":"Please enter at least %c characters.","i18n_validation_max_characters":"Please enter up to %c characters.","i18n_validation_min_number":"Please enter %c or more.","i18n_validation_max_number":"Please enter %c or less.","i18n_sub_total":"Subtotal","i18n_remaining":"<span><\/span> characters remaining","currency_format_num_decimals":"2","currency_format_symbol":"US$","currency_format_decimal_sep":".","currency_format_thousand_sep":",","trim_trailing_zeros":"","is_bookings":"","trim_user_input_characters":"1000","quantity_symbol":" ","datepicker_class":"wc_pao_datepicker","datepicker_date_format":"mm\/dd\/yy","gmt_offset":"5","date_input_timezone_reference":"default","currency_format":"%s%v"}; var woocommerce_addons_params = {"price_display_suffix":"","tax_enabled":"1","price_include_tax":"","display_include_tax":"","ajax_url":"\/wp-admin\/admin-ajax.php","i18n_validation_required_select":"Please choose an option.","i18n_validation_required_input":"Please enter some text in this field.","i18n_validation_required_number":"Please enter a number in this field.","i18n_validation_required_file":"Please upload a file.","i18n_validation_letters_only":"Please enter letters only.","i18n_validation_numbers_only":"Please enter numbers only.","i18n_validation_letters_and_numbers_only":"Please enter letters and numbers only.","i18n_validation_email_only":"Please enter a valid email address.","i18n_validation_min_characters":"Please enter at least %c characters.","i18n_validation_max_characters":"Please enter up to %c characters.","i18n_validation_min_number":"Please enter %c or more.","i18n_validation_max_number":"Please enter %c or less.","i18n_sub_total":"Subtotal","i18n_remaining":"<span><\/span> characters remaining","currency_format_num_decimals":"2","currency_format_symbol":"US$","currency_format_decimal_sep":".","currency_format_thousand_sep":",","trim_trailing_zeros":"","is_bookings":"","trim_user_input_characters":"1000","quantity_symbol":" ","datepicker_class":"wc_pao_datepicker","datepicker_date_format":"mm\/dd\/yy","gmt_offset":"5","date_input_timezone_reference":"default","currency_format":"%s%v"}; /* ]]> */ </script> <script type="text/javascript" src="https://rosenfeldmedia.com/wp-content/plugins/woocommerce-product-addons/assets/js/frontend/addons.min.js?ver=6.8.2" id="woocommerce-addons-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" src="https://rosenfeldmedia.com/wp-content/themes/rm-conference-2020/js/moment.js?ver=2.27.0" id="momentjs-js" defer></script> <script type="text/javascript" src="https://rosenfeldmedia.com/wp-content/themes/rm-conference-2020/js/moment-timezone-with-data-1970-2030.js?ver=0.5.31" id="moment-timezone-js" defer></script> <script type="text/javascript" src="https://rosenfeldmedia.com/wp-content/plugins/woocommerce/assets/js/jquery-payment/jquery.payment.min.js?ver=3.0.0-wc.8.1.1" id="jquery-payment-js" defer></script> <script type="text/javascript" src="https://js.stripe.com/v3/?ver=3.0" id="stripe-js" defer></script> <script type="text/javascript" id="woocommerce_stripe-js-extra"> /* <![CDATA[ */ var wc_stripe_params = {"title":"Credit Card","key":"pk_live_51NnlunD53rKpAqyDhlUy5HCEJhCNUIfOrVRu1k1q7FJ1HMrDYWWhRyd68xkqha2odDCPEruLgodm6BlLgH7ygI0T003kfzJ558","i18n_terms":"Please accept the terms and conditions first","i18n_required_fields":"Please fill in required checkout fields first","updateFailedOrderNonce":"a759d6c179","updatePaymentIntentNonce":"c313b66b97","orderId":"0","checkout_url":"\/?wc-ajax=checkout","stripe_locale":"en","no_prepaid_card_msg":"Sorry, we're not accepting prepaid cards at this time. Your credit card has not been charged. Please try with alternative payment method.","no_sepa_owner_msg":"Please enter your IBAN account name.","no_sepa_iban_msg":"Please enter your IBAN account number.","payment_intent_error":"We couldn't initiate the payment. Please try again.","sepa_mandate_notification":"email","allow_prepaid_card":"yes","inline_cc_form":"no","is_checkout":"no","return_url":"https:\/\/rosenfeldmedia.com\/checkout\/order-received\/?utm_nooverride=1","ajaxurl":"\/?wc-ajax=%%endpoint%%","stripe_nonce":"0e432f738e","statement_descriptor":"","elements_options":[],"sepa_elements_options":{"supportedCountries":["SEPA"],"placeholderCountry":"US","style":{"base":{"fontSize":"15px"}}},"invalid_owner_name":"Billing First Name and Last Name are required.","is_change_payment_page":"no","is_add_payment_page":"no","is_pay_for_order_page":"no","elements_styling":"","elements_classes":"","add_card_nonce":"6dffd2734b","create_payment_intent_nonce":"db92f3d0e6","cpf_cnpj_required_msg":"CPF\/CNPJ is a required field","invalid_number":"The card number is not a valid credit card number.","invalid_expiry_month":"The card's expiration month is invalid.","invalid_expiry_year":"The card's expiration year is invalid.","invalid_cvc":"The card's security code is invalid.","incorrect_number":"The card number is incorrect.","incomplete_number":"The card number is incomplete.","incomplete_cvc":"The card's security code is incomplete.","incomplete_expiry":"The card's expiration date is incomplete.","expired_card":"The card has expired.","incorrect_cvc":"The card's security code is incorrect.","incorrect_zip":"The card's zip code failed validation.","postal_code_invalid":"Invalid zip code, please correct and try again","invalid_expiry_year_past":"The card's expiration year is in the past","card_declined":"The card was declined.","missing":"There is no card on a customer that is being charged.","processing_error":"An error occurred while processing the card.","invalid_sofort_country":"The billing country is not accepted by Sofort. Please try another country.","email_invalid":"Invalid email address, please correct and try again.","invalid_request_error":"Unable to process this payment, please try again or use alternative method.","amount_too_large":"The order total is too high for this payment method","amount_too_small":"The order total is too low for this payment method","country_code_invalid":"Invalid country code, please try again with a valid country code","tax_id_invalid":"Invalid Tax Id, please try again with a valid tax id"}; /* ]]> */ </script> <script type="text/javascript" src="https://rosenfeldmedia.com/wp-content/plugins/woocommerce-gateway-stripe/assets/js/stripe.min.js?ver=7.6.0" id="woocommerce_stripe-js" defer></script>  <script type="text/javascript"> jQuery(function($) { try { let checkoutForm = document.querySelector('form.checkout'); if( checkoutForm ){ checkoutForm.addEventListener('change', function(event) { if (event.target && event.target.name === 'payment_method') { setTimeout(function() { document.body.dispatchEvent(new Event('update_checkout')); }, 1000); } }); } } catch( error ) { console.error( 'An error occurred:', error); } }); </script> </body> </html>