<?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>The Good, the Bad, and the Interesting</title>
	<atom:link href="http://jonesabi.com/feed" rel="self" type="application/rss+xml" />
	<link>http://jonesabi.com</link>
	<description>An everyday look at User Experience Design by Abi Jones</description>
	<lastBuildDate>Sat, 03 Oct 2009 17:31:14 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>The Dickey Bra</title>
		<link>http://jonesabi.com/blog/1238</link>
		<comments>http://jonesabi.com/blog/1238#comments</comments>
		<pubDate>Sat, 03 Oct 2009 01:54:28 +0000</pubDate>
		<dc:creator>Abi Jones</dc:creator>
				<category><![CDATA[Clothing Design]]></category>
		<category><![CDATA[Designing the Bedroom Experience]]></category>
		<category><![CDATA[Product Design]]></category>

		<guid isPermaLink="false">http://jonesabi.com/?p=1238</guid>
		<description><![CDATA[The Natori Lace Cami Bra is offers the benefits of a dickey without the embarrassment of wearing a detachable turtleneck.]]></description>
			<content:encoded><![CDATA[<p><img src="http://jonesabi.com/wp-content/uploads/2009/10/Dickey-Bra.jpg" alt="Dickey Bra with modesty lace" title="Dickey Bra with modesty lace" width="500" height="478" class="size-full wp-image-1239" /></p>
<p><strong>Brilliant:</strong> A bra for those shirts that are a bit too low cut for the office. </p>
<p>The Natori Lace Cami Bra is offers the benefits of a <a href="http://www.drleonards.com/search.cfm?criteria=dickey">dickey</a> without the potential embarrassment involved in wearing a detachable turtleneck. </p>
<p>Want one for yourself? They&#8217;re available at <a href="http://www.garnethill.com/jump.jsp?itemID=15630&#038;itemType=PRODUCT&#038;path=1%2C2%2C4477%2C7489%2C7145&#038;iProductID=15630">Garnet Hill</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://jonesabi.com/blog/1238/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Brizzly: browser-based Twitter client</title>
		<link>http://jonesabi.com/blog/1170</link>
		<comments>http://jonesabi.com/blog/1170#comments</comments>
		<pubDate>Wed, 30 Sep 2009 23:29:25 +0000</pubDate>
		<dc:creator>Abi Jones</dc:creator>
				<category><![CDATA[Software Design]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Brizzly]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[Web-based Applications]]></category>

		<guid isPermaLink="false">http://jonesabi.com/?p=1170</guid>
		<description><![CDATA[Reviewing the Good, the Bad, and the Interesting of Brizzly, a consumer-focused, browser-based Twitter client.]]></description>
			<content:encoded><![CDATA[<p><img src="http://jonesabi.com/wp-content/uploads/2009/09/brizzly-home.png" alt="Brizzly Welcome Screen" title="Brizzly Welcome Screen" width="500" height="390" class="size-full wp-image-1228" /></p>
<h3>What is Brizzly?</h3>
<p><a href="http://brizzly.com">Brizzly</a> is a web-based Twitter client (with room for expansion) featuring in-line photos, videos, and maps, expanded links, groups, chat-like direct messages, multiple accounts, saved searches, and drafts.</p>
<h3>How to get a Brizzly invite:</h3>
<p>Leave a comment in this post with your email address and I&#8217;ll send one to you. Or, just search Twitter for Brizzly &#038; you&#8217;ll see links with invite codes (watch out for spam!).</p>
<h3>The Good</h3>
<ul>
<li><strong>You&#8217;ve got tweets:</strong> Indicators tell me when I have new @ and Direct Messages (DMs). I don&#8217;t have to refresh the screen because Brizzly does that by itself. Once the messsages are viewed the indicator turns off.<br />
<img src="http://jonesabi.com/wp-content/uploads/2009/09/Brizzly-Message-Indicators.gif" alt="Brizzly Message Indicators" title="Brizzly Message Indicators" width="475" height="423" class="size-full wp-image-1190" /></li>
<li><strong>Chat-style direct messages:</strong> Instead of trying to remember who said what last, direct messages are displayed in a chat-style format. Planning lunch during a conference call has never been easier.<br />
<object width="268" height="332"><param name="movie" value="http://content.screencast.com/users/JonesJonesJones/folders/Default/media/f685ef09-0c96-4e27-b726-9b62cf655b07/bootstrap.swf"></param><param name="quality" value="high"></param><param name="bgcolor" value="#FFFFFF"></param><param name="flashVars" value="thumb=http://content.screencast.com/users/JonesJonesJones/folders/Default/media/f685ef09-0c96-4e27-b726-9b62cf655b07/FirstFrame.jpg&#038;containerwidth=268&#038;containerheight=332&#038;content=http://content.screencast.com/users/JonesJonesJones/folders/Default/media/f685ef09-0c96-4e27-b726-9b62cf655b07/Brizzly-DM-With-Tracy.swf&#038;advseek=true"></param><param name="allowFullScreen" value="true"></param><param name="scale" value="showall"></param><param name="allowScriptAccess" value="always"></param><param name="base" value="http://content.screencast.com/users/JonesJonesJones/folders/Default/media/f685ef09-0c96-4e27-b726-9b62cf655b07/"></param>  <embed src="http://content.screencast.com/users/JonesJonesJones/folders/Default/media/f685ef09-0c96-4e27-b726-9b62cf655b07/bootstrap.swf" quality="high" bgcolor="#FFFFFF" width="268" height="332" type="application/x-shockwave-flash" allowScriptAccess="always" flashVars="thumb=http://content.screencast.com/users/JonesJonesJones/folders/Default/media/f685ef09-0c96-4e27-b726-9b62cf655b07/FirstFrame.jpg&#038;containerwidth=268&#038;containerheight=332&#038;content=http://content.screencast.com/users/JonesJonesJones/folders/Default/media/f685ef09-0c96-4e27-b726-9b62cf655b07/Brizzly-DM-With-Tracy.swf&#038;advseek=true" allowFullScreen="true" base="http://content.screencast.com/users/JonesJonesJones/folders/Default/media/f685ef09-0c96-4e27-b726-9b62cf655b07/" scale="showall"></embed></object></li>
<li><strong>Expanded links:</strong> No more worries about whether I&#8217;m clicking on a real link or the latest virus/worm!<br />
<img src="http://jonesabi.com/wp-content/uploads/2009/09/Brizzy-Twitter-Link-Comparison.jpg" alt="Link shown in Twitter and Link shown in Brizzly. Brizzly includes expanded versions of links." title="Link shown in Twitter and Link shown in Brizzly. Brizzly includes expanded versions of links." width="500" height="309" class="size-full wp-image-1194" align="aligncenter"/></li>
<li><strong>Image, Video and Map Viewing:</strong> On one hand, I don&#8217;t have to click through to see an image on Twitpic, a Google map, or a YouTube video. On the other hand, I shudder to imagine what fun spammers would have with the feature. Oh, nudity.<br />
<img src="http://jonesabi.com/wp-content/uploads/2009/09/Brizzly-Twitter-Image-Comparison-525.gif" alt="Comparison of Image tools in Brizzly and Twitter" title="Comparison of Image tools in Brizzly and Twitter" width="525" height="725" class="size-full wp-image-1196" /></li>
<li><strong>Drafts:</strong> Sometimes you have a great idea, announcement or question at 1am. Or you wrote something that&#8217;s too long and you just don&#8217;t feel like trimming it. Save it to your drafts for a later date:<br />
<img src="http://jonesabi.com/wp-content/uploads/2009/09/Brizzly-Drafts-500x194.png" alt="Brizzly Drafts Feature" title="Brizzly Drafts Feature" width="500" height="194" class="size-medium wp-image-1200" />
</li>
<li><strong>Handles multiple accounts:</strong> I Tweet for myself, my frozen food site (<a href="http://heateatreview.com">Heat Eat Review</a>), and <a href="http://twitter.com/baychi">BayCHI</a>. I appreciate having a single web-based interface for all of them.<br />
<img src="http://jonesabi.com/wp-content/uploads/2009/09/Brizzly-Secondary-Account-Message-Indicator-500x228.png" alt="Multiple Accounts on Brizzly" title="Multiple Accounts on Brizzly" width="500" height="228" class="size-medium wp-image-1202" /></li>
<li><strong>Saved Search:</strong> One of my favorite features of Tweetie (and now Brizzly) is saved search. The feature is excellent for conference attendees, people missing conferences, and folks who need to search for mispellings of a name.<br />
<img src="http://jonesabi.com/wp-content/uploads/2009/09/Brizzly-Groups-Saved-Search-500x206.png" alt="Brizzly Groups and Saved Searches" title="Brizzly Groups and Saved Searches" width="500" height="206" class="size-medium wp-image-1203" />
</li>
</ul>
<h3>The Bad</h3>
<ul>
<li><strong>Delete is Broken.</strong> Brizzly (like every other Twitter client out there) pretends that the delete function actually functions. It doesn&#8217;t work and it drives me crazy.</li>
<li><strong>How many characters are left?</strong> The replies functionality is lovely (reply right from your friend&#8217;s tweet!), but the part that tells me how many characters I have left is slightly maddening. What does &#8216;34 with links&#8217; (as seen below) mean? Sometimes it works, but usually I go over my character limit, have to rewrite the tweet, then need to log in to the Twitter web interface and delete the old, incomplete tweet.<br />
<img src="http://jonesabi.com/wp-content/uploads/2009/09/Replies-on-Brizzly-need-work-500x242.png" alt="Replies on Brizzly need work" title="Replies on Brizzly need work" width="500" height="242" class="size-medium wp-image-1204" /></li>
<li><strong>Multiple accounts are separate&#8230;but groups are forever.</strong> The reason I lump Brizzly into the consumer category is that unlike Hootsuite and Tweetdeck, it can&#8217;t show me multiple accounts at one time. However, it does make me share my groups from one account to another. That&#8217;s right, no matter how many Twitter accounts I have, I only get 5 Brizzly groups (each with up to 50 people). Hey, it&#8217;s free.</li>
<li><strong>Group limitations:</strong> My groups are incomplete because adding folks to groups isn&#8217;t integrated into the timeline or user information. To add someone to a group, I first have to open the group, then type in names <em>or</em> I have to open a user&#8217;s profile and click the &#8216;Add to group&#8217; button. I&#8217;d like to do this straight from my timeline, and I&#8217;d like my timeline to display the groups my users are a part of, that way I can say to myself &#8216;Hey, why isn&#8217;t Kate in my Usability group?&#8217; and fix it right away. I&#8217;m interested in seeing how <a href="http://blog.twitter.com/2009/09/soon-to-launch-lists.html">Twitter will implement groups</a>.</li>
</ul>
<h3>The Interesting</h3>
<ul>
<li><strong>Loads new items on scroll-down:</strong> As soon as I scroll into the lowest portion of the page, Brizzly loads the next oldest set of Tweets. This feature&#8217;s been around for quite awhile Also, the loading is fast enough that it took me a couple tries to capture this screenshot.<br />
<img src="http://jonesabi.com/wp-content/uploads/2009/09/Brizzly-loads-old-tweets-500x240.png" alt="Brizzly automatically loads older tweets on scroll-down" title="Brizzly automatically loads older tweets on scroll-down" width="500" height="240" class="size-medium wp-image-1197" /></li>
<li><strong>Trends and News:</strong> Brizzly lets you define (and submit your definition for) the Trends and News content on the sidebar. The trends come from from <a href="http://letsbetrends.com/">Lets Be Trends</a>, an API developed by the folks at ThingLabs.<br />
<img src="http://jonesabi.com/wp-content/uploads/2009/09/Brizzly-View-Edit-Trends-News-500x571.gif" alt="Brizzly allows you to view, edit, and submit trends" title="Brizzly allows you to view, edit, and submit trends" width="500" height="571" class="size-medium wp-image-1211" /></p>
<li><strong>Image Management:</strong> I just want one place to keep my pictures. I like that I can upload them  (and view my entire history!) with Brizzly, but I&#8217;m tired of using a bunch of different services depending on the Twitter client. </li>
<li><strong>Adorableness!</strong> Yes, the folks who made Brizzly also made Plinky and the sites are barely on this side of twee. I&#8217;m not yet tired of the little bear in a bird suit.
<li><strong>Quiet down folks:</strong> I&#8217;m attending Interaction &#8216;10 next year, but I won&#8217;t be at <abbr title="South by Southwest">SXSW</abbr>. And while I like the live reporting from great panels, I don&#8217;t need the <abbr title="South by Southwest">SXSW</abbr> after-party play-by-plays. Fortunately, I can mute the most talkative conference attendees as needed.
</ul>
<h3>Tell me about it.</h3>
<ul>
<li>Have you tried Brizzly?</li>
<li>Are you game for a browser-based Twitter client?</li>
<li>What features is Brizzly missing?</li>
<li>Are there any features you&#8217;d like to see removed?</li>
<li>Do you need a Brizzly invite?</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://jonesabi.com/blog/1170/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>UX Photo: Is this thing on?</title>
		<link>http://jonesabi.com/blog/1175</link>
		<comments>http://jonesabi.com/blog/1175#comments</comments>
		<pubDate>Wed, 30 Sep 2009 18:51:38 +0000</pubDate>
		<dc:creator>Abi Jones</dc:creator>
				<category><![CDATA[Designing the Travel Experience]]></category>
		<category><![CDATA[Product Design]]></category>
		<category><![CDATA[Car Design]]></category>
		<category><![CDATA[Switches]]></category>
		<category><![CDATA[Volvo]]></category>

		<guid isPermaLink="false">http://jonesabi.com/?p=1175</guid>
		<description><![CDATA[Does the light mean that the AC is on or off? Sweden does its best to confuse the rest of the world.]]></description>
			<content:encoded><![CDATA[<p><img src="http://jonesabi.com/wp-content/uploads/2009/09/volvo-ac-indicator.jpg" alt="Air Conditioning Indicator in the Volvo" title="Air Conditioning Indicator in the Volvo" width="500" height="500" class="size-full wp-image-1176" /></p>
<p>I pay a lot of attention to car interiors, but didn&#8217;t start photographing them until I got into this Volvo.</p>
<p>The light on the <abbr title="Air Conditioning">AC</abbr> switch turns <strong>off</strong> when the <abbr title="Air Conditioning">AC</abbr> is <strong>on</strong>.</p>
<p>The light on the rec switch (recycled air) turns <strong>on</strong> when the recycled air option is <strong>on</strong>.</p>
<p>Sweden is messing with us.</p>
<p><em>Want more car button fun? <a href="http://xhipi.com/">Matthew Oliphant</a> posted an amusing<a href="http://www.flickr.com/photos/fajalar/3233946193/"> car button quiz on Flickr</a>.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://jonesabi.com/blog/1175/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Are Touchscreen Interfaces Scalable?</title>
		<link>http://jonesabi.com/blog/1131</link>
		<comments>http://jonesabi.com/blog/1131#comments</comments>
		<pubDate>Tue, 29 Sep 2009 16:15:06 +0000</pubDate>
		<dc:creator>Abi Jones</dc:creator>
				<category><![CDATA[Designing the Travel Experience]]></category>
		<category><![CDATA[Product Design]]></category>

		<guid isPermaLink="false">http://jonesabi.com/?p=1131</guid>
		<description><![CDATA[At what point does a touchscreen interface get too big to be manageable? And how do you keep it clean? Abi offers some alternatives, momentary fixes, and frightening thoughts.]]></description>
			<content:encoded><![CDATA[<p><object width="480" height="295"><param name="movie" value="http://www.youtube.com/v/_gpAyOc8J-8&#038;hl=en&#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/_gpAyOc8J-8&#038;hl=en&#038;fs=1&#038;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="295"></embed></object></p>
<p>The newest ads from Courtyard Marriott show business travelers using large touchscreens to get weather information for the day. Known as the GoBoard, these touchscreens are already installed at over 60 Courtyard by Marriott hotels. </p>
<p><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/8mB05QhrG2s&#038;hl=en&#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/8mB05QhrG2s&#038;hl=en&#038;fs=1&#038;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></p>
<p>Now here&#8217;s the part where I sound like an old fogey: do designers ever think about the folks who have to clean these things? On small touchscreen interfaces this isn&#8217;t so much of an issue. Sure, between fingerprints and ear sweat (I know, it is gross &#8211; but tell me it doesn&#8217;t happen to you), my iPhone gets pretty disgusting. But the phone is relatively easy to clean: I keep it covered with a screen protector and I can just wipe it off with a soft cloth.</p>
<p>Can you imagine how grimy a 51&#8243; touchscreen device would get in a hotel? Would you want to touch that thing? How would you feel about walking up to a surface that showed the traces of every previous visitor?</p>
<p>At what point does a touchscreen device go from fun, enjoyable, and useful to pain in the ass?</p>
<p>Stopgaps and alternatives to the touchscreen exist:</p>
<ul>
<li><strong>Fingerprint-resistant coating:</strong> The market is still waiting for a truly fingerprint-resistant coating that doesn&#8217;t interfere with the interface. The minute I see one I&#8217;ll spray it on every hard surface in my house. Provided the product doesn&#8217;t <a href="http://news.minnesota.publicradio.org/features/2005/02/22_edgerlym_3mscience/">destroy the Earth</a>.</li>
<li><strong>Gestural interfaces:</strong> The folks at Kicker Studio developed an <a href="http://www.kickerstudio.com/blog/2009/03/case-study-gestural-entertainment-center-for-canesta/">alternative way to interact with the screen</a>, but it gives control to a single user rather than the multiple users envisioned by Courtyard Marriott.<br />
<object width="480" height="295"><param name="movie" value="http://www.youtube.com/v/L9wMrRRK8WE&#038;hl=en&#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/L9wMrRRK8WE&#038;hl=en&#038;fs=1&#038;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="295"></embed></object></li>
<li><strong>Sanitary covers.</strong> Much like the Hygolet toilet seat covers at Chicago&#8217;s O&#8217;Hare Airport, Courtyard Marriott&#8217;s touchscreen could feature a sanitary coating that refreshes for each user.<br />
<img src="http://jonesabi.com/wp-content/uploads/2009/09/2009-09-29_0847.png" alt="Sanitary Toilet Cover from Hygolet - as seen at Chicago O&#039;Hare" title="Sanitary Toilet Cover from Hygolet - as seen at Chicago O&#039;Hare" width="373" height="150" class="size-full wp-image-1161" align="aligncenter"/></li>
<li><strong>GoBoard Attendant:</strong> In the same vein as a bathroom attendant, the GoBoard attendant would set up shop near the device, either cleaning the screen after each use or offering customers a squirt of Purell.</li>
</ul>
<p>Now try not to think too much about airport kiosks.</p>
]]></content:encoded>
			<wfw:commentRss>http://jonesabi.com/blog/1131/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Walker, Texas Ranger</title>
		<link>http://jonesabi.com/blog/1143</link>
		<comments>http://jonesabi.com/blog/1143#comments</comments>
		<pubDate>Mon, 28 Sep 2009 20:06:47 +0000</pubDate>
		<dc:creator>Abi Jones</dc:creator>
				<category><![CDATA[Makeshifting]]></category>
		<category><![CDATA[Product Design]]></category>

		<guid isPermaLink="false">http://jonesabi.com/?p=1143</guid>
		<description><![CDATA[Tennis balls on walkers are a classic example of makeshifting (using or creating a temporary substitute - see jury rigging, improvisation, and stopgap) moving beyond temporary to permanent. ]]></description>
			<content:encoded><![CDATA[<p><img src="http://jonesabi.com/wp-content/uploads/2009/09/walker.jpg" alt="Man using walker at San Francisco Caltrain station" title="Man using walker at San Francisco Caltrain station" width="500" height="500" class="size-full wp-image-1144" align="aligncenter"/></p>
<p><a href="http://www.rehabmart.com/product/10950.htm">Walker gliders</a> are $20 a pair. A bag of tennis balls will set you back slightly less than a buck a ball if you <a href="http://www.amazon.com/Unique-Mesh-Pack-Tennis-Balls/dp/B00196LGAC/ref=sr_1_1?ie=UTF8&#038;s=sporting-goods&#038;qid=1254166529&#038;sr=1-1">buy them on Amazon</a>.</p>
<p>You could try meeting in the middle and pay $32.00 (yikes) for tennis balls <a href="http://www.1800wheelchair.com/asp/view-product.asp?product_id=1498">designed for use with walkers</a>. Or you could buy walker attachments that <a href="http://www.rehabmart.com/product/10718.htm">hold tennis balls</a>.</p>
<p>But none of those options seems so right as the cheapest, most common, most accessible solution.</p>
<p>Makeshifting wins here. Where else does it survive?</p>
]]></content:encoded>
			<wfw:commentRss>http://jonesabi.com/blog/1143/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Rethink Print Media Design Conventions</title>
		<link>http://jonesabi.com/blog/1095</link>
		<comments>http://jonesabi.com/blog/1095#comments</comments>
		<pubDate>Fri, 25 Sep 2009 06:25:34 +0000</pubDate>
		<dc:creator>Abi Jones</dc:creator>
				<category><![CDATA[Print Design]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://jonesabi.com/?p=1095</guid>
		<description><![CDATA[What should you do when a client wants today's date displayed on a website? Should the date be displayed on a website if it doesn't lead to the optimal user experience?]]></description>
			<content:encoded><![CDATA[<p>Thinking about publishing an online magazine or newspaper? Starting <a href="http://www.bayareanewsproject.org">a new way to gather and report news in a region</a>? Then you&#8217;re probably considering the elements of your site. It&#8217;ll have a masthead (<abbr title="also known as">aka</abbr> header), menus, headline, stories&#8230;and the publication date. Right? </p>
<p><em>Sort of.</em></p>
<p><img src="http://jonesabi.com/wp-content/uploads/2009/09/old-newspaper.jpg" alt="Copy of the USA Today Dated Monday, September 21, 2009" title="Copy of the USA Today Dated Monday, September 21, 2009" width="500" height="500" class="size-full wp-image-1098" align="aligncenter"/></p>
<p>This photo of a USA Today was taken on Thursday, September 24, 2009 &#8211; but the newspaper is dated Monday, September 21, 2009. Thanks to that date I know better than to buy this paper. The date isn&#8217;t there to tell me what day it is (though I admit that I&#8217;ve used a newspaper to figure out the date), it is there to tell me what day that document was published.</p>
<p>But for some reason, folks working on the web decided that showing today&#8217;s date (rather than the publication date) was the ideal way to indicate fresh content:</p>
<p><a rel="lightbox[rethink]" href="http://jonesabi.com/wp-content/uploads/2009/09/2009-09-25_0903.png" alt="UX Magazine Screenshot" title="UX Magazine Screenshot" width="1013" height="613" class="size-full wp-image-1105" /><img src="http://jonesabi.com/wp-content/uploads/2009/09/2009-09-25_0013.jpg" alt="UX Magazine Thumbnail" title="UX Magazine Thumbnail" width="500" height="312" class="size-full wp-image-1106" align="aligncenter"/></a></p>
<p>Displaying the day&#8217;s date on a website doesn&#8217;t guarantee the content is fresh. All it means is that you&#8217;ve got a bit of PHP or Javascript whiling away the time.</p>
<p>Are your users going to your site to see what day it is? No. Unless you&#8217;ve developed a dashboard (see <a href="http://www.google.com/ig">iGoogle</a> and <a href="http://my.yahoo.com/">My Yahoo</a>) they&#8217;re going to your site to get the freshest information, whether its about User Experience Design or Hollywood gossip. If your front page isn&#8217;t updated on a daily basis, consider including the content&#8217;s publication date (or time) next to the headline:</p>
<p><img src="http://jonesabi.com/wp-content/uploads/2009/09/fresh-content-nyt.gif" alt="Publication time shown on New York Times article" title="Publication time shown on New York Times article" width="500" height="290" class="size-full wp-image-1119" /></p>
<p>What are some other ways designers can accurately display the publication date for content? Does it mean putting the date next to every article on a page or just stopping the over-reliance on javascript date snippets?</p>
]]></content:encoded>
			<wfw:commentRss>http://jonesabi.com/blog/1095/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bike Car</title>
		<link>http://jonesabi.com/blog/1087</link>
		<comments>http://jonesabi.com/blog/1087#comments</comments>
		<pubDate>Wed, 23 Sep 2009 18:06:23 +0000</pubDate>
		<dc:creator>Abi Jones</dc:creator>
				<category><![CDATA[Designing the Travel Experience]]></category>

		<guid isPermaLink="false">http://jonesabi.com/?p=1087</guid>
		<description><![CDATA[Newer Caltrain cars indicate how many bike cars are on a given train.]]></description>
			<content:encoded><![CDATA[<p><img src="http://jonesabi.com/wp-content/uploads/2009/09/photo1-500x500.jpg" alt="Bike Car Sign on Caltrain #280" title="Bike Car Sign on Caltrain #280" width="500" height="500" class="size-medium wp-image-1088" align="aligncenter"/></p>
<p>The northernmost end of the train tells cyclists how many bike cars are available. While I stood taking this picture, a guy with a bike stopped and asked me if I knew how many bike cars were on the train. I said “Two” and gestured toward the sign.</p>
<p>His eyes lit briefly, then he shook his head and said “I’ve never noticed those.”</p>
]]></content:encoded>
			<wfw:commentRss>http://jonesabi.com/blog/1087/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tomatoes: fruit, vegetable, or neither?</title>
		<link>http://jonesabi.com/blog/1045</link>
		<comments>http://jonesabi.com/blog/1045#comments</comments>
		<pubDate>Sat, 19 Sep 2009 19:40:45 +0000</pubDate>
		<dc:creator>Abi Jones</dc:creator>
				<category><![CDATA[Food]]></category>
		<category><![CDATA[Grocery Store]]></category>

		<guid isPermaLink="false">http://jonesabi.com/?p=1045</guid>
		<description><![CDATA[When is a tomato neither a fruit nor a vegetable? When its in canned form at a grocery store. See how tomatoes throw this shopper for a loop and teach some good lessons on categorization.]]></description>
			<content:encoded><![CDATA[<p>While shopping at Safeway for the <a href="http://heateatreview.com/category/hunger-challenge/">Hunger Challenge</a>, I couldn&#8217;t find the canned tomatoes. After several minutes of walking up and down the aisled marked both &#8216;Canned Fruit&#8217; and &#8216;Canned Vegetables&#8217; I felt like giving up on <a href="http://cookingwithamy.blogspot.com/2008/09/pasta-fagioli-hunger-challenge-recipe.html">Pasta Fagioli</a>. What is a tomato if it is neither a canned fruit nor a canned vegetable?</p>
<p><img src="http://jonesabi.com/wp-content/uploads/2009/09/photo-3-500x500.jpg" alt="Canned tomatoes from Safeway" title="Canned tomatoes from Safeway" width="500" height="500" class="size-medium wp-image-1048" align="aligncenter"/></p>
<p>Turns out a tomato is Italian food. The canned tomatoes of all varieties, from whole to petite diced, were shelved alongside pre-made pasta sauces.</p>
<p>At first I felt sort of silly. &#8220;Of course!&#8221; I thought, tomatoes are a natural pairing for the pastas in that aisle. But later on I realized that my first inclination had been correct. I&#8217;d looked for tomatoes by a categorization that considered the product&#8217;s definition, not its use. Why? Because no other non-prepared fruit or vegetable in the store was categorized by use.</p>
<p>The same things happens when websites are designed around categories that limit interpretation. </p>
<p>How to fix this in both supermarkets and websites? </p>
<p><strong>Make categories that follow a common convention.</strong> On Safeway.com this means grouping all items that fall into a form factor:<br />
<a rel="lightbox" href="http://jonesabi.com/wp-content/uploads/2009/09/Safeway-canned-foods.png"><img src="http://jonesabi.com/wp-content/uploads/2009/09/Safeway-canned-foods.png" alt="Canned foods section on Safeway.com" title="Canned foods section on Safeway.com" width="400" height="238" class="size-full wp-image-1053" style="border: solid 1px #333; padding: 5px; margin-left: 20px;"/></a></p>
<p><strong>Use card sorting tools.</strong> Feeling too familiar with your products? Do a card sort to group items. One major issue to watch out for: keyword bias. Jakob Nielsen has a <a href="http://www.useit.com/alertbox/word-matching.html">lengthy (but useful) Alertbox</a> on doing so.</p>
<p><strong>Observe people.</strong> Look at what people are buying and how they buy it. Baking items are included together because they&#8217;re all used together, and that grouping can prompt a shopper to pick up another item (like chocolate chips) when really he just needed more flour. </p>
<p><strong>Gather data. Then <strong>use</strong> it.</strong> On the Internet we have have an easy time gathering data, but often spend very little time putting that data to use. Take a look at your on-site search queries; they&#8217;re a huge clue into what people can&#8217;t find on your website. At a physical store it means that your employees report what questions customers asked. Sure, it can be a time consuming effort, but the rewards are likely enormous. Three years later, Avinash Kaushik&#8217;s <a href="http://www.kaushik.net/avinash/2006/06/are-you-into-internal-site-search-analysis-you-should-be.html">advice on on-site search analysis</a> still holds true. <em>Two days after I posted this, A List Apart published Avinash Kaushik&#8217;s most <a href="http://www.alistapart.com/articles/internal-site-search-analysis-simple-effective-life-altering/">recent advice on on-site search analytics</a>.</em></p>
<p><strong>Do the best with what you have.</strong> On the Internet, the Safeway folks can include as many items as they want in the canned foods section. In a supermarket there are physical limitations to the number of items you can include on an aisle. Thus, if you&#8217;re dealing with an usual or makeshifted category structure, give people help. Aisle signs are a good start.</p>
]]></content:encoded>
			<wfw:commentRss>http://jonesabi.com/blog/1045/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Reality Television</title>
		<link>http://jonesabi.com/blog/908</link>
		<comments>http://jonesabi.com/blog/908#comments</comments>
		<pubDate>Fri, 28 Aug 2009 00:33:01 +0000</pubDate>
		<dc:creator>Abi Jones</dc:creator>
				<category><![CDATA[Advertising]]></category>
		<category><![CDATA[Gadgets]]></category>
		<category><![CDATA[Bounce]]></category>
		<category><![CDATA[chores]]></category>
		<category><![CDATA[Med Men]]></category>
		<category><![CDATA[Peggy Olsen]]></category>

		<guid isPermaLink="false">http://jonesabi.com/?p=908</guid>
		<description><![CDATA[How realistic does a commercial need to be? Can it stretch the truth? What happens when a commercial shows a female fantasy that doesn't match reality?]]></description>
			<content:encoded><![CDATA[<p><object width="400" height="243"><param name="movie" value="http://www.youtube.com/v/HBdIZ_x8Llo&#038;hl=en&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/HBdIZ_x8Llo&#038;hl=en&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></p>
<blockquote><p>&#8220;I don&#8217;t mind fantasies, but shouldn&#8217;t it be a female one?&#8221;</p></blockquote>
<div class="source">Peggy Olsen<br />
Mad Men: <em>Love Among the Ruins</em></div>
<div class="clear"></div>
<p>I started working in the ad industry a year and a half ago. Since then I&#8217;ve paid a lot more attention to the commercials, especially ones that seem slightly off. This one from Bounce struck me as a little wrong the first time I saw it. The second time I watched the ad (while viewing Project Runway online at Lifetime) I realized what was wrong: the ad showed a t-shirt being ironed and folded.</p>
<p>Who irons t-shirts, then folds them?</p>
<p>Maybe there&#8217;s an alternate reality out there I know nothing about. But more likely the ad wasn&#8217;t checked by someone to say &#8216;Okay, do these chores actually make sense?&#8217;.</p>
<p>That&#8217;s the beauty of working in an interdisciplinary team; you always have someone with a different point of view, someone who knows that ironing a button-down shirt would be a much more realistic choice. Ads don&#8217;t have to tell the truth to be believable. Does anyone really think there are currently 4 people stuck in an elevator, a la the <a href="http://now.sprint.com/nownetwork/">Sprint ads</a>? Probably not. But do the Sprint ads make some sense? Yes, because they speak to real things in our lives, like working on the final-final-final-revised-final copy of a document.</p>
<p><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/AVTO-2Qrt7U&#038;hl=en&#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/AVTO-2Qrt7U&#038;hl=en&#038;fs=1&#038;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://jonesabi.com/blog/908/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Hot Button Issue</title>
		<link>http://jonesabi.com/blog/888</link>
		<comments>http://jonesabi.com/blog/888#comments</comments>
		<pubDate>Mon, 03 Aug 2009 15:34:30 +0000</pubDate>
		<dc:creator>Abi Jones</dc:creator>
				<category><![CDATA[Designing the Kitchen Experience]]></category>
		<category><![CDATA[Gadgets]]></category>

		<guid isPermaLink="false">http://jonesabi.com/blog/888</guid>
		<description><![CDATA[I spent last weekend in the Sierras, lounging on boulders set in the Stanislaus River and cooking on this remarkably complicated stove. ]]></description>
			<content:encoded><![CDATA[<p><img src="http://jonesabi.com/wp-content/uploads/2009/08/l-1600-1200-a99431d8-f6fd-4ef2-8854-90c278549cc5.jpeg" alt="" width="400" height="266" /></p>
<p>I spent last weekend in the Sierras, lounging on boulders set in the Stanislaus River and cooking on this remarkably complicated stove. </p>
<p>The far right buttons are &#8216;off&#8217; and turning on the stove simply requires the touch of another button&#8230;if that button works. While scrambling eggs, it is nice to melt the butter quickly then turn down the heat for cooking the eggs (<a href="http://cookingwithamy.blogspot.com/2006/10/creamy-scrambled-eggs-recipe.html">really great scrambled egga</a> can easily take upwards of ten minutes), but with this old stove includes non-working buttons. Which means that those 10 minute eggs actually take 20 when you realize they&#8217;ve stopped cooking.</p>
<p>(The dial is for the oven.)</p>
]]></content:encoded>
			<wfw:commentRss>http://jonesabi.com/blog/888/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
