<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Jumping Fox &#187; Design</title>
	<atom:link href="http://www.jumpingfox.com/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.jumpingfox.com</link>
	<description>a site about editorial design.</description>
	<lastBuildDate>Wed, 02 Dec 2009 13:03:08 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Serious, not solemn</title>
		<link>http://www.jumpingfox.com/2009/11/serious-not-solemn/</link>
		<comments>http://www.jumpingfox.com/2009/11/serious-not-solemn/#comments</comments>
		<pubDate>Tue, 17 Nov 2009 10:45:42 +0000</pubDate>
		<dc:creator>Simon Wright</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Links]]></category>
		<category><![CDATA[Paula Scher]]></category>
		<category><![CDATA[pentagram]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[work]]></category>

		<guid isPermaLink="false">http://www.jumpingfox.com/?p=542</guid>
		<description><![CDATA[
&#8220;Great design is serious (not solemn),&#8221; says Paula Scher, a New York based partner at design firm Pentagram. She argues that you do your best work when you&#8217;re having fun, exploring and not pressured by expectations.
I find the key is finding somewhere in between: creative work needs a combination of space and freedom but also a [...]]]></description>
			<content:encoded><![CDATA[<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="566" height="502" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="wmode" value="transparent" /><param name="bgColor" value="#ffffff" /><param name="flashvars" value="vu=http://video.ted.com/talks/dynamic/PaulaScher_2008P-medium.flv&amp;su=http://images.ted.com/images/ted/tedindex/embed-posters/PaulaScher-2008P.embed_thumbnail.jpg&amp;vw=552&amp;vh=414&amp;ap=0&amp;ti=435&amp;introDuration=16500&amp;adDuration=4000&amp;postAdDuration=2000&amp;adKeys=talk=paula_scher_gets_serious;year=2008;theme=the_creative_spark;theme=design_like_you_give_a_damn;event=Serious+Play+2008;&amp;preAdTag=tconf.ted/embed;tile=1;sz=512x288;" /><param name="src" value="http://video.ted.com/assets/player/swf/EmbedPlayer.swf" /><param name="bgcolor" value="#ffffff" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="566" height="502" src="http://video.ted.com/assets/player/swf/EmbedPlayer.swf" flashvars="vu=http://video.ted.com/talks/dynamic/PaulaScher_2008P-medium.flv&amp;su=http://images.ted.com/images/ted/tedindex/embed-posters/PaulaScher-2008P.embed_thumbnail.jpg&amp;vw=552&amp;vh=414&amp;ap=0&amp;ti=435&amp;introDuration=16500&amp;adDuration=4000&amp;postAdDuration=2000&amp;adKeys=talk=paula_scher_gets_serious;year=2008;theme=the_creative_spark;theme=design_like_you_give_a_damn;event=Serious+Play+2008;&amp;preAdTag=tconf.ted/embed;tile=1;sz=512x288;" bgcolor="#ffffff" wmode="transparent" allowfullscreen="true"></embed></object></p>
<p>&#8220;<a href="http://www.ted.com/index.php/talks/paula_scher_gets_serious.html">Great design is serious (not solemn)</a>,&#8221; says <a href="http://www.pentagram.com/en/partners/paula-scher.php">Paula Scher</a>, a New York based partner at design firm <a href="http://www.pentagram.com/">Pentagram</a>. She argues that you do your best work when you&#8217;re having fun, exploring and not pressured by expectations.</p>
<p>I find the key is finding somewhere in between: creative work needs a combination of space and freedom but also a clear problem to solve.</p>
<p>Need more Paula Scher? Hillman Curtis has a video discussing <a href="http://www.hillmancurtis.com/index.php?/film/watch/paula_scher/">type as image</a> that&#8217;s also worth watching.<span class="post-closer"></span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jumpingfox.com/2009/11/serious-not-solemn/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CNN redesigns</title>
		<link>http://www.jumpingfox.com/2009/11/cnn-redesigns/</link>
		<comments>http://www.jumpingfox.com/2009/11/cnn-redesigns/#comments</comments>
		<pubDate>Wed, 04 Nov 2009 12:06:14 +0000</pubDate>
		<dc:creator>Eric Auld</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Links]]></category>
		<category><![CDATA[CNN]]></category>
		<category><![CDATA[redesign]]></category>

		<guid isPermaLink="false">http://www.jumpingfox.com/?p=591</guid>
		<description><![CDATA[Read a deconstruction of the relaunched CNN site. The new site sports new index pages, story pages and a strong focus on &#8216;popularity&#8217; with the News Pulse section.
]]></description>
			<content:encoded><![CDATA[<p>Read a <a href="http://www.webdesignerdepot.com/2009/11/cnns-new-website-design-deconstructed/">deconstruction</a> of the <a href="http://www.cnn.com/interactive/relaunch/">relaunched CNN site</a>. The new site sports new index pages, story pages and a strong focus on &#8216;popularity&#8217; with the <a href="http://newspulse.cnn.com/">News Pulse</a> section.<span class="post-closer"></span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jumpingfox.com/2009/11/cnn-redesigns/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Talking re-design</title>
		<link>http://www.jumpingfox.com/2009/08/talking-re-design/</link>
		<comments>http://www.jumpingfox.com/2009/08/talking-re-design/#comments</comments>
		<pubDate>Sun, 16 Aug 2009 07:48:52 +0000</pubDate>
		<dc:creator>Eric Auld</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Links]]></category>
		<category><![CDATA[magazine]]></category>
		<category><![CDATA[redesign]]></category>

		<guid isPermaLink="false">http://www.jumpingfox.com/?p=253</guid>
		<description><![CDATA[Designers Prem Krishnamurthy and Rob Giampietro talk about their online design of Tablet Magazine, and the different places they found inspiration to shape the design. Interestingly, during the audio slide show, you get a quick look at the intial three directions they took.
]]></description>
			<content:encoded><![CDATA[<p>Designers Prem Krishnamurthy and Rob Giampietro <a href="http://www.tabletmag.com//arts-and-culture/4229/our-new-look/">talk about their online design of Tablet Magazine</a>, and the different places they found inspiration to shape the design. Interestingly, during the audio slide show, you get a quick look at the intial three directions they took.<span class="post-closer"></span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jumpingfox.com/2009/08/talking-re-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Old Gray Lady tries on new clothes</title>
		<link>http://www.jumpingfox.com/2009/07/nytimes-new-technology/</link>
		<comments>http://www.jumpingfox.com/2009/07/nytimes-new-technology/#comments</comments>
		<pubDate>Mon, 27 Jul 2009 12:09:22 +0000</pubDate>
		<dc:creator>Simon Wright</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[NYTimes]]></category>

		<guid isPermaLink="false">http://jumpingfox.com/blog/?p=61</guid>
		<description><![CDATA[Once a morning ritual and read over breakfast or on the commute to work, newspapers have found their &#8220;what&#8217;s happening today?&#8221; role replaced by websites and tv networks offering a continuous stream of news for free. How are they adjusting to this shifting demand?

As well as the need to find out what&#8217;s happening in the [...]]]></description>
			<content:encoded><![CDATA[<p>Once a morning ritual and read over breakfast or on the commute to work, newspapers have found their &#8220;what&#8217;s happening today?&#8221; role replaced by websites and tv networks offering a continuous stream of news for free. How are they adjusting to this shifting demand?</p>
<p><span id="more-61"></span></p>
<p>As well as the need to find out what&#8217;s happening in the world, one other role of newspapers we see in user research on news consumption is the concept of reading a newspaper being a <em>lifestyle</em> decision, a weekend habit that&#8217;s a way for people to relax. In this browsing approach readers tend to dip in and and out of articles, digesting background information and opinion and aiming to feel connected to the larger world.</p>
<p>Media companies around the world have aggressively chased (and relatively successfully met) the first need by emphasising breaking news online and through 24/7 publishing schedules, chasing radio and TV as the first place people turn for coverage of news as it happens.</p>
<p>But how is the New York Times, probably the most famous newspaper in the world, meeting this relaxed browsing style?</p>
<h2>Skimming</h2>
<p>The <a href="http://www.nytimes.com">New York Times</a> have been actively testing solutions to this meet this casual browsing mode. Their <a title="New York Times: Article Skimmer prototype" href="http://prototype.nytimes.com/gst/articleSkimmer/">Article Skimmer prototype</a> aims to &#8220;provide an online approximation of the pleasure of reading the Sunday Times&#8221; print edition, encouraging users to skim through summaries, dipping in to read stories without leaving the page and then easily clicking back to the skimmer&#8217;s index to move on to the next story.</p>
<div id="attachment_191" class="wp-caption alignnone" style="width: 550px"><img src="http://www.jumpingfox.com/wp-content/uploads/2009/08/skimmer-540px.jpg" alt="Section of the New York Times skimmer prototype" title="skimmer-540px" width="540" height="327" class="size-full wp-image-191" /><p class="wp-caption-text">Section of the New York Times skimmer prototype</p></div>
<p>It&#8217;s a slick concept and I&#8217;ve often found myself using the skimmer rather than the cluttered nytimes.com homepage as it gives a narrower slice of content and an easier way to dive into sections of content without loading new pages.</p>
<p>That this alternate homepage is completely devoid of advertising also plays a part in its appeal.</p>
<p>The most recent <a title="First Look blog: A Better Sunday, You Spoke, We Heard You" href="http://firstlook.blogs.nytimes.com/2009/03/16/a-better-sunday-you-spoke-we-heard-you/">update</a> added a range of features and shortcuts, making it easier to navigate with the keyboard and adding mouse gestures to allow users to &#8216;throw&#8217; the page up and down &amp;emdash; a gesture all too familiar to those used to Apple&#8217;s iPhone interface &amp;emdash; and also includes a choice of layout and colour schemes.</p>
<p>Yet despite the code wizardry behind the skimmer it&#8217;s still hobbled by the limitations of the web browser, particularly when it comes to the real hallmark of printed editorial design: typography.</p>
<p>Text wraps strangely and doesn&#8217;t fit in the layout, headlines are a fraction too bold, and on sections without images the page gets very dense with text. At heart it lacks the sense of human-edited construction and polish that&#8217;s clearly evident in the <a title="New York Times: Today's front page" href="http://www.nytimes.com/pages/pageone/scannat/index.html">printed pages</a> of the New York Times for the simple reason that the skimmer <em>is</em> entirely automated.</p>
<h2>Bringing back the look of print</h2>
<p>The new version 2.0 <a title="New York Times' First Look Blog: Times Reader 2.0" href="http://firstlook.blogs.nytimes.com/2009/05/08/sneak-peek-of-times-reader-20/">update</a> to the <a title="New York Times: Times Reader" href="http://nytimes.com/timesreader">Times Reader</a>, a downloadable application allowing print subscribers to view content from the New York Times&#8217; daily print edition, side-steps these problems by not using a web browser at all.</p>
<img src="http://www.jumpingfox.com/wp-content/uploads/2009/08/homepage-540px.jpg" alt="&quot;Screen grab of the front page of New York Times&#039; Times Reader 2.0 application" title="homepage-540px" width="540" height="344" class="size-full wp-image-187" />
<p>Built using <a title="Adobe AIR" href="http://www.adobe.com/products/air/">Adobe&#8217;s AIR</a> application platform and in <a title="Adobe AIR blog" href="http://blogs.adobe.com/air/2009/05/new_york_times_reader_20_launc.html">collaboration</a> with Adobe&#8217;s internal team, Times Reader takes giant leaps towards replicating the print experience for readers. From the familiar typeface to the column layouts, this really is the stuff that makes print people excited.</p>
<p>From the user&#8217;s perspective, the sections presented on the left are like liftouts of the paper. Stories aren&#8217;t repeated across multiple sections, the same as print. Unlike the website, stories on the &#8220;Front Page&#8221; section are the same stories as the print edition, fixed in time until the next day&#8217;s edition is published. Fresh content is piped into a &#8220;Latest News&#8221; panel across the top of the page, and has its own dedicated index in the navigation on the left.</p>
<p>There&#8217;s a clear heirarchy of stories across the page and strong use of imagery (though both change as you resize the window) and there&#8217;s an option to &#8216;zoom out&#8217; and scan across multiple pages at once, replicating the skimming behaviour of flicking through pages of a print newspaper, and diving in to read articles of interest.</p>
<div id="attachment_189" class="wp-caption alignnone" style="width: 550px"><img src="http://www.jumpingfox.com/wp-content/uploads/2009/08/overview-540px.jpg" alt="Times Reader &#039;Browse&#039; mode" title="overview-540px" width="540" height="375" class="size-full wp-image-189" /><p class="wp-caption-text">Times Reader 'Browse' mode</p></div>
<p>For those who want to print stories, the Times Reader also presents well-formatted page that&#8217;s almost better than newsprint, laying out the story in two columns (interestingly, much wider than those in the paper&#8217;s grid) and neatly presenting pullquotes and images.</p>
<div id="attachment_190" class="wp-caption alignnone" style="width: 550px"><img src="http://www.jumpingfox.com/wp-content/uploads/2009/08/print-540px.jpg" alt="Times Reader print layout" title="print-540px" width="540" height="250" class="size-full wp-image-190" /><p class="wp-caption-text">Times Reader print layout</p></div>
<p>Importantly for the bean-counters at the Times it also rolls in standard advertising units and the ubiquitious Google text ads, making sure they can claw back some of the precious advertising income that comes from their website, though their web article pages contain more ad opportunities than Times Reader&#8217;s page layouts.</p>
<p>And there&#8217;s the dilemma.</p>
<p>Any new online format has to balance the needs of users with the demands of the advertisers who effectively underwrite the site, and right now most major media experiments lean towards one or the other.<span class="post-closer"></span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jumpingfox.com/2009/07/nytimes-new-technology/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A great introduction</title>
		<link>http://www.jumpingfox.com/2009/07/a-great-introduction/</link>
		<comments>http://www.jumpingfox.com/2009/07/a-great-introduction/#comments</comments>
		<pubDate>Sun, 26 Jul 2009 07:49:45 +0000</pubDate>
		<dc:creator>Eric Auld</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Visual Storytelling]]></category>
		<category><![CDATA[redesign]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://jumpingfox.com/blog/?p=125</guid>
		<description><![CDATA[Khoi Vinh has linked to a great redesign walkthrough of the new NPR.org site. It is a beautiful piece of video that proves that even somthing like an introduction to a redesign can have a nice narrated story.


It is certainly a great way to embrace your users and hold their hand through what is large [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.subtraction.com/2009/07/22/the-new-npr-org-on-you-tube">Khoi Vinh has linked</a> to a great redesign <a href="http://vimeo.com/5736415">walkthrough of the new NPR.org site</a>. It is a beautiful piece of video that proves that even somthing like an introduction to a redesign can have a nice narrated story.</p>
<p><span id="more-125"></span><br />
<object width="566" height="354"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=5736415&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ff9933&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=5736415&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ff9933&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="566" height="354"></embed></object></p>
<p>It is certainly a great way to embrace your users and hold their hand through what is large number of changes to the site. And by using the voice and face of someone that the listeners and users all know, I can imagine that they won&#8217;t be receiving a large backlash to the redesign.</p>
<h2>Update</h2>
<div id="attachment_293" class="wp-caption alignnone" style="width: 576px"><a href="http://www.npr.org/"><img src="http://www.jumpingfox.com/wp-content/uploads/2009/07/NPR_redesign.jpg" alt="The new NPR.org redesign" title="The new NPR.org redesign" width="566" height="330" class="size-full wp-image-293" /></a><p class="wp-caption-text">The new NPR.org redesign</p></div>
<p>The <a href="http://www.npr.org/">new NPR.org redesign</a> has been launched and is a vast improvement on the previous site. Plus, <a href="http://www.npr.org/blogs/inside/2009/07/redesign_and_other_chnages.html">the NPR blog has a series of posts</a> from the redesign team discussing the changes to processes, tools, and changes that do and do not affect users.<span class="post-closer"></span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jumpingfox.com/2009/07/a-great-introduction/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Listen to your users</title>
		<link>http://www.jumpingfox.com/2009/04/listen-to-your-users/</link>
		<comments>http://www.jumpingfox.com/2009/04/listen-to-your-users/#comments</comments>
		<pubDate>Mon, 27 Apr 2009 19:09:56 +0000</pubDate>
		<dc:creator>Simon Wright</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[newspapers]]></category>
		<category><![CDATA[print]]></category>
		<category><![CDATA[redesign]]></category>

		<guid isPermaLink="false">http://jumpingfox.com/blog/?p=16</guid>
		<description><![CDATA[Among a slew of newspaper redesigns that are utilising more magazine-driven layouts popping with colour and graphics, the Atlanta Journal-Constitution has launched a new design that uses more solid columns of text and smaller photos than most.

Will Alford, product design chief behind the redesign explains their thinking in this detailed summary of the redesign at [...]]]></description>
			<content:encoded><![CDATA[<p>Among a slew of newspaper redesigns that are utilising more magazine-driven layouts popping with colour and graphics, the <a href="http://www.ajc.com/">Atlanta Journal-Constitution</a> has <a href="http://sndregion3.blogspot.com/2009/04/new-daily-atlanta-journal-constitution.html">launched a new design</a> that uses more solid columns of text and smaller photos than most.</p>
<p><span id="more-16"></span></p>
<p>Will Alford, product design chief behind the redesign explains their thinking in this <a href="http://www.visualeditors.com/apple/2009/04/atlanta-journal-constitution-launches-redesign-tuesday/">detailed summary of the redesign</a> at <a href="http://www.visualeditors.com/">Visual Editors</a> (added emphasis is mine):</p>
<blockquote><p>For years our industry has chased those elusive nonreaders. Our market research led us down a different path. What we’d have to do to win over those folks risked driving away our core readers.</p>
<p>We believe we can thrive by increasing the satisfaction of those who already engage with us regularly. To us, this meant <strong>we had to design a newspaper for people who like newspapers</strong>. If our strategy works, more of you will renew your subscriptions or purchase the paper more often or convert from single-copy customers to home subscribers.</p></blockquote>
<p>It&#8217;s sad that something as simple as listening to your existing users seems so groundbreaking.</p>
<p>At the heart of any successful project is a solid understanding of your user. Sometimes they tell you things you want to hear, often it&#8217;s things you don&#8217;t like to hear–comments on <a href="http://blogs.ajc.com/ajc/2009/04/18/get-ready-for-changes-april-28/">the AJC&#8217;s own blog post about the changes</a> are filled will negative feedback–but if your redesign ignore them in search on converting new readers, it&#8217;s at your peril.<span class="post-closer"></span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jumpingfox.com/2009/04/listen-to-your-users/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->