CINXE.COM

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML+RDFa 1.1//EN"> <html lang="en" dir="ltr" version="HTML+RDFa 1.1" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/terms/" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:og="http://ogp.me/ns#" xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:sioc="http://rdfs.org/sioc/ns#" xmlns:sioct="http://rdfs.org/sioc/types#" xmlns:skos="http://www.w3.org/2004/02/skos/core#" xmlns:xsd="http://www.w3.org/2001/XMLSchema#"> <head profile="http://www.w3.org/1999/xhtml/vocab"><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://www.hhs.gov/digitalstrategy/working-better/storyboarding.html","20140704224838","https://web.archive.org/","web","/_static/", "1404514118"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <title>Storyboarding is Key to Successful Storytelling | HHS.gov/DigitalStrategy</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="shortcut icon" href="https://web.archive.org/web/20140704224838im_/http://www.hhs.gov/digitalstrategy/sites/digitalstrategy/files/favicon.ico" type="image/vnd.microsoft.icon"/> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=yes"/> <meta content="Storyboarding is Key to Successful Storytelling" about="/digitalstrategy/working-better/storyboarding.html" property="dc:title"/> <meta about="/digitalstrategy/working-better/storyboarding.html" property="sioc:num_replies" content="1" datatype="xsd:integer"/> <link rel="shortlink" href="/web/20140704224838/http://www.hhs.gov/digitalstrategy/node/343"/> <link rel="apple-touch-icon" href="https://web.archive.org/web/20140704224838im_/http://www.hhs.gov/digitalstrategy/sites/digitalstrategy/themes/digitalstrategy/images/apple-touch-icon.png"/> <link rel="canonical" href="/web/20140704224838/http://www.hhs.gov/digitalstrategy/working-better/storyboarding.html"/> <meta name="dc.title" content="Storyboarding is Key to Successful Storytelling"/> <meta name="dc.language" content="en-us"/> <meta name="dc.date" content="2014-04-29"/> <meta name="dc.publisher" content="Department of Health and Human Services"/> <meta name="DCTERMS.dateReviewed" content="2014-04-29"/> <meta name="DCTERMS.dateCreated" content="2014-04-29"/> <meta name="DCTERMS.dateModified" content="2014-04-29"/> <meta name="nodeid" content="343"/> <style type="text/css" media="all">@import url("https://web.archive.org/web/20140704224838cs_/http://www.hhs.gov/digitalstrategy/modules/system/system.base.css?n837ik"); @import url("https://web.archive.org/web/20140704224838cs_/http://www.hhs.gov/digitalstrategy/modules/system/system.menus.css?n837ik"); @import url("https://web.archive.org/web/20140704224838cs_/http://www.hhs.gov/digitalstrategy/modules/system/system.messages.css?n837ik"); @import url("https://web.archive.org/web/20140704224838cs_/http://www.hhs.gov/digitalstrategy/modules/system/system.theme.css?n837ik");</style> <style type="text/css" media="all">@import url("https://web.archive.org/web/20140704224838cs_/http://www.hhs.gov/digitalstrategy/modules/comment/comment.css?n837ik"); @import url("https://web.archive.org/web/20140704224838cs_/http://www.hhs.gov/digitalstrategy/sites/all/modules/date/date_api/date.css?n837ik"); @import url("https://web.archive.org/web/20140704224838cs_/http://www.hhs.gov/digitalstrategy/sites/all/modules/date/date_popup/themes/datepicker.1.7.css?n837ik"); @import url("https://web.archive.org/web/20140704224838cs_/http://www.hhs.gov/digitalstrategy/modules/field/theme/field.css?n837ik"); @import url("https://web.archive.org/web/20140704224838cs_/http://www.hhs.gov/digitalstrategy/sites/digitalstrategy/modules/mollom/mollom.css?n837ik"); @import url("https://web.archive.org/web/20140704224838cs_/http://www.hhs.gov/digitalstrategy/modules/node/node.css?n837ik"); @import url("https://web.archive.org/web/20140704224838cs_/http://www.hhs.gov/digitalstrategy/modules/search/search.css?n837ik"); @import url("https://web.archive.org/web/20140704224838cs_/http://www.hhs.gov/digitalstrategy/modules/user/user.css?n837ik"); @import url("https://web.archive.org/web/20140704224838cs_/http://www.hhs.gov/digitalstrategy/sites/all/modules/views/css/views.css?n837ik");</style> <style type="text/css" media="all">@import url("https://web.archive.org/web/20140704224838cs_/http://www.hhs.gov/digitalstrategy/profiles/acquia/modules/ctools/css/ctools.css?n837ik"); @import url("https://web.archive.org/web/20140704224838cs_/http://www.hhs.gov/digitalstrategy/sites/all/modules/panels/css/panels.css?n837ik"); @import url("https://web.archive.org/web/20140704224838cs_/http://www.hhs.gov/digitalstrategy/sites/digitalstrategy/modules/tagclouds/tagclouds.css?n837ik"); @import url("https://web.archive.org/web/20140704224838cs_/http://www.hhs.gov/digitalstrategy/sites/all/modules/comment_goodness/css/disabled_actions.css?n837ik");</style> <style type="text/css" media="all">@import url("https://web.archive.org/web/20140704224838cs_/http://www.hhs.gov/digitalstrategy/sites/digitalstrategy/themes/digitalstrategy/css/mobile.css?n837ik"); @import url("https://web.archive.org/web/20140704224838cs_/http://www.hhs.gov/digitalstrategy/sites/all/themes/omega/alpha/css/alpha-reset.css?n837ik"); @import url("https://web.archive.org/web/20140704224838cs_/http://www.hhs.gov/digitalstrategy/sites/all/themes/omega/alpha/css/alpha-mobile.css?n837ik"); @import url("https://web.archive.org/web/20140704224838cs_/http://www.hhs.gov/digitalstrategy/sites/all/themes/omega/alpha/css/alpha-alpha.css?n837ik"); @import url("https://web.archive.org/web/20140704224838cs_/http://www.hhs.gov/digitalstrategy/sites/all/themes/omega/omega/css/formalize.css?n837ik"); @import url("https://web.archive.org/web/20140704224838cs_/http://www.hhs.gov/digitalstrategy/sites/all/themes/omega/omega/css/omega-text.css?n837ik"); @import url("https://web.archive.org/web/20140704224838cs_/http://www.hhs.gov/digitalstrategy/sites/all/themes/omega/omega/css/omega-branding.css?n837ik"); @import url("https://web.archive.org/web/20140704224838cs_/http://www.hhs.gov/digitalstrategy/sites/all/themes/omega/omega/css/omega-menu.css?n837ik"); @import url("https://web.archive.org/web/20140704224838cs_/http://www.hhs.gov/digitalstrategy/sites/all/themes/omega/omega/css/omega-forms.css?n837ik"); @import url("https://web.archive.org/web/20140704224838cs_/http://www.hhs.gov/digitalstrategy/sites/all/themes/omega/omega/css/omega-visuals.css?n837ik"); @import url("https://web.archive.org/web/20140704224838cs_/http://www.hhs.gov/digitalstrategy/sites/digitalstrategy/themes/digitalstrategy/css/global.css?n837ik"); @import url("https://web.archive.org/web/20140704224838cs_/http://www.hhs.gov/digitalstrategy/sites/digitalstrategy/themes/digitalstrategy/css/addthis.css?n837ik");</style>   <style type="text/css" media="all and (min-width: 740px) and (min-device-width: 740px), all and (max-device-width: 1024px) and (min-width: 1024px) and (orientation:landscape)">@import url("https://web.archive.org/web/20140704224838cs_/http://www.hhs.gov/digitalstrategy/sites/digitalstrategy/themes/digitalstrategy/css/digitalstrategy-alpha-default.css?n837ik"); @import url("https://web.archive.org/web/20140704224838cs_/http://www.hhs.gov/digitalstrategy/sites/digitalstrategy/themes/digitalstrategy/css/digitalstrategy-alpha-default-normal.css?n837ik"); @import url("https://web.archive.org/web/20140704224838cs_/http://www.hhs.gov/digitalstrategy/sites/all/themes/omega/alpha/css/grid/alpha_default/normal/alpha-default-normal-12.css?n837ik");</style>  <script type="text/javascript" src="https://web.archive.org/web/20140704224838js_/http://www.hhs.gov/digitalstrategy/misc/jquery.js?v=1.4.4"></script> <script type="text/javascript" src="https://web.archive.org/web/20140704224838js_/http://www.hhs.gov/digitalstrategy/misc/jquery.once.js?v=1.2"></script> <script type="text/javascript" src="https://web.archive.org/web/20140704224838js_/http://www.hhs.gov/digitalstrategy/misc/drupal.js?n837ik"></script> <script type="text/javascript" src="https://web.archive.org/web/20140704224838js_/http://www.hhs.gov/digitalstrategy/misc/states.js?v=7.23"></script> <script type="text/javascript" src="https://web.archive.org/web/20140704224838js_/http://www.hhs.gov/digitalstrategy/sites/all/modules/admin_menu/admin_devel/admin_devel.js?n837ik"></script> <script type="text/javascript" src="https://web.archive.org/web/20140704224838js_/http://www.hhs.gov/digitalstrategy/sites/all/modules/panels/js/panels.js?n837ik"></script> <script type="text/javascript" src="https://web.archive.org/web/20140704224838js_/http://www.hhs.gov/digitalstrategy/sites/all/modules/comment_goodness/comment_goodness.js?n837ik"></script> <script type="text/javascript" src="/web/20140704224838js_/http://www.hhs.gov/digitalstrategy/sites/digitalstrategy/themes/digitalstrategy/js/misc.js?n837ik"></script> <script type="text/javascript" src="/web/20140704224838js_/http://www.hhs.gov/digitalstrategy/sites/digitalstrategy/themes/digitalstrategy/js/print.js?n837ik"></script> <script type="text/javascript" src="/web/20140704224838js_/http://www.hhs.gov/digitalstrategy/sites/digitalstrategy/themes/digitalstrategy/js/addthis.js?n837ik"></script> <script type="text/javascript" src="/web/20140704224838js_/http://www.hhs.gov/digitalstrategy/sites/digitalstrategy/themes/digitalstrategy/js/voc.widget.js?n837ik"></script> <script type="text/javascript" src="https://web.archive.org/web/20140704224838js_/http://www.hhs.gov/digitalstrategy/misc/textarea.js?v=7.23"></script> <script type="text/javascript" src="https://web.archive.org/web/20140704224838js_/http://www.hhs.gov/digitalstrategy/sites/digitalstrategy/modules/mollom/mollom.js?n837ik"></script> <script type="text/javascript" src="https://web.archive.org/web/20140704224838js_/http://www.hhs.gov/digitalstrategy/sites/all/themes/omega/omega/js/jquery.formalize.js?n837ik"></script> <script type="text/javascript" src="https://web.archive.org/web/20140704224838js_/http://www.hhs.gov/digitalstrategy/sites/all/themes/omega/omega/js/omega-mediaqueries.js?n837ik"></script> <script type="text/javascript"> <![CDATA[//><!]]> </script>  <script> jQuery(document).ready(function($){ resizeImages('load'); resizeVOC(); }); </script>  <noscript><iframe src="https://web.archive.org/web/20140704224838if_/http://www.googletagmanager.com/ns.html?id=GTM-JLFR" height="0" width="0" style="display:none;visibility:hidden" title="googletagmanager"></iframe></noscript> <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= '//web.archive.org/web/20140704224838/http://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-JLFR');</script>  </head> <body class="html not-front not-logged-in page-node page-node- page-node-343 node-type-page context-working-better">    <div id="skip-link"> <a href="#main-content" class="element-invisible element-focusable">Skip to main content</a> </div> <div class="region region-page-top" id="region-page-top"> <div class="region-inner region-page-top-inner"> </div> </div>   <script> var theme_path ="/digitalstrategy/sites/digitalstrategy/themes/digitalstrategy" </script> <div id="menuoverlay"></div> <div class="page clearfix" id="page"> <div id="bkground_left"></div> <div id="bkground_right"></div> <div id="homebg"></div> <div id="pagebg"> <header id="section-header" class="section section-header"> <div id="zone-branding-wrapper" class="zone-wrapper zone-branding-wrapper clearfix"> <div id="zone-branding" class="zone zone-branding clearfix container-12"> <div class="grid-12 region region-branding" id="region-branding"> <div class="region-inner region-branding-inner"> <div class="branding-data clearfix">  <div class="logo-img"> <a href="/web/20140704224838/http://www.hhs.gov/digitalstrategy/" rel="home" title="HHS.gov/DigitalStrategy"><img src="https://web.archive.org/web/20140704224838im_/http://www.hhs.gov/digitalstrategy/sites/digitalstrategy/themes/digitalstrategy/images/logo.png" alt="HHS.gov/DigitalStrategy" id="logo"/></a> </div> <div id="headtool"> <div id="branddate"> <img src="/web/20140704224838im_/http://www.hhs.gov/digitalstrategy/sites/digitalstrategy/themes/digitalstrategy/images/us_flag.png" alt="U.S. Flag" id="usflag"> <script> var now = new Date(); document.write(now.format('dddd, mmmm dd, yyyy')); </script> </div> </div> </div> <div class="block block-nodeblock block-21 block-nodeblock-21 odd block-without-title" id="block-nodeblock-21"> <div class="block-inner clearfix"> <div class="content clearfix"> <div id="node-21" class="node node-node-block clearfix" about="/digitalstrategy/subheader" typeof="sioc:Item foaf:Document" class="node node-node-block node-published node-not-promoted node-not-sticky author-mmiller odd clearfix" id="node-node-block-21"> <div class="content" class="content clearfix"> <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p style="margin: 0; padding:0; font-size: .8em">Making a difference in how people find health information, today and into the future.</p> </div></div></div> </div> </div> </div> </div> </div> </div> </div> </div> </div><div id="mobile_menu_wrapper"> <a id="mobile-menu-button">Menu</a> <div id="zone-menu-wrapper" class="zone-wrapper zone-menu-wrapper clearfix"> <div id="zone-menu" class="zone zone-menu clearfix container-12"> <div id="mega"> <div id="navwrap"> <div id="navwrap2"> <div id="menurestore"></div> <div id="mega-menu"> <div class="grid-1 region region-menu" id="region-menu"> <div class="region-inner region-menu-inner"> <nav class="navigation"> <ul class="menu"><li class="first leaf mlid_677 itemid_1"><span><span><a href="/web/20140704224838/http://www.hhs.gov/digitalstrategy/" title="">Home</a></span></span></li> <li class="leaf mlid_1902 itemid_2"><span><span><a href="/web/20140704224838/http://www.hhs.gov/digitalstrategy/people-first/index.html">People First</a></span></span></li> <li class="leaf mlid_1772 itemid_3"><span><span><a href="/web/20140704224838/http://www.hhs.gov/digitalstrategy/mobile/index.html">Mobile</a></span></span></li> <li class="leaf mlid_1773 itemid_4"><span><span><a href="/web/20140704224838/http://www.hhs.gov/digitalstrategy/open-data/index.html">Open Data</a></span></span></li> <li class="leaf mlid_1774 itemid_5"><span><span><a href="/web/20140704224838/http://www.hhs.gov/digitalstrategy/working-better/index.html" class="active">Working Better</a></span></span></li> <li class="last leaf mlid_614 itemid_6"><span><span><a href="/web/20140704224838/http://www.hhs.gov/digitalstrategy/blog/index.html" title="">Blog</a></span></span></li> </ul> </nav> </div> </div> </div> <div id="gsearch"> <div id="gsearch_inner"> <form name="HHS" method="get" action="https://web.archive.org/web/20140704224838/http://search.hhs.gov/search"> <label for="searchbox">Search</label> <input type="text" name="q" id="searchbox" size="20" maxlength="256" title="Search Text"/> <input type="image" src="/web/20140704224838im_/http://www.hhs.gov/digitalstrategy/sites/digitalstrategy/themes/digitalstrategy/images/searchbutton.png" name="btnG" class="submit" id="gsearchbtn" alt="Search" value="Search"/> <input name="ud" type="hidden" value="1"/><input name="sort" type="hidden" value="date:D:L:d1"/> <input name="output" type="hidden" value="xml_no_dtd"/><input name="ie" type="hidden" value="UTF-8"/><input name="oe" type="hidden" value="UTF-8"/><input name="lr" type="hidden" value="lang_en"/> <input name="client" type="hidden" value="digitalstrategy"/> <input name="proxystylesheet" type="hidden" value="digitalstrategy"/> <input name="site" type="hidden" value="digitalstrategy"/> </form> </div> </div> </div> </div> </div> </div></div></header> <div id="hasRightSidebar"> <section id="section-content" class="section section-content"> <div id="zone-content-wrapper" class="zone-wrapper zone-content-wrapper clearfix"> <div id="zone-content" class="zone zone-content clearfix container-12"> <div class="grid-9 region region-content" id="region-content"> <div id="add_this_container">  <div class="toolbox"> <ul class="toolbox_body"> <li class="textsize"> Text Size: <a title="Small size" id="smallerfont" href="javascript:smallerFont()" class="APEscript" name="smallerfont"><span class="small">A</span></a> <a title="Medium size" id="mediumfont" href="javascript:mediumFont()" class="APEscript" name="mediumfont"><span class="medium">A</span></a> <a title="Large size" id="largerfont" href="javascript:largerFont()" class="APEscript" name="largerfont"><span class="larger">A</span></a> </li> <li class="print"><a href="javascript:print()"><img title="Print Icon, opens in new window" src="/web/20140704224838im_/http://www.hhs.gov/digitalstrategy/sites/digitalstrategy/themes/digitalstrategy/images/addthis/toolbar-print-top.png" alt="Print"/></a></li> <li class="email"> <a shape="rect" href="https://web.archive.org/web/20140704224838/http://api.addthis.com/oexchange/0.8/forward/email/offer?username=hhsgov&url=http%3A%2F%2Fwww.hhs.gov%2Fdigitalstrategy%2Fworking-better%2Fstoryboarding.html&title=Storyboarding+is+Key+to+Successful+Storytelling" target="_blank"><img src="/web/20140704224838im_/http://www.hhs.gov/digitalstrategy/sites/digitalstrategy/themes/digitalstrategy/images/addthis/toolbar-email-top.png" alt="Email" title="Send Icon, opens in new window"/></a> </li> <li class="facebook"><a shape="rect" href="https://web.archive.org/web/20140704224838/http://api.addthis.com/oexchange/0.8/forward/facebook/offer?username=hhsgov&url=http%3A%2F%2Fwww.hhs.gov%2Fdigitalstrategy%2Fworking-better%2Fstoryboarding.html&title=Storyboarding+is+Key+to+Successful+Storytelling" target="_blank"><img src="/web/20140704224838im_/http://www.hhs.gov/digitalstrategy/sites/digitalstrategy/themes/digitalstrategy/images/addthis/toolbar-fb-top.png" alt="Facebook Icon" title="Facebook Icon, opens in new window"/></a></li> <li class="twitter"><a shape="rect" href="https://web.archive.org/web/20140704224838/http://api.addthis.com/oexchange/0.8/forward/twitter/offer?via=HHSgov&username=hhsgov&url=http%3A%2F%2Fwww.hhs.gov%2Fdigitalstrategy%2Fworking-better%2Fstoryboarding.html&title=Storyboarding+is+Key+to+Successful+Storytelling" target="_blank"><img src="/web/20140704224838im_/http://www.hhs.gov/digitalstrategy/sites/digitalstrategy/themes/digitalstrategy/images/addthis/toolbar-tweet-top.png" alt="TweetIcon" title="Tweet Icon, opens in new window"/></a></li> <li class="share"> <a href="#"><img src="/web/20140704224838im_/http://www.hhs.gov/digitalstrategy/sites/digitalstrategy/themes/digitalstrategy/images/addthis/toolbar-share-top.png" alt="Share" title="Share Icon"/></a> <ul> <li class="addthisto">Add this to...</li> <li> </li> <li> <a class="delicious" href="https://web.archive.org/web/20140704224838/http://api.addthis.com/oexchange/0.8/forward/delicious/offer?username=hhsgov&url=http%3A%2F%2Fwww.hhs.gov%2Fdigitalstrategy%2Fworking-better%2Fstoryboarding.html&title=Storyboarding+is+Key+to+Successful+Storytelling" target="_blank" title="Delicious Icon, opens in new window" shape="rect"><span class="invisible">Bookmark Storyboarding is Key to Successful Storytelling on</span> Delicious</a> </li> <li> <a class="linkedin" href="https://web.archive.org/web/20140704224838/http://api.addthis.com/oexchange/0.8/forward/linkedin/offer?username=hhsgov&url=http%3A%2F%2Fwww.hhs.gov%2Fdigitalstrategy%2Fworking-better%2Fstoryboarding.html&title=Storyboarding+is+Key+to+Successful+Storytelling" target="_blank" title="Linkedin Icon, opens in new window" shape="rect"><span class="invisible">Bookmark Storyboarding is Key to Successful Storytelling on</span> LinkedIn</a></li> <li><a class="stumbleupon" href="https://web.archive.org/web/20140704224838/http://api.addthis.com/oexchange/0.8/forward/stumbleupon/offer?username=hhsgov&url=http%3A%2F%2Fwww.hhs.gov%2Fdigitalstrategy%2Fworking-better%2Fstoryboarding.html&title=Storyboarding+is+Key+to+Successful+Storytelling" target="_blank" title="Stumbleupon Icon, opens in new window" shape="rect"><span class="invisible">Bookmark Storyboarding is Key to Successful Storytelling on</span> Stumbleupon</a></li> <li><a class="digg" href="https://web.archive.org/web/20140704224838/http://api.addthis.com/oexchange/0.8/forward/digg/offer?username=hhsgov&url=http%3A%2F%2Fwww.hhs.gov%2Fdigitalstrategy%2Fworking-better%2Fstoryboarding.html&title=Storyboarding+is+Key+to+Successful+Storytelling" target="_blank" title="Digg Icon, opens in new window" shape="rect"><span class="invisible">Rank Storyboarding is Key to Successful Storytelling on</span> Digg</a></li> <li><a class="reddit" href="https://web.archive.org/web/20140704224838/http://api.addthis.com/oexchange/0.8/forward/reddit/offer?username=hhsgov&url=http%3A%2F%2Fwww.hhs.gov%2Fdigitalstrategy%2Fworking-better%2Fstoryboarding.html&title=Storyboarding+is+Key+to+Successful+Storytelling" target="_blank" title="Reddit Icon, opens in new window" shape="rect"><span class="invisible">Rank Storyboarding is Key to Successful Storytelling on</span> Reddit</a></li> <li class="closeshare"><a href="#" class="APEdocument APEinternal">Close</a></li> </ul> </li> </ul> </div> </div> <div class="region-inner region-content-inner"> <a name="main-content" id="main-content"></a> <h1 class="title" id="page-title"> Storyboarding is Key to Successful Storytelling </h1> <div class="block block-system block-main block-system-main odd block-without-title" id="block-system-main"> <div class="block-inner clearfix"> <div class="content clearfix"> <article about="/digitalstrategy/working-better/storyboarding.html" typeof="foaf:Document" class="node node-page node-promoted node-sticky node-published author-jtindall even clearfix" id="node-page-343"> <div class="content clearfix"> <div class="field field-name-field-site-tags field-type-taxonomy-term-reference field-label-inline clearfix"><div class="field-label">Site Tags: </div><div class="field-items"><div class="field-item even"><a href="/web/20140704224838/http://www.hhs.gov/digitalstrategy/tags/content-strategy">Content Strategy</a>, <a href="/web/20140704224838/http://www.hhs.gov/digitalstrategy/tags/plain-language">Plain Language</a></div></div></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>Communication professionals pride themselves on coming up with big ideas and big messages. But moving a great idea from conceptualization to execution can be challenging, especially when you want to keep your budget in check. Storyboards can greatly assist in this process, a strategy I found to be critical to the success of a <a href="https://web.archive.org/web/20140704224838/http://www.stopbullying.gov/videos/2014/03/labels-dont-define-you.html">new animated video developed for StopBullying.gov</a>.</p> <p>In order to minimize extensive and expensive changes to the animation during the production phase, I wanted to provide my constituents with something tangible to approve before instructing the designer to develop the animation.</p> <p>I determined that the best way to accomplish this was to create a simple storyboard. Storyboards are an effective strategy to presenting a clear picture of the events leading up to the “take away” message in any video production. And for a video weighing in at 25 seconds or less, I had to make every frame count.</p> <p>The following <strong>“Do’s and Don’ts”</strong> are lessons learned during my experience with creating storyboards for our animated video, but these tips also translate to live action. The image shown is from an early version of the storyboard and as you can see, is quite different than the final product.</p> <p><strong>Do’s and Don’ts of Successful Storyboarding:</strong></p> <ul><li><strong>Do convey action through static images.</strong> It’s important to show a sequence of events through storyboard slides. By providing a step-by-step story flow accounting for transitions in movement, it makes it easier to translate into the final action sequence.</li> <li><strong>Do take into consideration what people will hear as the story progresses.</strong> Will there be an instrumental overlay? Will the subject be talking? Conveying the mood through music was critical to the success of this piece, so we added that element to later storyboard drafts.</li> <li><strong>Do share your storyboard with your constituents before starting final project development.</strong> By doing this, we eliminated “red flags” that were appearing in the storyboard from inappropriate facial expression to tweaking the language used.</li> <li><strong>Don’t underestimate the importance of conveying body language and facial expression.</strong> Whether in live action or animation, it is critical to look at the subtleties that express sentiment. Is the character displaying the intended emotion in a particular frame? How does that expression change as they move from internal conflict to resolution?</li> <li><strong>Don’t wait until the very end to make small, but important changes. </strong>Using storyboards provides an excellent opportunity to work out video kinks BEFORE you move into formal production, whether its developing animation or sifting through hours of footage to try and piece together a story. This can not only save you time, but money as well.</li> </ul><p><img alt="Storyboarding is Key to Successful Storytelling" height="676" src="/web/20140704224838im_/http://www.hhs.gov/digitalstrategy/sites/digitalstrategy/files/20140429_Storyboarding600.jpg" title="Storyboarding is Key to Successful Storytelling" width="600"/></p> <p>Storyboards play a critical role in the development of any video project. Every frame counts and by laying out your entire story, you can better tell your story.</p> </div></div></div><div class="field field-name-field-article-cta-question field-type-text field-label-hidden"><div class="field-items"><div class="field-item even">Have you used storyboarding in a public health project?</div></div></div> <h2 class="title comment-form">Join the Conversation</h2><form class="comment-form" action="/web/20140704224838/http://www.hhs.gov/digitalstrategy/comment/reply/343" method="post" id="comment-form" accept-charset="UTF-8"><div><div class="form-item form-type-textfield form-item-name"> <label for="edit-name">First Name </label> <input type="text" id="edit-name" name="name" value="" size="30" maxlength="60" class="form-text"/> </div> <input type="hidden" name="form_build_id" value="form-ImbXbTuHBBzwL3uomswzdGsQDzXy8EmzHeqiNt57Cuo"/> <input type="hidden" name="form_id" value="comment_node_page_form"/> <div class="field-type-text-long field-name-comment-body field-widget-text-textarea form-wrapper" id="edit-comment-body"><div id="comment-body-add-more-wrapper"><div class="form-item form-type-textarea form-item-comment-body-und-0-value"> <label for="edit-comment-body-und-0-value">Comment <span class="form-required" title="This field is required.">*</span></label> <div class="form-textarea-wrapper resizable"><textarea class="text-full form-textarea required" id="edit-comment-body-und-0-value" name="comment_body[und][0][value]" cols="60" rows="5"></textarea></div> </div> </div></div><input class="mollom-content-id" type="hidden" name="mollom[contentId]" value=""/> <input class="mollom-captcha-id" type="hidden" name="mollom[captchaId]" value=""/> <div style="display: none;"><label for="edit-mollom-homepage">Purposely Empty Text Field</label><div class="form-item form-type-textfield form-item-mollom-homepage"> <input autocomplete="off" type="text" id="edit-mollom-homepage" name="mollom[homepage]" value="" size="60" maxlength="128" class="form-text"/> </div> </div><div class="description mollom-privacy">By submitting this form, you accept the <a href="https://web.archive.org/web/20140704224838/https://mollom.com/web-service-privacy-policy" class="mollom-target" rel="nofollow">Mollom privacy policy</a>.</div><div class="form-actions form-wrapper" id="edit-actions"><input type="submit" id="edit-submit" name="op" value="Submit" class="form-submit"/></div></div></form> <div id="comments" class="comment-wrapper" class="comment-wrapper"> <h2 class="title"> Your Ideas </h2> <a id="comment-306382"></a> <article about="/digitalstrategy/comment/306382#comment-306382" typeof="sioc:Post sioct:Comment" class="comment comment-by-anonymous clearfix"> <header> <em class="unpublished"></em> </header> <footer class="comment-submitted"> Submitted by <span rel="sioc:has_creator"><span class="username" xml:lang="" typeof="sioc:UserAccount" property="foaf:name" datatype="">diarriady</span></span> on <time datetime="2014-04-30T07:41:30-04:00"><span property="dc:date dc:created" content="2014-04-30T07:41:30-04:00" datatype="xsd:dateTime">Wed, 2014-04-30 07:41</span></time> </footer> <div> <span rel="sioc:reply_of" resource="/digitalstrategy/working-better/storyboarding.html" class="rdf-meta"></span><div class="field field-name-comment-body field-type-text-long field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded">The White House published a blog post about how it decides when to make information about security flaws public.</div></div></div> </div> <nav class="links comment-links clearfix"><ul class="links inline"><li class="comment-reply first last"><a href="/web/20140704224838/http://www.hhs.gov/digitalstrategy/comment/reply/343/306382">reply</a></li></ul></nav> </article> </div> </div> </article> </div> </div> </div> </div> </div><div class="grid-3 region region-sidebar-second" id="region-sidebar-second"> <div class="region-inner region-sidebar-second-inner"> <section class="block block-nodeblock block-121 block-nodeblock-121 odd" id="block-nodeblock-121"> <div class="block-inner clearfix"> <h2 class="block-title">By the Numbers</h2> <div class="content clearfix"> <div id="node-121" class="node node-node-block clearfix" about="/digitalstrategy/numbers-infographics.html" typeof="sioc:Item foaf:Document" class="node node-node-block node-published node-not-promoted node-not-sticky author-rellis odd clearfix" id="node-node-block-121"> <div class="content" class="content clearfix"> <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><div class="sidebarInfo"><span>171</span><br/> Infographics</div> </div></div></div> </div> </div> </div> </div> </section><section class="block block-nodeblock block-239 block-nodeblock-239 even" id="block-nodeblock-239"> <div class="block-inner clearfix"> <h2 class="block-title">HHS One Year After the Strategy</h2> <div class="content clearfix"> <div id="node-239" class="node node-node-block clearfix" about="/digitalstrategy/one-yeatr-later.html" typeof="sioc:Item foaf:Document" class="node node-node-block node-published node-not-promoted node-not-sticky author-jtrueblood even clearfix" id="node-node-block-239"> <div class="content" class="content clearfix"> <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p><a href="https://web.archive.org/web/20140704224838/http://www.hhs.gov/digitalstrategy/working-better/improving-customer-service.html"><img alt="One year later" title="One year later" src="/web/20140704224838im_/http://www.hhs.gov/digitalstrategy/sites/digitalstrategy/files/20130523_DGS-Anniversary_DGS-thumb-image_copy.jpg" style="width: 240px; height: 161px" width="240" height="161"/></a></p> </div></div></div> </div> </div> </div> </div> </section><section class="block block-tagclouds block-8 block-tagclouds-8 odd" id="block-tagclouds-8"> <div class="block-inner clearfix"> <h2 class="block-title">Popular Topics</h2> <div class="content clearfix"> <span class="tagclouds-term"><a href="/web/20140704224838/http://www.hhs.gov/digitalstrategy/tags/social-media" class="tagclouds level6" title="Social media includes social networking platforms, such as Facebook, Twitter, Google+, YouTube, LinkedIn, and others.">Social Media</a></span> <span class="tagclouds-term"><a href="/web/20140704224838/http://www.hhs.gov/digitalstrategy/tags/security-privacy" class="tagclouds level1" title="Security and privacy relates to ensuring that information is protected.">Security Privacy</a></span> <span class="tagclouds-term"><a href="/web/20140704224838/http://www.hhs.gov/digitalstrategy/tags/responsive-design" class="tagclouds level1" title="Responsive design is an approach to website development. Sites built in responsive design adjust automatically to your browser or device screen size.">Responsive Design</a></span> <span class="tagclouds-term"><a href="/web/20140704224838/http://www.hhs.gov/digitalstrategy/tags/public-focus" class="tagclouds level3" title="Public focus means approaching digital communications with the user in mind.">Public Focus</a></span> <span class="tagclouds-term"><a href="/web/20140704224838/http://www.hhs.gov/digitalstrategy/tags/public-engagement" class="tagclouds level5" title="Public engagement is seeking input or assistance from you.">Public Engagement</a></span> <span class="tagclouds-term"><a href="/web/20140704224838/http://www.hhs.gov/digitalstrategy/tags/mobile-strategy" class="tagclouds level4" title="Mobile strategy is an approach to developing digital material with applications, tablets and smartphones in mind. ">Mobile Strategy</a></span> <span class="tagclouds-term"><a href="/web/20140704224838/http://www.hhs.gov/digitalstrategy/tags/mobile-apps" class="tagclouds level4" title="Mobile apps are software programs designed to work on tablets and smartphones. ">Mobile Apps</a></span> <span class="tagclouds-term"><a href="/web/20140704224838/http://www.hhs.gov/digitalstrategy/tags/minority-health" class="tagclouds level1" title="Minority health relates to the health of racial and ethnic minority populations in the United States.">Minority Health</a></span> <span class="tagclouds-term"><a href="/web/20140704224838/http://www.hhs.gov/digitalstrategy/tags/health-it" class="tagclouds level6" title="Health information technology (Health IT) provides the umbrella framework to describe the comprehensive management of health information across computerized systems and its secure exchange between consumers, providers, government and quality entities, and insurers. For this blog we will use this tag when discussing the information system that support healthcare.">Health IT</a></span> <span class="tagclouds-term"><a href="/web/20140704224838/http://www.hhs.gov/digitalstrategy/tags/entrepreneur" class="tagclouds level5" title="Entrepreneurial developers use our data to create new and exciting ways of presenting information to the public.">Entrepreneur</a></span> <span class="tagclouds-term"><a href="/web/20140704224838/http://www.hhs.gov/digitalstrategy/tags/content-strategy" class="tagclouds level6" title="Content strategy guides how we present information through our sites, applications, social media accounts and other forms of digital communication.">Content Strategy</a></span> <span class="tagclouds-term"><a href="/web/20140704224838/http://www.hhs.gov/digitalstrategy/tags/api" class="tagclouds level5" title="An Application Programming Interface, or API, is a set of software instructions and standards that allow machine to machine communication&mdash;like when a website uses a widget to share a link on Twitter or Facebook.">API</a></span> <div class="more-link"><a href="/web/20140704224838/http://www.hhs.gov/digitalstrategy/tagclouds/chunk/8" title="more tags">More</a></div> </div> </div> </section><div class="block block-nodeblock block-104 block-nodeblock-104 even block-without-title" id="block-nodeblock-104"> <div class="block-inner clearfix"> <div class="content clearfix"> <div id="node-104" class="node node-node-block clearfix" about="/digitalstrategy/hhs-digital-strategy-milestones.html" typeof="sioc:Item foaf:Document" class="node node-node-block node-published node-not-promoted node-not-sticky author-rellis odd clearfix" id="node-node-block-104"> <div class="content" class="content clearfix"> <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><div id="sidebarMilestones"> <p>HHS Digital Strategy Milestones<br/><a class="sidebarLink" href="https://web.archive.org/web/20140704224838/http://www.hhs.gov/digitalstrategy.html">HTML</a> · <a class="sidebarLink" href="https://web.archive.org/web/20140704224838/http://www.hhs.gov/digitalstrategy.xml">XML</a> · <a class="sidebarLink" href="https://web.archive.org/web/20140704224838/http://www.hhs.gov/digitalstrategy.json">JSON</a></p> <p><a style="color:#fff;" href="https://web.archive.org/web/20140704224838/http://www.whitehouse.gov/sites/default/files/omb/egov/digital-government/digital-government.html" target="_self">Read the Digital Government<br/>Strategy at WhiteHouse.gov</a></p> </div> </div></div></div> </div> </div> </div> </div> </div> </div> </div> </div> </div></section> </div> <footer id="section-footer" class="section section-footer"> <div id="zone-footer-wrapper" class="zone-wrapper zone-footer-wrapper clearfix"> <div id="zone-footer" class="zone zone-footer clearfix container-12"> <div class="grid-12 region region-footer-first" id="region-footer-first"> <div class="region-inner region-footer-first-inner"> <div id="footer1" class="footerline"> <ul> <li class="twitter"> <a shape="rect" target="_blank" href="https://web.archive.org/web/20140704224838/https://twitter.com/hhsdigital " target="_blank"><img src="/web/20140704224838im_/http://www.hhs.gov/digitalstrategy/sites/digitalstrategy/themes/digitalstrategy/images/twitter_icon.png" alt="TweetIcon" title="Follow us on Twitter"/></a> </li> <li><a href="/web/20140704224838/http://www.hhs.gov/digitalstrategy/rss.xml"><img src="/web/20140704224838im_/http://www.hhs.gov/digitalstrategy/sites/digitalstrategy/themes/digitalstrategy/images/rss_icon.png" alt="RSS Feed"/></a></li> <li class="email"> <a shape="rect" target="_blank" href="https://web.archive.org/web/20140704224838/https://public.govdelivery.com/accounts/USHHS/subscriber/new?topic_id=USHHS_DGS" target="_blank"><img src="/web/20140704224838im_/http://www.hhs.gov/digitalstrategy/sites/digitalstrategy/themes/digitalstrategy/images/email_iconArrow.png" alt="Email" title="Sign up for email updates"/></a> </li> </div> </div> <div id="footer1" class="footerline"> <ul> <li><a href="/web/20140704224838/http://www.hhs.gov/digitalstrategy/"><img src="/web/20140704224838im_/http://www.hhs.gov/digitalstrategy/sites/digitalstrategy/themes/digitalstrategy/images/homelogo.png" alt="Home" title="Home"/></a></li> <li><a href="https://web.archive.org/web/20140704224838/http://www.hhs.gov/Accessibility.html">Accessibility</a></li> <li><a href="https://web.archive.org/web/20140704224838/http://www.hhs.gov/Privacy.html">Privacy</a></li> <li><a href="https://web.archive.org/web/20140704224838/http://www.hhs.gov/Disclaimer.html">Disclaimers</a></li> <li><a href="https://web.archive.org/web/20140704224838/http://www.hhs.gov/web/socialmedia/policies/comment-policy.html">Comment Policy</a></li> <li><a href="https://web.archive.org/web/20140704224838/http://www.hhs.gov/plugins.html">Viewers & Players</a></li> <li><a href="https://web.archive.org/web/20140704224838/http://www.whitehouse.gov/">WhiteHouse.gov</a></li> <li><a href="https://web.archive.org/web/20140704224838/http://www.usa.gov/">USA.gov</a></li> <li><a href="https://web.archive.org/web/20140704224838/http://www.gobiernousa.gov/">GobiernoUSA.gov</a></li> <li><a href="https://web.archive.org/web/20140704224838/http://www.hhs.gov/open/recordsandreports/plainwritingact/index.html"><span style="white-space: nowrap">Plain Language</span></a></li> <li><a href="https://web.archive.org/web/20140704224838/http://www.hhs.gov/foia/">FOIA</a></li> <li><a href="https://web.archive.org/web/20140704224838/http://www.hhs.gov/asa/eeo/resources/index.html"><span style="white-space: nowrap">No FEAR</span></a></li> </ul> <p><a href="https://web.archive.org/web/20140704224838/http://www.hhs.gov/">U.S. Department of Health & Human Services</a> - <span style="white-space: nowrap">200 Independence Avenue, S. W.</span> - Washington, D.C. 20201</p> </div> <div id="footer2" class="footerline"> <ul> <li><a href="https://web.archive.org/web/20140704224838/http://www.hhs.gov/"><img src="/web/20140704224838im_/http://www.hhs.gov/digitalstrategy/sites/digitalstrategy/themes/digitalstrategy/images/hhslogo.png" alt="HHS" title="HHS"/></a></li> </ul> </div> </div> </div> </div> </div></footer> </div>  </div>    </body> </html>