<?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>BLOGWITHOUTALIBRARY.NET &#187; webdesign</title>
	<atom:link href="http://www.blogwithoutalibrary.net/tag/webdesign/feed" rel="self" type="application/rss+xml" />
	<link>http://www.blogwithoutalibrary.net</link>
	<description>libraries, technology, UX, &#38;c.</description>
	<lastBuildDate>Tue, 10 Jan 2012 21:37:51 +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>Biblioteca Fages de Climent</title>
		<link>http://www.blogwithoutalibrary.net/629</link>
		<comments>http://www.blogwithoutalibrary.net/629#comments</comments>
		<pubDate>Thu, 26 Nov 2009 17:36:44 +0000</pubDate>
		<dc:creator>ae-j</dc:creator>
				<category><![CDATA[web design]]></category>
		<category><![CDATA[librarywebsites]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.blogwithoutalibrary.net/?p=629</guid>
		<description><![CDATA[A thoroughly enjoyable design. Go visit.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.bibliotecadefigueres.cat/"><img class="alignnone size-full wp-image-631" title="Biblioteca Fages de Climent" src="http://www.blogwithoutalibrary.net/wp-content/uploads/2009/11/biblioteca1.jpg" alt="biblioteca" width="489" height="364" /></a></p>
<p>A thoroughly enjoyable design. <a href="http://www.bibliotecadefigueres.cat/">Go visit</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.blogwithoutalibrary.net/629/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>web design &amp; scent</title>
		<link>http://www.blogwithoutalibrary.net/320</link>
		<comments>http://www.blogwithoutalibrary.net/320#comments</comments>
		<pubDate>Sun, 13 Jul 2008 03:41:00 +0000</pubDate>
		<dc:creator>ae-j</dc:creator>
				<category><![CDATA[user-centred design]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[librarywebsites]]></category>
		<category><![CDATA[scent]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.blogwithoutalibrary.net/?p=320</guid>
		<description><![CDATA[A couple of weeks ago, I attended a virtual seminar called The Scent of Information by Jared Spool at UIE. I try to stay on top of usability &#38; UI design stuff, so a lot of it wasn&#8217;t brand-spanking-new, but it was definitely worth hearing again, especially since we&#8217;re in the middle of redesigning our [...]]]></description>
			<content:encoded><![CDATA[<p>A couple of weeks ago, I attended a virtual seminar called <a href="http://www.uie.com/events/virtual_seminars/information_scent/">The Scent of Information</a> by Jared Spool at <a href="http://www.uie.com/">UIE</a>. I try to stay on top of usability &amp; <acronym title="User Interface">UI</acronym> design stuff, so a lot of it wasn&#8217;t brand-spanking-new, but it was definitely worth hearing again, especially since we&#8217;re in the middle of redesigning our website this summer. Since I don&#8217;t do well just sitting still and listening (continuous partial attention, anyone?), I jotted a bunch of notes while Jared did his thing.</p>
<p><strong>On &#8220;scent&#8221;</strong></p>
<ul>
<li>We often start with an hypothesis: people who have a lot of experience using the web will be able to find things easier. The fact? That&#8217;s not the case. At UIE, they&#8217;ve done a lot of research on why users tend to generally succeed with some sites and they&#8217;ve identified patterns (which is what the session is all about).</li>
<li>The notion of &#8220;scent&#8221; is all about links that suck users in and get them to the content they&#8217;re looking for . It all happens through &#8220;trigger words&#8221;. Our users come to our websites looking for something (their &#8220;trigger words&#8221;), so if they can&#8217;t find their trigger words, they are immediately disoriented.</li>
<li>The 3-clicks-to-content notion is something of a fallacy &#8212; as long as each click makes the user feel like they are getting closer to the content they need, they generally don&#8217;t care how many clicks it takes to get there. As users drill through your site, if the next click takes them to a general page, they lose the scent and they are disoriented.</li>
<li>Users tend to resort to using your site&#8217;s search feature when there is not enough scent. Using the site search is the user trying to create his/her own scent.</li>
<li>This is not so much the case with sites like amazon (or our OPACs), but generally true for web content.</li>
<li>Another fallacy: &#8220;above the fold&#8221;. Users have no problem scrolling. The one thing to keep in mind is the &#8220;iceberg syndrome&#8221; &#8212; i.e. when users believe that everything above the fold is a representation of what&#8217;s below the fold.</li>
<li>You can&#8217;t measure the scent of a page, but you can find out how confident your users are as they&#8217;re clicking through the site (with some user testing). When scent works, users are more confident.</li>
</ul>
<p><strong>On trigger words</strong></p>
<ul>
<li>When they can&#8217;t find their trigger words, users will use the site search. The tend to type in the trigger words they were looking for in the first place, so check your site&#8217;s search logs for what those trigger words are.</li>
<li>If they ask questions (desk, email, im), check what terms they are using. Those are their trigger words.</li>
</ul>
<p><strong>On scent blockers</strong></p>
<ul>
<li>Navigation panels where labels are not easily understandable</li>
<li>Navigation panels with labels that are not mutually exclusive</li>
<li>Jargon (hello, &#8220;databases&#8221;, &#8220;indexes&#8221;, etc.)</li>
</ul>
<p><strong>On links</strong></p>
<ul>
<li>The stronger the link, the better it will suck users in.</li>
<li>The best links have 7-12 words in them (wow!). With 7-12 words, users get more information and therefore have more confidence.</li>
<li>More than 12 words might be too &#8220;noisy&#8221;, i.e. too many words masking the trigger word(s).</li>
<li> &#8220;Cute&#8221; links lose scent (keep it real, yo).</li>
<li>Don&#8217;t incorporate branding into the link because users need to see their trigger words.</li>
</ul>
<p><strong>On navigation</strong></p>
<ul>
<li>Have to use short links by necessity</li>
<li>Use categories that are clear and mutually exclusive</li>
<li>Make sure your subcategories give off scent about main categories (i.e. if users can see subcategories, e.g. drop-downs, it will orient them on what the main category is about).</li>
</ul>
<p><strong>On page length</strong></p>
<ul>
<li>Short pages reduce scent.</li>
<li>Longer pages include more content and that&#8217;s not a bad thing &#8212; users generally don&#8217;t mind scrolling.</li>
<li>Horizontal rules are a deal-breaker &#8212; users tend to stop scrolling because they think it&#8217;s the end of the page.</li>
</ul>
<p><strong>On designing your website</strong></p>
<ul>
<li>The link &#8220;site map&#8221; doesn&#8217;t give off scent except to say &#8220;here&#8217;s where the scent is&#8221; &#8211; if a lot of people look at your site map (like they use your site search), it&#8217;s probably because they don&#8217;t get any scent from your home page.</li>
<li>Websites don&#8217;t have &#8220;sections&#8221; as far as users are concerned. We think of them as sections (as web designers and content folks), but users don&#8217;t care about sections. They just want to find their content.</li>
<li>Designing from a scent-based perspective is better than a navigation-based perspective. Start at the content page and ask: what are all the pages the user needs to be sucked in from? Don&#8217;t start at the home page, build your navigation, then build your content pages (not very scent-full!).</li>
</ul>
<p><strong>On testing for scent</strong></p>
<ul>
<li>When watching users use your site, before they click ask how likely it is that they think they will find what they&#8217;re looking for by clicking on that link.</li>
<li>After they click: either they get the stuff they&#8217;re looking for, or the scent gets stronger. Ask if this page gets them closer to what they&#8217;re looking for.</li>
<li>You know they&#8217;ve run out of scent when they use the back button and/or site search.</li>
<li>You can&#8217;t design a great site without testing &#8212; if you don&#8217;t watch your users use your site, it&#8217;s near impossible that your design will work for them.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.blogwithoutalibrary.net/320/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>why Flickr rocks, reason #1376</title>
		<link>http://www.blogwithoutalibrary.net/272</link>
		<comments>http://www.blogwithoutalibrary.net/272#comments</comments>
		<pubDate>Sun, 22 Apr 2007 04:10:03 +0000</pubDate>
		<dc:creator>ae-j</dc:creator>
				<category><![CDATA[web design]]></category>
		<category><![CDATA[404]]></category>
		<category><![CDATA[flickr]]></category>
		<category><![CDATA[librarywebsites]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.blogwithoutalibrary.net/?p=272</guid>
		<description><![CDATA[I have about a million ideas in my head for things I want to do to our library website, and one of them is improving (and lightening up) our 404 page. To that end, I&#8217;ve been screen-capturing every neat &#038; fun 2.0 error page I&#8217;ve come across for months. Today, I thought it was time [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.flickr.com/groups/web20error/pool/" title="web 2.0 error pages"><img src="http://farm1.static.flickr.com/184/467879327_5c3f19b93d_m.jpg" alt="web 2.0 error pages" border="0" class="right" /></a></p>
<p>I have about a million ideas in my head for things I want to do to our library website, and one of them is improving (and lightening up) <a href="http://library.mcmaster.ca/g">our 404 page</a>. To that end, I&#8217;ve been screen-capturing every neat &#038; fun 2.0 error page I&#8217;ve come across for months. Today, I thought it was time to get them up in an album on Flickr. </p>
<p>Then I started poking around to see if anyone else has been collecting similar screen shots and I found <a href="http://www.flickr.com/groups/web20error/pool/">this</a> &#8211; a Flickr group devoted to <a href="http://www.flickr.com/groups/web20error/pool/">Web 2.0 error pages</a>. Brilliant! I still haven&#8217;t come up with a fun &#038; snappy error message for our site, but at least I now have someplace to go for inspiration (and I don&#8217;t have to do all the screen-capturing myself)!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.blogwithoutalibrary.net/272/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

