<?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> &#187; Web Design</title>
	<atom:link href="http://www.doingmedia.net/category/online/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.doingmedia.net</link>
	<description></description>
	<lastBuildDate>Wed, 04 Jan 2012 19:42:05 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Big Documents on the Web</title>
		<link>http://www.doingmedia.net/2009/10/big-documents-on-the-web/</link>
		<comments>http://www.doingmedia.net/2009/10/big-documents-on-the-web/#comments</comments>
		<pubDate>Fri, 02 Oct 2009 16:00:00 +0000</pubDate>
		<dc:creator>toddoneill</dc:creator>
				<category><![CDATA[Content]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Production]]></category>
		<category><![CDATA[Writing]]></category>
		<category><![CDATA[information architecture]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.doingmedia.net/?p=234</guid>
		<description><![CDATA[Here&#8217;s another gem from Jared Spool&#8217;s User Interface Engineering blog. This an excerpt from Ginny Redish&#8217;s book &#8220;Letting Go of the Words: Writing Web Content that Works&#8221; (which I have been threatening to buy for myself). This post, &#8220;Breaking Up &#8230; <a href="http://www.doingmedia.net/2009/10/big-documents-on-the-web/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<fb:like href='http://www.doingmedia.net/2009/10/big-documents-on-the-web/' send='false' layout='standard' show_faces='true' width='450' height='65' action='like' colorscheme='light' font='lucida+grande'></fb:like><p>Here&#8217;s another gem from Jared Spool&#8217;s User Interface Engineering blog. This an excerpt from Ginny Redish&#8217;s book &#8220;<em><a href="http://www.amazon.com/Letting-Go-Words-Interactive-Technologies/dp/0123694868/ref=sr_1_1?ie=UTF8&amp;s=books&amp;qid=1254255683&amp;sr=8-1" target="_blank">Letting Go of the Words: Writing Web Content that Works</a>&#8221; (which I have been threatening to buy for myself). This post, &#8220;</em><a href="http://www.uie.com/articles/breaking_down_documents" target="_blank">Breaking Up Large Documents for the Web</a>&#8221; is actually Part 1 of 3.</p>
<p>Sometimes you have content that needs the web just to get the right distribution to the right audience. But reading, like writing, for the web is different than for print.</p>
<p>I would use this article as your starting point. Then start thinking like your visitors and then do the common sense test.</p>
<div class="zemanta-pixie"><img class="zemanta-pixie-img" src="http://img.zemanta.com/pixy.gif?x-id=e51d5ed7-9066-8c8e-8186-ec7b280485ca" alt="" /></div>
<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.doingmedia.net%2F2009%2F10%2Fbig-documents-on-the-web%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.doingmedia.net%2F2009%2F10%2Fbig-documents-on-the-web%2F&amp;source=doingmediallc&amp;style=compact&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
]]></content:encoded>
			<wfw:commentRss>http://www.doingmedia.net/2009/10/big-documents-on-the-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>One Way to do an Information Architecture</title>
		<link>http://www.doingmedia.net/2009/09/one-way-to-do-an-information-architecture/</link>
		<comments>http://www.doingmedia.net/2009/09/one-way-to-do-an-information-architecture/#comments</comments>
		<pubDate>Tue, 29 Sep 2009 20:05:12 +0000</pubDate>
		<dc:creator>toddoneill</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Production]]></category>
		<category><![CDATA[information architecture]]></category>
		<category><![CDATA[interaction desig]]></category>

		<guid isPermaLink="false">http://www.doingmedia.net/2009/09/one-way-to-do-an-information-architecture/</guid>
		<description><![CDATA[I found this post, How I draft an information architecture from the&#160;DonnaM blog through Jared Spool&#8217;s UIE Tips email and I thought I&#8217;d share it.This is not exactly how I would do it but it is one way to get &#8230; <a href="http://www.doingmedia.net/2009/09/one-way-to-do-an-information-architecture/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<fb:like href='http://www.doingmedia.net/2009/09/one-way-to-do-an-information-architecture/' send='false' layout='standard' show_faces='true' width='450' height='65' action='like' colorscheme='light' font='lucida+grande'></fb:like><p>I found this post, <a href="http://maadmob.net/donna/blog/2009/how-i-draft-an-information-architecture">How I draft an information architecture</a> from the&nbsp;<a href="http://maadmob.net/donna/blog/2009/how-i-draft-an-information-architecture">DonnaM</a> blog through Jared Spool&#8217;s UIE Tips email and I thought I&#8217;d share it.<br />This is not exactly how I would do it but it is <u>one</u> way to get an IA together. The most important point really is that you DO an IA <u>For Every Site</u>. It&#8217;s a very cheap way to get your thoughts together before you begin coding. And paint yourself into a corner.</p>
<p>Enjoy!<br />
<blockquote></blockquote>
<div class="zemanta-pixie"><img class="zemanta-pixie-img" alt="" src="http://img.zemanta.com/pixy.gif?x-id=b8d56d3b-083b-8a89-bd6f-be700109ae29" /></div>
<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.doingmedia.net%2F2009%2F09%2Fone-way-to-do-an-information-architecture%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.doingmedia.net%2F2009%2F09%2Fone-way-to-do-an-information-architecture%2F&amp;source=doingmediallc&amp;style=compact&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
]]></content:encoded>
			<wfw:commentRss>http://www.doingmedia.net/2009/09/one-way-to-do-an-information-architecture/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Content Migration: Don&#039;t Cry Over Sour Milk</title>
		<link>http://www.doingmedia.net/2008/12/web-content-migration-dont-cry-over-sour-milk/</link>
		<comments>http://www.doingmedia.net/2008/12/web-content-migration-dont-cry-over-sour-milk/#comments</comments>
		<pubDate>Wed, 03 Dec 2008 15:47:47 +0000</pubDate>
		<dc:creator>toddoneill</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Content Management]]></category>
		<category><![CDATA[Online]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Content]]></category>
		<category><![CDATA[management]]></category>
		<category><![CDATA[migration]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.doingmedia.net/?p=151</guid>
		<description><![CDATA[I really like Gerry McGovern (why didn&#8217;t I look him up while I was in Ireland?); he always hits the nail on the head. And he drove it home again in his recent post Web content migration: disastrous strategy. So &#8230; <a href="http://www.doingmedia.net/2008/12/web-content-migration-dont-cry-over-sour-milk/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<fb:like href='http://www.doingmedia.net/2008/12/web-content-migration-dont-cry-over-sour-milk/' send='false' layout='standard' show_faces='true' width='450' height='65' action='like' colorscheme='light' font='lucida+grande'></fb:like><p>I really like Gerry McGovern (why didn&#8217;t I look him up while I was in Ireland?); he always hits the nail on the head. And he drove it home again in his recent post <a href="http://www.gerrymcgovern.com/nt/2008/nt-2008-11-24-content-migration.htm">Web content migration: disastrous strategy.</a></p>
<p>So many organizations think that a new technology solution will fix an old business problem. The only thing &#8220;fixed&#8221; are the consultant and vendor bottom lines and maybe helping someone climb the corporate ladder by increasing departmental headcount. If only people would allow that the emperor has no clothes and work on both their content AND the processes and people and attitudes that created it.</p>
<p>Gerry calls all of them out.</p>
<p style="padding-left: 30px;"><em>Content migration-and its first cousin, website &#8220;redesign&#8221;-are all about pouring sour old milk into new portal jugs. At some stage, we have to address the core web management challenges. Why do we have such bad content?</em></p>
<p>Ya gotta love anyone who can effectively use a sour milk analogy!
<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.doingmedia.net%2F2008%2F12%2Fweb-content-migration-dont-cry-over-sour-milk%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.doingmedia.net%2F2008%2F12%2Fweb-content-migration-dont-cry-over-sour-milk%2F&amp;source=doingmediallc&amp;style=compact&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
]]></content:encoded>
			<wfw:commentRss>http://www.doingmedia.net/2008/12/web-content-migration-dont-cry-over-sour-milk/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Is Webpage Navigation Leftist?</title>
		<link>http://www.doingmedia.net/2008/01/is-webpage-navigation-leftist/</link>
		<comments>http://www.doingmedia.net/2008/01/is-webpage-navigation-leftist/#comments</comments>
		<pubDate>Mon, 28 Jan 2008 02:41:50 +0000</pubDate>
		<dc:creator>toddoneill</dc:creator>
				<category><![CDATA[User Centered Design]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[web  website page navigation]]></category>

		<guid isPermaLink="false">http://www.doingmedia.net/2008/01/is-webpage-navigation-leftist/</guid>
		<description><![CDATA[Should navigation for a website be on the left or right side? That was question posed by a friend. One of our directors has a significant other who has been doing web work for us at a very reduced price. &#8230; <a href="http://www.doingmedia.net/2008/01/is-webpage-navigation-leftist/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<fb:like href='http://www.doingmedia.net/2008/01/is-webpage-navigation-leftist/' send='false' layout='standard' show_faces='true' width='450' height='65' action='like' colorscheme='light' font='lucida+grande'></fb:like><p>Should navigation for a website be on the left or right side? That was question posed by a friend.</p>
<blockquote><p><span style="font-family: Arial; color: blue; font-size: x-small;"><span style="font-size: 10pt; font-family: Arial; color: blue;">One of our directors has a significant other who has been doing web work for us at a very reduced price. He tells us that the new site needs to have the menu selections on the right side, that that is where people look first.  I must be weird, because that is not where I look first.  When I surf around the web, I see very few that are not on the left side.  Do you have any links or information that would clear up this particular issue?</span></span></p></blockquote>
<p>The right side is not a prevalent menu location. Here&#8217;s a link to a study about it &#8212; http://www.leveltendesign.com/blog/general/by-brent/usability-study-for-right-side-website-menu-location/.</p>
<p>What he may be referring to is how people scan web pages. The pattern is called the &#8220;Z&#8221;. Starting at the top left corner people typically scan slightly diagonally across the page to the right side. They usually pause here for a split second to see what&#8217;s there. Then they scan across the page to the left side and check that out. Then they scan to the center of the page and see what&#8217;s there. If nothing is interesting in any of these places they then go elsewhere.</p>
<p>The right side/edge/column of a page is usually reserved for news or links to featured content on information sites -or- advertising links on commercial sites. Main navigation usually appears at the top or left side. (I will sometimes place navigation to the main site sections at the top of the page and then use the left column for navigation within a section.) The center of the page is reserved for primary content although that can chunked up into columns or boxes, especially on home and main section pages.</p>
<p>Putting the main navigation on the right side would make the site distinctive and could be interesting from a design perspective. If the site were about design it could be a good idea.</p>
<p>The important thing is to remember the audience for the site. What do they expect when they arrive at the site? I would guess they are coming to the site for information either because they searched or were referred by another site or got the URL from a friend or brochure. How old would these visitors be? Men or women? What is their experience on the web?</p>
<p>Making some assumptions I would guess the visitors to your site are 30s or above, men and women, with varying web experience based on their age. They have a need for information. I don&#8217;t think they want to figure out a site&#8217;s navigation. So, I would vote for top or left navigation.</p>
<p>Keep it simple, basic and present the best information you can. This is a case, I think, where Function follows Form.
<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.doingmedia.net%2F2008%2F01%2Fis-webpage-navigation-leftist%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.doingmedia.net%2F2008%2F01%2Fis-webpage-navigation-leftist%2F&amp;source=doingmediallc&amp;style=compact&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
]]></content:encoded>
			<wfw:commentRss>http://www.doingmedia.net/2008/01/is-webpage-navigation-leftist/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Visible Narratives: Understanding Visual Organization</title>
		<link>http://www.doingmedia.net/2006/11/visible-narratives-understanding-visual-organization/</link>
		<comments>http://www.doingmedia.net/2006/11/visible-narratives-understanding-visual-organization/#comments</comments>
		<pubDate>Thu, 02 Nov 2006 22:35:16 +0000</pubDate>
		<dc:creator>toddoneill</dc:creator>
				<category><![CDATA[Ecommerce]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Intranet]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Production]]></category>

		<guid isPermaLink="false">http://www.themediacommunicator.com/2006/11/visible-narratives-understanding-visual-organization/</guid>
		<description><![CDATA[Check out this  post over at UIE&#8217;s Brain Sparks. It&#8217;s a re-publish of something from 2003 but has some good points. My comment on the post is pointed at a missing reference: What role does &#8220;production value&#8221; or &#8220;macro design&#8221; &#8230; <a href="http://www.doingmedia.net/2006/11/visible-narratives-understanding-visual-organization/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<fb:like href='http://www.doingmedia.net/2006/11/visible-narratives-understanding-visual-organization/' send='false' layout='standard' show_faces='true' width='450' height='65' action='like' colorscheme='light' font='lucida+grande'></fb:like><p>Check out <a href="http://www.uie.com/brainsparks/2006/10/31/uietips-article-visible-narratives-understanding-visual-organization/trackback/">this  post over at UIE&#8217;s Brain Sparks</a>. It&#8217;s a re-publish of something from 2003 but has some good points.</p>
<p>My comment on the post is pointed at a missing reference: What role does &#8220;production value&#8221; or &#8220;macro design&#8221; have in audience acceptance of a web property&#8217;s design?
<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.doingmedia.net%2F2006%2F11%2Fvisible-narratives-understanding-visual-organization%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.doingmedia.net%2F2006%2F11%2Fvisible-narratives-understanding-visual-organization%2F&amp;source=doingmediallc&amp;style=compact&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
]]></content:encoded>
			<wfw:commentRss>http://www.doingmedia.net/2006/11/visible-narratives-understanding-visual-organization/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

