{"id":1344,"date":"2012-09-23T20:25:43","date_gmt":"2012-09-24T03:25:43","guid":{"rendered":"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/?p=1344"},"modified":"2021-06-22T18:44:11","modified_gmt":"2021-06-22T22:44:11","slug":"nprs-david-wright-on-designing-the-storytelling-experience-for-mobile","status":"publish","type":"post","link":"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/2012\/09\/23\/nprs-david-wright-on-designing-the-storytelling-experience-for-mobile\/","title":{"rendered":"NPR&#8217;s David Wright on Designing the Storytelling Experience for Mobile"},"content":{"rendered":"<figure id=\"attachment_1556\" aria-describedby=\"caption-attachment-1556\" style=\"width: 1600px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/2012\/09\/23\/nprs-david-wright-on-designing-the-storytelling-experience-for-mobile\/davefeature\/\" rel=\"attachment wp-att-1556\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"1556\" data-permalink=\"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/2012\/09\/23\/nprs-david-wright-on-designing-the-storytelling-experience-for-mobile\/davefeature\/\" data-orig-file=\"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-content\/uploads\/sites\/4\/2012\/09\/davefeature.jpg\" data-orig-size=\"1600,1138\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;5&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;Canon EOS REBEL T3i&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;1348283843&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;53&quot;,&quot;iso&quot;:&quot;3200&quot;,&quot;shutter_speed&quot;:&quot;0.02&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"davidwright\" data-image-description=\"\" data-image-caption=\"&lt;p&gt;David Wright, director of design at NPR, speaks on Saturday&amp;#8217;s panel, &amp;#8220;Design Is How It Works.&amp;#8221; Wright says journalists XXX (Photo by Casey Capachi)&lt;\/p&gt;\n\" data-large-file=\"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-content\/uploads\/sites\/4\/2012\/09\/davefeature.jpg?w=1160\" class=\"size-full wp-image-1556\" src=\"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/files\/2012\/09\/davefeature.jpg\" alt=\"davidwright\" width=\"1600\" height=\"1138\" srcset=\"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-content\/uploads\/sites\/4\/2012\/09\/davefeature.jpg 1600w, https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-content\/uploads\/sites\/4\/2012\/09\/davefeature.jpg?resize=800,569 800w, https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-content\/uploads\/sites\/4\/2012\/09\/davefeature.jpg?resize=1160,825 1160w, https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-content\/uploads\/sites\/4\/2012\/09\/davefeature.jpg?resize=1536,1092 1536w, https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-content\/uploads\/sites\/4\/2012\/09\/davefeature.jpg?resize=1400,996 1400w, https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-content\/uploads\/sites\/4\/2012\/09\/davefeature.jpg?resize=120,85 120w, https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-content\/uploads\/sites\/4\/2012\/09\/davefeature.jpg?resize=90,64 90w, https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-content\/uploads\/sites\/4\/2012\/09\/davefeature.jpg?resize=320,228 320w, https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-content\/uploads\/sites\/4\/2012\/09\/davefeature.jpg?resize=560,398 560w, https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-content\/uploads\/sites\/4\/2012\/09\/davefeature.jpg?resize=240,171 240w, https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-content\/uploads\/sites\/4\/2012\/09\/davefeature.jpg?resize=180,128 180w, https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-content\/uploads\/sites\/4\/2012\/09\/davefeature.jpg?resize=640,455 640w, https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-content\/uploads\/sites\/4\/2012\/09\/davefeature.jpg?resize=1120,797 1120w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/a><figcaption id=\"caption-attachment-1556\" class=\"wp-caption-text\">David Wright, digital design director at NPR, speaks on Saturday&#039;s panel &quot;Design Is How It Works.&quot; &quot;Good experience thrives in organizations where design is respected,&quot; Wright said in his presentation. (Photo by Casey Capachi)<\/figcaption><\/figure>\n<p>For NPR, the saying &#8220;mobile first&#8221; already applies to the way many of their listeners access stories. And, according to David Wright, digital design director at NPR, they may someday emerge as one of the first news organizations among their competitors to have more mobile than desktop traffic.<\/p>\n<p>&#8220;People are used to taking NPR with them wherever they go. A phone is kind of like a radio now,&#8221; said Wright, who focuses on tailoring NPR&#8217;s audio and visual content to fit every platform in an interactive way. Wright has worked on NPR Books, NPR Music, platforms for NPR member stations, and most recently an iPhone app for the program <em><a href=\"http:\/\/davewrightjr.com\/work-npr-planet-money.html\" target=\"_blank\" rel=\"noopener\">Planet Money<\/a><\/em>.<\/p>\n<p>&#8220;We know that people are trading fidelity for mobility and it\u2019s more important that we have a page that renders and functions,&#8221; said Wright, who is also working to improve how NPR stories are displayed off of someone&#8217;s newsfeed or blog. &#8220;The idea is for this to be a page that you can tweet and have a good experience with anywhere.&#8221;<\/p>\n<p>Wright said paying attention to the design of certain features on news sites, such as advertisements, can make a major difference in users&#8217; experiences.<\/p>\n<p>&#8220;No one is ever going to invent an ad experience that doesn&#8217;t feel somewhat intrusive,&#8221; Wright said. &#8220;Come up with a way to make ads feel natively integrated so it doesn&#8217;t feel like you&#8217;re hanging up all these things on a Christmas tree but it&#8217;s well integrated and thoughtful. I think that really adds to the experience and makes them as tolerable as they can be. So we\u2019re always going to have to pay the bills but that\u2019s a direction I hope we can all push in.&#8221;<\/p>\n<p>Oftentimes, said Wright, it can be challenging to convince reporters that they are good at design as they already posses a skill set for problem-solving. But designers, he said, have a lot to learn from journalists.<\/p>\n<p>&#8220;Getting out and talking to people is such a weird thing for us product people, but reporters understand that,&#8221; Wright said about learning how listeners and readers are likely to interact with stories. &#8220;It would be a great way to integrate reporters into the design process by saying, &#8216;You\u2019re better at this than us.'&#8221;<\/p>\n<p>Wright said there are many frameworks out there for journalists who are looking to get started with designing for mobile platforms. Here are a few of the places where Wright said he is drawing inspiration from these days.<\/p>\n<div><strong>Interactive projects to look at on your mobile device:\u00a0<\/strong><\/div>\n<div><\/div>\n<div>\n<ul>\n<li><a href=\"http:\/\/www.npr.org\/news\/specials\/2012\/cushman\/\" target=\"_blank\" rel=\"noopener\">Lost and Found<\/a>, NPR&#8217;s\u00a0<em>The Picture Show<\/em><\/li>\n<li><a href=\"http:\/\/pitchfork.com\/artists\/702-cat-power\/\" target=\"_blank\" rel=\"noopener\">Pitchfork feature<\/a>\u00a0on Cat Power<\/li>\n<li><a href=\"http:\/\/www.usatoday.com\" target=\"_blank\" rel=\"noopener\">USA Today<\/a>\u00a0website and mobile app redesign<\/li>\n<\/ul>\n<div>\n<p><strong>Recommended reading:<\/strong><\/p>\n<ul>\n<li><a href=\"http:\/\/www.alistapart.com\/articles\/\" target=\"_blank\" rel=\"noopener\">\u00a0A List Apart\u00a0<\/a><\/li>\n<li>The Society for News Design&#8217;s\u00a0<a href=\"http:\/\/pinboard.in\/u:tysone\/t:forsnd\/\" target=\"_blank\" rel=\"noopener\">Tangents<\/a><\/li>\n<li><em>Responsive Web Design<\/em>\u00a0by Ethan Marcotte<\/li>\n<li>Works by web designers\u00a0<a href=\"http:\/\/www.zeldman.com\" target=\"_blank\" rel=\"noopener\">Anthony Zeldman<\/a>,\u00a0<a href=\"http:\/\/jeffcroft.com\" target=\"_blank\" rel=\"noopener\">Jeff Croft<\/a> and\u00a0<a href=\"http:\/\/shhhaw.com\" target=\"_blank\" rel=\"noopener\">Alexander Shaw<\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p><strong>Where to get started designing for mobile platforms:<\/strong><\/p>\n<ul>\n<li><a href=\"http:\/\/twitter.github.com\/bootstrap\/\" target=\"_blank\" rel=\"noopener\">Bootstrap\u00a0<\/a>by Twitter<\/li>\n<li><a href=\"http:\/\/foundation.zurb.com\" target=\"_blank\" rel=\"noopener\">Foundation<\/a> by ZURB<\/li>\n<\/ul>\n<div>For more links from Wright, visit his\u00a0<a href=\"http:\/\/delicious.com\/davidwright\" target=\"_blank\" rel=\"noopener\">Delicious<\/a> account.<\/div>\n<div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>For NPR, the saying &#8220;mobile first&#8221; already applies to the way many of their listeners access stories. And, according to David Wright, digital design director at NPR, they may someday&hellip;<\/p>\n","protected":false},"author":10573,"featured_media":1556,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[108],"powerkit_post_featured":[],"coauthors":[89],"class_list":{"0":"post-1344","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-uncategorized","8":"tag-ona12"},"jetpack_featured_media_url":"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-content\/uploads\/sites\/4\/2012\/09\/davefeature.jpg","jetpack_shortlink":"https:\/\/wp.me\/pd5Q1c-lG","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-json\/wp\/v2\/posts\/1344","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-json\/wp\/v2\/users\/10573"}],"replies":[{"embeddable":true,"href":"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-json\/wp\/v2\/comments?post=1344"}],"version-history":[{"count":78,"href":"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-json\/wp\/v2\/posts\/1344\/revisions"}],"predecessor-version":[{"id":4384,"href":"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-json\/wp\/v2\/posts\/1344\/revisions\/4384"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-json\/wp\/v2\/media\/1556"}],"wp:attachment":[{"href":"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-json\/wp\/v2\/media?parent=1344"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-json\/wp\/v2\/categories?post=1344"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-json\/wp\/v2\/tags?post=1344"},{"taxonomy":"powerkit_post_featured","embeddable":true,"href":"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-json\/wp\/v2\/powerkit_post_featured?post=1344"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/journalists-org-develop.go-vip.co\/newsroom\/wp-json\/wp\/v2\/coauthors?post=1344"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}