<?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>Information Design Watch &#187; Web Interface Design</title>
	<atom:link href="http://dd.dynamicdiagrams.com/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://dd.dynamicdiagrams.com</link>
	<description></description>
	<lastBuildDate>Thu, 29 Jul 2010 17:26:55 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Historic New England Web Site Goes Live</title>
		<link>http://dd.dynamicdiagrams.com/2010/05/historic-new-england-web-site-goes-live/</link>
		<comments>http://dd.dynamicdiagrams.com/2010/05/historic-new-england-web-site-goes-live/#comments</comments>
		<pubDate>Thu, 27 May 2010 19:15:25 +0000</pubDate>
		<dc:creator>Kirsten Robinson</dc:creator>
				<category><![CDATA[Dynamic Diagrams News]]></category>
		<category><![CDATA[Information Architecture]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Web Interface Design]]></category>

		<guid isPermaLink="false">http://dd.dynamicdiagrams.com/?p=3016</guid>
		<description><![CDATA[Historic New England's redesigned web site is now live at www.historicnewengland.org. Historic New England is a non-profit organization dedicated to preserving and presenting New England's history. Dynamic Diagrams has been working with Historic New England since January 2009 to define web strategy, information architecture, user experience, and visual design for the site.]]></description>
			<content:encoded><![CDATA[<p>Historic New England&#8217;s redesigned web site is now live at <a title="Historic New England" href="http://www.historicnewengland.org" target="_blank">www.historicnewengland.org</a>. Historic New England is a non-profit organization dedicated to preserving and presenting New England&#8217;s history. They own and operate 36 historic house museums, provide educational programming for adults and children, collect and conserve historic objects and archives, help preservation organizations and homeowners protect and maintain historic sites, and publish books and magazines about history and preservation.</p>
<p><strong>Some highlights of the new site:</strong></p>
<ul>
<li>Improved navigation and fresh visual design replaced a site that had grown organically over ten years.</li>
<li>Greatly expanded content on <a title="Historic New  England properties" href="http://www.historicnewengland.org/historic-properties" target="_blank">historic  properties</a>, <a title="Historic Preservation" href="http://www.historicnewengland.org/preservation" target="_blank">preservation</a>,  and more: site updates are completely under the control of Historic New  England staff for the first time, through an easy-to-use content management system (CMS) called Plone.</li>
<li>Online <a title="Collections Access" href="http://www.historicnewengland.org/collections-archives-exhibitions/collections-access" target="_blank">collections access</a>: users can now browse and search Historic New England&#8217;s extensive collections of museum objects, archival materials, and books. <a title="Online exhibitions and collection highlights" href="http://www.historicnewengland.org/collections-archives-exhibitions/online-exhibitions" target="_blank">Online exhibitions</a> are also easier to create.</li>
</ul>
<div id="attachment_3018" class="wp-caption alignnone" style="width: 310px"><img class="size-medium wp-image-3018" title="Collections Access" src="http://dd.dynamicdiagrams.com/wp-content/uploads/2010/05/collections-after-300x261.png" alt="" width="300" height="261" /><p class="wp-caption-text">Users can search and browse the collections and archives</p></div>
<ul>
<li>Interactive <a title="Historic New England events" href="http://www.historicnewengland.org/events-programs/events-calendar" target="_blank">events  calendar</a> allows users to browse events by date and location and then click through to the online shop for registration.</li>
<li>Search engine provides quick access to site content and collection highlights from any page, and there are also specialized searches for collections and events.</li>
<li>Galleries and slide shows are available throughout the site to better present Historic New England&#8217;s great photography. Here&#8217;s one about the <a title="Animals at Spencer-Peirce-Little Farm" href="http://www.historicnewengland.org/historic-properties/homes/spencer-peirce-little-farm/animals-at-the-spencer-peirce-little-farm" target="_blank">animals at Spencer-Peirce-Little Farm</a>.</li>
<li>Multimedia is also supported, as seen in the <a title="Berlin  &amp; Coos   County oral histories" href="http://centennial.historicnewengland.org/stories-images/berlin-coos-county-oral-histories" target="_blank">Berlin  &amp; Coos County oral history project.</a></li>
<li><a title="Map to Historic New England properties" href="http://www.historicnewengland.org/historic-properties/property-map" target="_blank">Interactive map</a> provides a visual overview of Historic New England&#8217;s 36 property locations.</li>
</ul>
<div id="attachment_3019" class="wp-caption alignnone" style="width: 310px"><img class="size-medium wp-image-3019" title="Property Map" src="http://dd.dynamicdiagrams.com/wp-content/uploads/2010/05/property-map-after-300x261.png" alt="Map to Historic New England's 36 properties" width="300" height="261" /><p class="wp-caption-text">Interactive map to Historic New England&#39;s 36 properties</p></div>
<ul>
<li>Integration with Historic New England&#8217;s <a title="Historic New England shop" href="http://shop.historicnewengland.org/" target="_blank">online shop</a> (developed by a third party) enables them to sell memberships, donations, event registrations, and merchandise. The shop integration will also enable single sign on between the site and the shop, allowing access to restricted content as well as member discounts on purchases.</li>
<li><a title="What's New at Historic New England" href="http://www.historicnewengland.org/about-us/whats-new" target="_blank">News</a> has categories and feeds to position news appropriately throughout the site, and allows user commenting.</li>
<li>Microsites enable visitors to <a title="Historic sites for special events" href="http://www.historicnewengland.org/historic-properties/function-rentals" target="_blank">rent properties for weddings and functions</a> and to celebrate Historic New England&#8217;s <a title="Historic New England's Centennial" href="http://centennial.historicnewengland.org/" target="_blank">centennial</a>.</li>
</ul>
<div id="attachment_3020" class="wp-caption alignnone" style="width: 310px"><img class="size-medium wp-image-3020" title="Function Rentals Home" src="http://dd.dynamicdiagrams.com/wp-content/uploads/2010/05/function-rentals-home-after-300x261.png" alt="Home page for the Function Rentals microsite" width="300" height="261" /><p class="wp-caption-text">Home page for the Function Rentals microsite</p></div>
<p>Dynamic Diagrams has been working with Historic New England since January 2009 to define web strategy, information architecture, user experience, and visual design for the site. We worked with our development partners to implement the site using the Plone CMS, to convert legacy content, and to integrate the site visually and functionally with Historic New England&#8217;s online shop. We collaborated with our partners and Historic New England&#8217;s collections team to define and develop the Collections Access portal. Finally, we and our partners trained Historic New England staff authors on Plone and writing for the web, so that they could develop new content for the site and maintain it going forward.</p>
<p>We are thrilled to see the site go live and congratulate Historic New England on a successful launch.</p>
]]></content:encoded>
			<wfw:commentRss>http://dd.dynamicdiagrams.com/2010/05/historic-new-england-web-site-goes-live/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Jobs Takes Flash to the Mat</title>
		<link>http://dd.dynamicdiagrams.com/2010/05/jobs-takes-flash-to-the-mat/</link>
		<comments>http://dd.dynamicdiagrams.com/2010/05/jobs-takes-flash-to-the-mat/#comments</comments>
		<pubDate>Tue, 04 May 2010 15:17:56 +0000</pubDate>
		<dc:creator>Henry Woodbury</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Sports]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Web Interface Design]]></category>

		<guid isPermaLink="false">http://dd.dynamicdiagrams.com/?p=2844</guid>
		<description><![CDATA[Get your ringside seats for the Apple vs. Adobe fight, right here.
Apple CEO Steve Jobs tries the headscissors takedown:
Besides the fact that Flash is closed ...]]></description>
			<content:encoded><![CDATA[<p>Get your ringside seats for the Apple vs. Adobe fight, right here.</p>
<p>Apple CEO Steve Jobs tries the <a href="http://www.apple.com/hotnews/thoughts-on-flash/">headscissors takedown</a>:</p>
<blockquote><p>Besides the fact that Flash is closed and proprietary, has major  technical drawbacks, and doesn’t support touch based devices, there is  an even more important reason we do not allow Flash on iPhones, iPods  and iPads&#8230; We know from painful experience that letting a third party layer of  software come between the platform and the developer ultimately results  in sub-standard apps and hinders the enhancement and progress of the  platform.</p></blockquote>
<p>Adobe CEO Shantanu Narayen bounces back with <a href="http://blogs.wsj.com/digits/2010/04/29/live-blogging-the-journals-interview-with-adobe-ceo/tab/liveblog/">a half nelson leg sweep</a> (<a href="http://online.wsj.com/video/adobe-and-apple-ceo-square-off/5C074A32-B7A3-47EC-9B53-E7A8A5A04E49.html">video here</a>):</p>
<blockquote><p>The technology problems that Mr. Jobs mentions in his essay are &#8220;really a  smokescreen,&#8221; Mr. Narayen says. He says more than 100 applications that  used Adobe&#8217;s software were accepted in the App Store. &#8220;When you resort  to licensing language&#8221; to restrict this sort of development, he says, it  has &#8220;nothing to do with technology.&#8221;</p></blockquote>
<p><a href="http://news.cnet.com/8301-1035_3-20003922-94.html">Meanwhile, Adobe plans to demo Flash for Google&#8217;s Android OS this month &#8212; and give Android phones to all of its employees</a>.</p>
<p>By the way, here&#8217;s Rey Mysterio performing the headscissors move:</p>
<p><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/9U9T3pJc26c&#038;hl=en_US&#038;fs=1&#038;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/9U9T3pJc26c&#038;hl=en_US&#038;fs=1&#038;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://dd.dynamicdiagrams.com/2010/05/jobs-takes-flash-to-the-mat/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>It&#8217;s Tournament Time</title>
		<link>http://dd.dynamicdiagrams.com/2010/03/its-tournament-time/</link>
		<comments>http://dd.dynamicdiagrams.com/2010/03/its-tournament-time/#comments</comments>
		<pubDate>Fri, 19 Mar 2010 15:38:38 +0000</pubDate>
		<dc:creator>Henry Woodbury</dc:creator>
				<category><![CDATA[Current Events]]></category>
		<category><![CDATA[Diagrams]]></category>
		<category><![CDATA[Information Design]]></category>
		<category><![CDATA[Sports]]></category>
		<category><![CDATA[Web Interface Design]]></category>

		<guid isPermaLink="false">http://dd.dynamicdiagrams.com/?p=2755</guid>
		<description><![CDATA[The Mens Division I NCAA Basketball Tournament bracket is one of the most iconic images in U.S. sports. Voila:
  
So what can an information ...]]></description>
			<content:encoded><![CDATA[<p>The Mens Division I NCAA Basketball Tournament bracket is one of the most iconic images in U.S. sports. Voila:</p>
<p><img class="alignnone size-full wp-image-2761" title="NCAA Mens Division I Basketball Tournament, 300 Pixels Wide" src="http://dd.dynamicdiagrams.com/wp-content/uploads/2010/03/bracket-2010-printable-300.gif" alt="NCAA Mens Division I Basketball Tournament, 300 Pixels Wide" width="300" height="192" /> <img class="alignnone size-full wp-image-2762" title="NCAA Mens Division I Basketball Tournament, 150 Pixels Wide" src="http://dd.dynamicdiagrams.com/wp-content/uploads/2010/03/bracket-2010-printable-150.gif" alt="NCAA Mens Division I Basketball Tournament, 150 Pixels Wide" width="150" height="96" /> <img class="alignnone size-full wp-image-2760" title="NCAA Mens Division I Basketball Tournament, 75 Pixels Wide" src="http://dd.dynamicdiagrams.com/wp-content/uploads/2010/03/bracket-2010-printable-75.gif" alt="NCAA Mens Division I Basketball Tournament, 75 Pixels Wide" width="75" height="48" /></p>
<p>So what can an information designer do with this?</p>
<p><a href="http://www.fastcompany.com/1588069/infographic-of-the-day-the-best-designed-ncaa-tourney-bracket-on-the-web">Cliff Kuang at Fast Company looked around the web to find out</a>. His selection for &#8220;best designed bracket&#8221; goes to NBC Sports:</p>
<blockquote><p>Why? Because it&#8217;s a bonafide [sic] infographic&#8211;basically a cheat-sheet that allows  anyone with only a passing interest in college basketball to sound smart after  about five minutes of studying.</p></blockquote>
<p>The <a href="http://madness.nbcsports.com/">NBC Bracket is here</a>. It&#8217;s interactive, but broken. Hey NBC! Fix that absolute positioning.</p>
<p><strong>Update:</strong> It&#8217;s fixed now.</p>
]]></content:encoded>
			<wfw:commentRss>http://dd.dynamicdiagrams.com/2010/03/its-tournament-time/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Your Data is my Distraction</title>
		<link>http://dd.dynamicdiagrams.com/2010/03/your-data-is-my-distraction/</link>
		<comments>http://dd.dynamicdiagrams.com/2010/03/your-data-is-my-distraction/#comments</comments>
		<pubDate>Wed, 17 Mar 2010 17:06:47 +0000</pubDate>
		<dc:creator>Henry Woodbury</dc:creator>
				<category><![CDATA[Charts and Graphs]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Information Design]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Visual Explanation]]></category>
		<category><![CDATA[Web Interface Design]]></category>

		<guid isPermaLink="false">http://dd.dynamicdiagrams.com/?p=2515</guid>
		<description><![CDATA[I recently ran across a still-fresh 2009 Nieman Journalism Lab post on &#8220;ambient visual data&#8221; &#8212; a good term for the practice of graphically incorporating ...]]></description>
			<content:encoded><![CDATA[<p>I recently ran across a still-fresh 2009 <a href="http://www.niemanlab.org/2009/06/backbars-how-ambient-visual-data-can-make-news-sites-user-friendly/">Nieman Journalism Lab post on &#8220;ambient visual data&#8221;</a> &#8212; a good term for the practice of graphically incorporating metadata into a content-delivery interface. The most common idea seems to be adding subtle bar charts beneath or around links to illustrate various kinds of popularity.</p>
<p>To explain the importance of the concept, author Haley Sweetland Edwards turns to designer Eliazar Parra Cardenas, creator of Backbars, &#8220;a GreaseMonkey script to turn the headlines and comments of  social link-sites into ambient bar charts (of votes/diggs/views/users…).&#8221; Cardenas explains:</p>
<blockquote><p>“The whole point is to make textual information easier to absorb&#8230; [A  well-designed site] should maximize the information that a user can  understand — that you can just glance at, or take note of -– without  actively thinking&#8230;.</p>
<p>“We’ve already tried the obvious in print: putting as much text as  possible in one glance (hence broadsheets), mixing in images, headlines,  columns. I think the next step  will be digital developments like backbars, favicons, sparklines, word coloring,  spacings.”</p></blockquote>
<p>Count me as extremely skeptical. The sites that Edwards and Cardenas hold up as examples seem both cluttered and shallow &#8212; a vote-stuffing contest for &#8220;news of the weird.&#8221;</p>
<p>I&#8217;m old school that way. What drives traffic are the editorial and authorial inputs that Cardenas overlooks in his list of the obvious. Not headlines, but well-written headlines. Not images, but compelling images. Not backbars, favicons, sparklines, word coloring, and spacings, but good ledes.</p>
<p>The New York Times isn&#8217;t making money online. But they aren&#8217;t lacking for traffic.</p>
]]></content:encoded>
			<wfw:commentRss>http://dd.dynamicdiagrams.com/2010/03/your-data-is-my-distraction/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Old Search Engines Never Die&#8230;</title>
		<link>http://dd.dynamicdiagrams.com/2010/02/old-search-engines-never-die/</link>
		<comments>http://dd.dynamicdiagrams.com/2010/02/old-search-engines-never-die/#comments</comments>
		<pubDate>Tue, 16 Feb 2010 14:47:50 +0000</pubDate>
		<dc:creator>Henry Woodbury</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Web Interface Design]]></category>

		<guid isPermaLink="false">http://dd.dynamicdiagrams.com/?p=2522</guid>
		<description><![CDATA[Jacob Gube at design site Six Revisions uses the Way Back Machine to create a &#8220;then and now&#8221; piece on search engines. It&#8217;s worth a ...]]></description>
			<content:encoded><![CDATA[<p>Jacob Gube at design site Six Revisions uses the <a href="http://www.archive.org/web/web.php">Way Back Machine</a> to create a <a href="http://sixrevisions.com/web_design/popular-search-engines-in-the-90s-then-and-now/">&#8220;then and now&#8221; piece on search engines</a>. It&#8217;s worth a look, just for the screenshots. Chrome and content tell a story. For most of those still around, lots of chrome and lots of links have faded away, replaced by minimal chrome and minimal links.</p>
<p><a href="http://www.hotbot.com">HotBot</a> and <a href="http://www.webcrawler.com/">WebCrawler</a> are still around. They look like Google.</p>
]]></content:encoded>
			<wfw:commentRss>http://dd.dynamicdiagrams.com/2010/02/old-search-engines-never-die/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cressey Performance Web Site Relaunches</title>
		<link>http://dd.dynamicdiagrams.com/2010/02/cressey-performance-web-site-relaunches/</link>
		<comments>http://dd.dynamicdiagrams.com/2010/02/cressey-performance-web-site-relaunches/#comments</comments>
		<pubDate>Mon, 15 Feb 2010 21:01:51 +0000</pubDate>
		<dc:creator>Henry Woodbury</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Dynamic Diagrams News]]></category>
		<category><![CDATA[Sports]]></category>
		<category><![CDATA[Web Interface Design]]></category>

		<guid isPermaLink="false">http://dd.dynamicdiagrams.com/?p=2517</guid>
		<description><![CDATA[Our latest web site design is for Cressey Performance in nearby Hudson, Massachusetts. Cressey Performance is a weight-training gym with an international reputation for its ...]]></description>
			<content:encoded><![CDATA[<p>Our latest web site design is for <a href="http://www.cresseyperformance.com/">Cressey Performance</a> in nearby Hudson, Massachusetts. Cressey Performance is a weight-training gym with an international reputation for its work with competitive athletes, from youth sports to professionals. Directed by the highly-respected <a href="http://www.cresseyperformance.com/staff/">Eric Cressey</a>, the facility is a go-to training destination for professional baseball players, including Kevin Youkilis of the Boston Red Sox, as well as other elite athletes such as 2010 USA Olympic Bobsledder Bree Schaaf.</p>
<p>The site is designed around a tight core of informational pages about the facility, while a new <a href="http://www.cresseyperformance.com/blog/">CP Blog</a> provides an ongoing venue for current news, training videos, and links to the top stories at the separate blogs maintained by <a href="http://ericcressey.com/">Eric Cressey</a> and staff nutritionist <a href="http://brianstpierretraining.com/">Brian St. Pierre</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://dd.dynamicdiagrams.com/2010/02/cressey-performance-web-site-relaunches/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Real-Time Bus Location</title>
		<link>http://dd.dynamicdiagrams.com/2010/01/real-time-bus-location/</link>
		<comments>http://dd.dynamicdiagrams.com/2010/01/real-time-bus-location/#comments</comments>
		<pubDate>Sun, 31 Jan 2010 02:23:08 +0000</pubDate>
		<dc:creator>Henry Woodbury</dc:creator>
				<category><![CDATA[Information Design]]></category>
		<category><![CDATA[Maps]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Visual Explanation]]></category>
		<category><![CDATA[Web Interface Design]]></category>

		<guid isPermaLink="false">http://dd.dynamicdiagrams.com/?p=2420</guid>
		<description><![CDATA[
Using GPS and Google Maps, MASCO &#8212; the Medical Academic and Scientific Community Organization, Inc., of Boston, Massachusetts &#8212; offers this elegant real-time bus map ...]]></description>
			<content:encoded><![CDATA[<p><a href="http://masco.transloc.com/"><img class="alignnone size-full wp-image-2422" title="LMA Shuttle Map" src="http://dd.dynamicdiagrams.com/wp-content/uploads/2010/01/lma_shuttle_map.jpg" alt="LMA Shuttle Map" width="690" height="532" /></a></p>
<p>Using GPS and Google Maps, MASCO &#8212; the Medical Academic and Scientific Community Organization, Inc., of Boston, Massachusetts &#8212; offers this elegant <a href="http://shuttles.masco.org">real-time bus map for its shuttle service</a>. The map shows buses in service, their location, and their direction of travel.</p>
<p>For folks waiting at the bus stop, the service is accessible via web-enabled phone at http://shuttles.masco.org/m.</p>
]]></content:encoded>
			<wfw:commentRss>http://dd.dynamicdiagrams.com/2010/01/real-time-bus-location/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Historic New England Centennial Site Now Live</title>
		<link>http://dd.dynamicdiagrams.com/2010/01/historic-new-england-centennial-site-now-live/</link>
		<comments>http://dd.dynamicdiagrams.com/2010/01/historic-new-england-centennial-site-now-live/#comments</comments>
		<pubDate>Tue, 12 Jan 2010 16:13:04 +0000</pubDate>
		<dc:creator>Kirsten Robinson</dc:creator>
				<category><![CDATA[Dynamic Diagrams News]]></category>
		<category><![CDATA[Implementation]]></category>
		<category><![CDATA[Information Architecture]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Web Interface Design]]></category>

		<guid isPermaLink="false">http://dd.dynamicdiagrams.com/?p=2324</guid>
		<description><![CDATA[Historic New England has launched a Centennial microsite to celebrate their 100th year of preserving New England&#8217;s history and to highlight centennial projects that they ...]]></description>
			<content:encoded><![CDATA[<p>Historic New England has launched a <a title="Historic New England Centennial microsite" href="http://centennial.historicnewengland.org/">Centennial microsite</a> to celebrate their 100th year of preserving New England&#8217;s history and to highlight centennial projects that they are creating in conjunction with community partners throughout the New England states. Key site features include an <a title="Historice New England Centennial events calendar" href="http://centennial.historicnewengland.org/events-programs/events-calendar">events calendar</a>, <a title="Boston Schools photography" href="http://centennial.historicnewengland.org/stories-images/photography-from-boston-schools">photo galleries and slide shows</a>, and <a title="Berlin &amp; Coos County oral histories" href="http://centennial.historicnewengland.org/stories-images/berlin-coos-county-oral-histories">video oral histories</a>.</p>
<p><a href="http://centennial.historicnewengland.org/"><img class="alignnone size-full wp-image-2327" title="Historic New England Centennial oral history page" src="http://dd.dynamicdiagrams.com/wp-content/uploads/2010/01/centennial-screen-shot.png" alt="Historic New England Centennial oral history page" width="491" height="409" /></a></p>
<p>Historic New England selected <a title="Dynamic Diagrams web site" href="http://www.dynamicdiagrams.com">Dynamic Diagrams</a> to create the user experience for the site (research, information architecture, visual design, and XHTML and CSS coding). We worked with our development partners to implement a Plone content management system (CMS) that provides Historic New England &#8212; for the first time &#8212; with complete control to create their own pages.</p>
<p>The Centennial site is also a preview of things to come. Watch this space for a future announcement of Historic New England&#8217;s redesigned and enhanced main web site.</p>
]]></content:encoded>
			<wfw:commentRss>http://dd.dynamicdiagrams.com/2010/01/historic-new-england-centennial-site-now-live/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>What&#8217;s Above the Fold?  Ask Google</title>
		<link>http://dd.dynamicdiagrams.com/2009/12/whats-above-the-fold-ask-google/</link>
		<comments>http://dd.dynamicdiagrams.com/2009/12/whats-above-the-fold-ask-google/#comments</comments>
		<pubDate>Fri, 18 Dec 2009 16:11:40 +0000</pubDate>
		<dc:creator>Lisa Agustin</dc:creator>
				<category><![CDATA[Implementation]]></category>
		<category><![CDATA[Web Interface Design]]></category>

		<guid isPermaLink="false">http://dd.dynamicdiagrams.com/?p=2149</guid>
		<description><![CDATA[
Fresh from Google Labs:  Google Browser Size, a nifty visualization tool for checking how much of a web page sits &#8220;above the fold,&#8221; i.e., what&#8217;s ...]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-large wp-image-2150" title="google-browser-size" src="http://dd.dynamicdiagrams.com/wp-content/uploads/2009/12/google-browser-size-690x411.jpg" alt="google-browser-size" width="690" height="411" /></p>
<p>Fresh from Google Labs:  <a title="Google Browser Size" href="http://browsersize.googlelabs.com/">Google Browser Size</a>, a nifty visualization tool for checking how much of a web page sits &#8220;above the fold,&#8221; i.e., what&#8217;s visible in Google without scrolling.  Just type in any URL to see how the site looks.  Color contours show different window sizes and the percentage of users that have this size or larger.  (Presumably these percentages are based on Google&#8217;s own statistics.)  For instance, in the example above, the &#8220;donate now&#8221; button falls within the 80% contour, meaning that 20% of users cannot see this button when they first visit the page.  If getting donations is a priority of the site, the web design team now knows they ought to position the button higher on the page.</p>
<p>The tool works as an overlay, allowing you to interact normally with the page you&#8217;re examining.  Thus you can easily review other pages on the site as well.  This is great for sites that are about to be redesigned, or ones that you&#8217;re just curious about.  I was also happy to discover that this tool also works for designs that are still in development&#8211;I was able to view a .png on a project site, which gave me instant feedback on what will be visible on page load.  Nice work, Google.</p>
]]></content:encoded>
			<wfw:commentRss>http://dd.dynamicdiagrams.com/2009/12/whats-above-the-fold-ask-google/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>What once was print&#8230;</title>
		<link>http://dd.dynamicdiagrams.com/2009/12/what-once-was-print/</link>
		<comments>http://dd.dynamicdiagrams.com/2009/12/what-once-was-print/#comments</comments>
		<pubDate>Thu, 03 Dec 2009 16:28:33 +0000</pubDate>
		<dc:creator>Matt DeMeis</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Information Design]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Web Interface Design]]></category>

		<guid isPermaLink="false">http://dd.dynamicdiagrams.com/?p=1978</guid>
		<description><![CDATA[&#8230;is now being done very effectively with new technology. Flyp media captures that cozy feeling of thumbing through a magazine and translates it to the ...]]></description>
			<content:encoded><![CDATA[<p>&#8230;is now being done very effectively with new technology. <a href="http://www.flypmedia.com">Flyp media</a> captures that cozy feeling of thumbing through a magazine and translates it to the internet in one of the best ways I have seen in a while. It&#8217;s news, in a more exciting format. Video, audio and elegantly designed layouts definitely give a nod to the print world, all while being more exciting than a piece of paper could ever be.</p>
<p><a href="http://www.flypmedia.com"><img class="alignnone size-large wp-image-1979" title="Flyp Media Home Page" src="http://dd.dynamicdiagrams.com/wp-content/uploads/2009/12/picture-4-690x394.png" alt="Flyp Media Home Page" width="690" height="394" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://dd.dynamicdiagrams.com/2009/12/what-once-was-print/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
