<?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"
	>

<channel>
	<title>Rough around the edges</title>
	<atom:link href="http://www.write.efortiz.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.write.efortiz.com</link>
	<description>Random notes on user experience</description>
	<pubDate>Mon, 19 May 2008 15:23:07 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.5</generator>
	<language>en</language>
			<item>
		<title>Using &#8220;Site maps&#8221; as a mean of navigation</title>
		<link>http://www.write.efortiz.com/2008/05/using-site-maps-as-a-mean-of-navigation/</link>
		<comments>http://www.write.efortiz.com/2008/05/using-site-maps-as-a-mean-of-navigation/#comments</comments>
		<pubDate>Sun, 18 May 2008 21:19:42 +0000</pubDate>
		<dc:creator>efortiz</dc:creator>
		
		<category><![CDATA[ux]]></category>

		<category><![CDATA[experience]]></category>

		<category><![CDATA[military]]></category>

		<category><![CDATA[navigation]]></category>

		<category><![CDATA[rant]]></category>

		<category><![CDATA[site map]]></category>

		<category><![CDATA[sitemap]]></category>

		<category><![CDATA[storytelling]]></category>

		<category><![CDATA[ui]]></category>

		<category><![CDATA[user experience]]></category>

		<guid isPermaLink="false">http://www.write.efortiz.com/?p=4</guid>
		<description><![CDATA[Over the years, technology has matured and so has our ability to conceive, ideate and design better (in general). Yet we still rely, more often than necessary, on a tool designed and conceived years ago because our navigation means were either; too difficult to understand, not compatible with a plethora of devices (i.e. screen readers) [...]]]></description>
			<content:encoded><![CDATA[<p>Over the years, technology has matured and so has our ability to conceive, ideate and design better (in general). Yet we still rely, more often than necessary, on a tool designed and conceived years ago because our navigation means were either; too difficult to understand, not compatible with a plethora of devices (i.e. screen readers) among others. We still rely on using Site maps, after all this years.</p>
<p>Why target site map? Why stop there? Hmm good question.</p>
<p>A website is nothing more than a story with interactive structure (wow, I had no clue I could think so &#8220;elegantly&#8221;). As an Interaction Designer / Information Architect it falls on me, and I gladly accept it, to craft a navigation system that helps address users needs and influences users, helping craft a series of interactions and paths so that our users have a pleasant <strong>experience</strong> (can&#8217;t find the link to a Boxes &amp; Arrows podcast regarding &#8220;user experience&#8221; and how WE - read IxD&#8217;s and IA&#8217;s - don&#8217;t create experiences, we create elements that influence it though, I&#8217;ll update this post when I find it).</p>
<p>So, let&#8217;s get technical for a bit - here&#8217;s Wikipedia definition of a &#8220;Site map&#8221;:</p>
<blockquote><p>A <strong>site map</strong> (or <strong>sitemap</strong>) is a representation of the architecture of a web site. It can be either a document in any form used as a planning tool for web design, or a <a href="http://en.wikipedia.org/wiki/Web_page" title="Web page" onclick="javascript:pageTracker._trackPageview ('/outbound/en.wikipedia.org');">web</a> <a href="http://en.wikipedia.org/wiki/Web_page" title="Web page" onclick="javascript:pageTracker._trackPageview ('/outbound/en.wikipedia.org');">page</a> that lists the pages on a <span class="mw-redirect">web site</span>, typically organized in hierarchical fashion. This helps visitors and <span class="mw-redirect">search engine</span> bots find pages on the site.</p>
<p>While some developers argue that <strong>site index</strong> is a more appropriately used term to relay page function, web visitors are used to seeing each term and generally associate both as one and the same. However, a site index is often used to mean an A-Z index that provides access to particular content, while a site map provides a general top-down view of the overall site contents.</p>
<p>Source: <a href="http://en.wikipedia.org/wiki/Site_map" onclick="javascript:pageTracker._trackPageview ('/outbound/en.wikipedia.org');">http://en.wikipedia.org/wiki/Site_map</a></p></blockquote>
<p>So, a &#8220;Site map&#8221; is in essence a bunch of links (ordered) on a page, it&#8217;s important because search engines will pick it up and index it (h1 tags and all that jazziness). It could, potentially, offer users who have certain technologies blocked by their provider (read Flash in a corporate setting) could access the site&#8217;s content. Great.</p>
<p><span id="more-4"></span>But what are we missing here? The hand-holding, that off-camera voice that makes sense of what is on screen. We&#8217;re missing those crafted paths. We&#8217;re missing the story.</p>
<p>Wikipedia goes on to say that the benefits of a &#8220;Site map&#8221; - bear with me, I&#8217;m about to make a point here, I promise - are:</p>
<blockquote><p>Site maps can improve search engine optimization of a site by making sure that all the pages can be found. This is especially important if a site uses Adobe Flash or JavaScript menus that do not include HTML links.</p>
<p>Most search engines will only follow a finite number of links from a page, so if a site is very large, <em><strong>the </strong><strong>site map may be required so that</strong></em> search engines and <strong><em>visitors can access all content on the site</em></strong>.</p>
<p>Source: <a href="http://en.wikipedia.org/wiki/Site_map" onclick="javascript:pageTracker._trackPageview ('/outbound/en.wikipedia.org');">http://en.wikipedia.org/wiki/Site_map</a></p></blockquote>
<p>That first sentence reinforces what I said above, &#8220;Site maps&#8221; are great for SEO and in instances where a certain technology is blocked by a provider. But pay attention to the bold part in the second statement; &#8220;the site map may be required so that visitors can access all content on the site&#8221; not only is this a false and unvalidated statement (just like the one I am making) but it reflects a challenge that we, as designers face, our solutions - numerous times - do not go in accordance with our audience, and they are forced to rely on mediums like &#8220;Site maps&#8221;.</p>
<p>Then, there&#8217;s the other face of the coin, developers need to be conscious of audience needs, think about our users. Using Adobe Flash without making use of all of it&#8217;s accessibility features [<a href="http://www.adobe.com/accessibility/index.html" onclick="javascript:pageTracker._trackPageview ('/outbound/www.adobe.com');">Adobe on accessibility</a>] is a waste of resources. Creating a robust JavaScript driven menu that a screen reader of a specific browser can&#8217;t comprehend is a waste of resources. Not thinking of the different scenarios that a specific item will be seen in - is a waste of resources and simply stupid.</p>
<p>So, we can agree that a &#8220;Site map&#8221; while important (read above) should not be used as a main navigation item, and much less when we replace traditional navigation behavior for it. What do I mean? I present you with Evidence A.1 - <a href="http://www.americasupportsyou.mil" onclick="javascript:pageTracker._trackPageview ('/outbound/www.americasupportsyou.mil');">AmericaSupportsYou.mil</a>:</p>
<p style="text-align: center;"><a href="http://www.flickr.com/photos/efortiz/2503308948/" title="Wesupportyou.mil screenshot by brainiakk, on Flickr" onclick="javascript:pageTracker._trackPageview ('/outbound/www.flickr.com');"><img style="border: 3px solid #333;" src="http://farm3.static.flickr.com/2341/2503308948_c57546d104.jpg" alt="Wesupportyou.mil screenshot" width="495" height="500" /></a></p>
<p style="text-align: left;">What, you can&#8217;t see it? Fine - here&#8217;s Evidence A.2:</p>
<p style="text-align: center;"><a href="http://www.flickr.com/photos/efortiz/2502479779/" title="Navigation detail by brainiakk, on Flickr" onclick="javascript:pageTracker._trackPageview ('/outbound/www.flickr.com');"><img style="border: 3px solid #333;" src="http://farm3.static.flickr.com/2141/2502479779_6bb2509670.jpg" alt="Navigation detail" width="500" height="242" /></a></p>
<p style="text-align: left;">See it now? I thought so - the site&#8217;s designers opted for a not-too-often used navigation design where the main items are displayed on the right [2] (right-handed navigation if you will). But they&#8217;ve also elevated to their user&#8217;s first reading coordinates [1].</p>
<p style="text-align: left;">This site is geared to latin-based languages users, &#8220;Why?&#8221; You ask? Simple, structure starts on top-left and ends on right, sentences follow this structure. Other languages are right-aligned and as such start on top-right like Arabic - I think.</p>
<p style="text-align: left;">So, how&#8217;s that for influencing an experience? It&#8217;s not too good I tell you. User&#8217;s are almost recommended either the &#8220;Site map&#8221; or the search bar.</p>
<p style="text-align: left;">How to improve this? Simple:</p>
<ol>
<li> Move those items to the footer, where they belong (except for the home item)</li>
<li>Change your template so that your navigation is on the left, instead of the right (yes I know, on the right it looks &#8220;sooo cool&#8221;)</li>
<li>Think about your users, next time you get such a great idea</li>
</ol>
<p>What do I base my <em>opinions </em>on? Besides the fact that I&#8217;ve been doing this for a while now, I read the best and brightest minds writings (I won&#8217;t name-drop just yet <img src='http://www.write.efortiz.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> ) - and guess what? They agree with me. Yeah, suck it up.</p>
<p>What prompted this? A simple question based on frustration.</p>
<p>I asked &#8220;in 2008, why do you offer a &#8220;site map&#8221;? Could be a client demand, sometimes it&#8217;s for SEO and almost always it&#8217;s because the navigation SUCKS.&#8221; on <a href="http://twitter.com/efortiz/statuses/814344733" onclick="javascript:pageTracker._trackPageview ('/outbound/twitter.com');">Twitter</a> and received numerous replies, from both sides of the fence and some out of the park by a lot:</p>
<ul>
<li>@<a href="http://twitter.com/eelain212/statuses/814317098" onclick="javascript:pageTracker._trackPageview ('/outbound/twitter.com');">eelain212</a>: <span class="entry-content">marriage</span></li>
<li><span class="entry-content">@<a href="http://twitter.com/tmarman/statuses/814352591" onclick="javascript:pageTracker._trackPageview ('/outbound/twitter.com');">tmarman</a>: </span><span class="entry-content">laziness and/or incompetence are the only explanations.</span></li>
<li><span class="entry-content">@<a href="http://twitter.com/eelain212/statuses/814365517" onclick="javascript:pageTracker._trackPageview ('/outbound/twitter.com');">eelain212</a>: </span><span class="entry-content">sitemap, shitemap.. forget the DIY navigation, hire an internet driver.. like a cab, u&#8217;ll be there in a jiffy!</span></li>
<li><span class="entry-content">@<a href="http://twitter.com/Yoni/statuses/814366117" onclick="javascript:pageTracker._trackPageview ('/outbound/twitter.com');">yoni</a>: </span><span class="entry-content">i&#8217;d say sitemaps are worth having, but not something users should be steered toward. they are good for seo &amp; last resorts</span></li>
</ul>
<p>So what do I recommend, in general? A sound navigation system aided by numerous mediums to achieve a site&#8217;s goal, one of them and probably the most important one - to tell a story (whether that story is selling shoes, forcing you to buy 40 addons for a domain name - see GoDaddy.com - or to actually tell you a story - see <a href="http://www.wetellstories.co.uk/" onclick="javascript:pageTracker._trackPageview ('/outbound/www.wetellstories.co.uk');">We Tell Stories</a>).</p>
<p>I&#8217;m done ranting - the soapbox is all yours.</p>
<p><strong>Update (trying to be honest and all)</strong>:</p>
<ul>
<li>@<a href="http://twitter.com/tmarman/statuses/814899154" onclick="javascript:pageTracker._trackPageview ('/outbound/twitter.com');">tmarman</a>: <img src="file:///C:/DOCUME~1/eortiz/LOCALS~1/Temp/moz-screenshot-2.jpg" alt="" /> ha, great article, but just for the record my laziness/incompetence jab was about not supporting non-www DNS <img src='http://www.write.efortiz.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </li>
<li>@<a href="http://twitter.com/tmarman/statuses/814899783" onclick="javascript:pageTracker._trackPageview ('/outbound/twitter.com');">tmarman</a>: but I guess it works for both <img src='http://www.write.efortiz.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.write.efortiz.com/2008/05/using-site-maps-as-a-mean-of-navigation/feed/</wfw:commentRss>
		</item>
		<item>
		<title>The &#8216;making&#8217; of a blog, not an easy task to complete.</title>
		<link>http://www.write.efortiz.com/2008/04/the-making-of-a-blog-not-an-easy-task-to-complete/</link>
		<comments>http://www.write.efortiz.com/2008/04/the-making-of-a-blog-not-an-easy-task-to-complete/#comments</comments>
		<pubDate>Mon, 21 Apr 2008 15:15:40 +0000</pubDate>
		<dc:creator>efortiz</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[blog]]></category>

		<category><![CDATA[flow]]></category>

		<category><![CDATA[how-to]]></category>

		<category><![CDATA[ux]]></category>

		<guid isPermaLink="false">http://www.write.efortiz.com/?p=3</guid>
		<description><![CDATA[Ahh - you got suckered into visiting my blog? I pity, but at the same time thank, you.
I&#8217;ve dabbed into blogging numerous times over the past couple of years (I was actually told sometime last week that couple means &#34;two&#34; and should never be used in place of &#34;few&#34;, so I apologize for that - [...]]]></description>
			<content:encoded><![CDATA[<p>Ahh - you got suckered into visiting my blog? I pity, but at the same time thank, you.</p>
<p>I&#8217;ve dabbed into blogging numerous times over the past couple of years (I was actually told sometime last week that couple means &quot;two&quot; and should never be used in place of &quot;few&quot;, so I apologize for that - where I come from, couple means any number that is less than &quot;too much&quot;, I know, intense.) but I never stick to it, I end up commenting on numerous blogs, giving ideas to others and always pondering &quot;what if I started blogging?&quot;.</p>
<p>Today, I wonder no more. I followed advice given by @<a href="http://www.twitter.com/daveIxD" onclick="javascript:pageTracker._trackPageview ('/outbound/www.twitter.com');">daveIxD </a> and @<a href="http://www.twitter.com/whitneyhess" onclick="javascript:pageTracker._trackPageview ('/outbound/www.twitter.com');">whitneyhess </a> (don&#8217;t tell me you&#8217;re wondering about those &#8216;@&#8217; signs - Twitter is the new information sharing platform! Don&#8217;t believe me? @<a href="http://www.twitter.com/Armano" onclick="javascript:pageTracker._trackPageview ('/outbound/www.twitter.com');">Armano </a> will definitely convince you) and I did the &quot;one-click install&quot; for the WordPress Plugin provided by Dreamhost. Please note, &quot;One-click install&quot; doesn&#8217;t imply it being easy, specially if you&#8217;re like me and decide to take the &quot;Expert&quot; route without any knowledge of the plugin and what are the different practices to setting it up. It took me close to 3 hours to &quot;set it up&quot; and I&#8217;m still not done.</p>
<p>And with that - we&#8217;ve arrived to the point of this, my first blog post.</p>
<p>If you&#8217;re pondering whether to blog or not, I&#8217;ll tell you what I told my inner self &quot;it&#8217;s up to you, do it because you want to, not because you have to&quot;, somewhat simple rule.</p>
<p>Made up your mind? Great - this, if I could do it over again, is a list of things to do, prior to actually &quot;blogging&quot; that I&#8217;d follow:</p>
<ol>
<li>Consult with your host into the setup for any publication plugins. For the purpose of this post and due to my limited (fine, VERY limited) knowledge of anything else, we&#8217;ll keep this to WordPress.</li>
<li>Go to the WordPress site and read the &quot;<a href="http://codex.wordpress.org/New_To_WordPress_-_Where_to_Start" onclick="javascript:pageTracker._trackPageview ('/outbound/codex.wordpress.org');">Where to Start</a> &quot;</li>
<li>Blog!</li>
</ol>
<p>Yeah, that&#8217;s it.</p>
<p>Welcome to my blog - I&#8217;d say &quot;hang on tight, it&#8217;s going to be a bumpy ride&quot; but it&#8217;s way too cliche. <img src='http://www.write.efortiz.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p>Until my next post,</p>
<p>Eduardo</p>
]]></content:encoded>
			<wfw:commentRss>http://www.write.efortiz.com/2008/04/the-making-of-a-blog-not-an-easy-task-to-complete/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>

