<?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>Fresh &#187; interface</title>
	<atom:link href="http://welikeitfresh.com/tag/interface/feed/" rel="self" type="application/rss+xml" />
	<link>http://welikeitfresh.com</link>
	<description>Home-squeezed goodness with no added pulp. Ideas and inspiration from the eROI creative team.</description>
	<lastBuildDate>Thu, 09 Sep 2010 00:14:20 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>I Friended Grandma!</title>
		<link>http://welikeitfresh.com/2010/02/18/i-friended-grandma/</link>
		<comments>http://welikeitfresh.com/2010/02/18/i-friended-grandma/#comments</comments>
		<pubDate>Thu, 18 Feb 2010 22:14:26 +0000</pubDate>
		<dc:creator>Sam</dc:creator>
				<category><![CDATA[Culture]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[social networking]]></category>
		<category><![CDATA[technology]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://welikeitfresh.com/?p=2200</guid>
		<description><![CDATA[When I was down in Miami for a recent conference, I had the good fortune of staying a few extra days to visit my grandparents in Southern Florida. Despite being in their late eighties, my grandparents are full of life and still have their wits about them. And, after being married for almost 65 years, [...]]]></description>
			<content:encoded><![CDATA[<p>When I was down in <a href="http://www.youtube.com/watch?v=V0BMvygUmAE">Miami</a> for a recent conference, I had the good fortune of staying a few extra days to visit my grandparents in <a href="http://www.flickr.com/photos/simrax/3929119711/">Southern Florida</a>. Despite being in their late eighties, my grandparents are full of life and still have their wits about them. And, after being married for almost 65 years, they&#8217;re still completely in love. They&#8217;re incessant bickering over the years is legendary, and is one of the most hilarious things to experience.</p>
<p>I&#8217;m going to go out on a limb here and say that my grandma pretty much runs the show. Upon my arrival I usually have a small list of chores to help them out with. On the list this year were the usual suspects: dusting light bulbs on the ladder, lifting heavy stuff, a lot of Windexing&#8230;and replace the computer!</p>
<p><img class="alignnone size-full wp-image-2203" src="http://welikeitfresh.com/files/2010/02/Grandma.jpg" alt="Grandma" width="450" height="559" /></p>
<p><span id="more-2200"></span>While my grandfather is very much in the &#8220;I&#8217;m too old for that crap!&#8221; group, my grandma has always been interested in technology. A number of years ago she purchased a Dell desktop computer with a dial-up modem and a fresh 1995 version of <a href="http://arstechnica.com/telecom/news/2009/07/goodbye-compuserve-we-thought-you-had-already-died.ars">CompuServe</a>. Things have changed a little since then. The extent of her activity centered mostly around basic email and checking the weather. If I ever sent a picture by email my grandmother thought I was trying to give her a virus because the Internet was downloading something onto her machine. Needless to say, she wasn&#8217;t getting the full experience.</p>
<p>I saw this as an opportunity for a complete technology makeover. My goal for the day was to get her a laptop, high speed internet, a Gmail account (to replace her CompuServe membership), and a Facebook profile. Being a staunch <a href="http://www.applematters.com/article/apple_zealots_hurt_apple/">Apple zealot</a>, it took little effort on my part to set her up with a Macbook Pro (oddly the biggest selling point was the illuminated keys).</p>
<p>I was interested to see if Macs were truly as user-friendly as they claim, so when we got home I had my grandma go through the process of booting it up herself. After about 15 minutes and only a little bit of help, she was able to get online with her new wireless modem. With her wireless connection and new Gmail address at the ready, we had sent out a notification to all of her friends with the new email address, inviting them to join her on Facebook.</p>
<p>The best part of all of this by far was the instant gratification that came to her as people responded to her email and seeing people&#8217;s pictures on Facebook. It was an enlightening experience for her (her face literally lit up) to realize that so many of her family and friends were a part of this online community that she didn&#8217;t even know existed.</p>
<p><strong>A few things I took away from this experience:</strong></p>
<ul>
<li>Iconography is very effective in describing applications and the functions within them&#8230; especially over the phone.</li>
<li>A trackpad can be difficult to use if you have never used one before. I had to adjust the preferences for her which would have been difficult to do on her own.</li>
<li>The Gmail interface is busy and it&#8217;s hard to quickly begin using the application. My grandmother found it easier to view her mail through Mac Mail and was able to set this up very easily.</li>
<li>It&#8217;s not obvious in most programs how to increase the text size for the visually impaired. This is something that is frequently buried too deep for many novice (or senior) users.</li>
<li>A Macbook Pro is probably way more than my grandmother needs. Portability and the illuminated keyboard were the biggest selling points, but something like an iPad would be a better solution for her needs.</li>
<li>I&#8217;m more confident now than ever that using established <a href="http://oreilly.com/catalog/9780596516253/">design patterns</a> in interface design is crucial. Once my grandmother understood some basic principles, she was able to quickly translate them from program to program&#8230; functions such as close, submit, expand, save, trash were all easy to use once they became familiar.</li>
</ul>
<p><img style="border: 0px initial initial" src="http://welikeitfresh.com/files/2010/02/facebook2.jpg" alt="facebook2" width="450" height="271" /></p>
<p>Many young people have gradually grown up with the web, beginning with early bulletin boards, forums, gaming, blogs, and later social networks. As a result we have a distinct sensibility about how things generally work. As a newcomer I had to explain to my grandma all of the metaphors of the web, like what a &#8216;wall&#8217; was, and why you would want to &#8216;post&#8217; something on it. Or why it&#8217;s annoying to &#8216;poke&#8217; someone. At the end of the day my grandma got a sweet set up and even had 19 friends on Facebook! She thought it was especially funny that she had to ask to be &#8216;friends&#8217; with her own grandkids that she had been sending birthday checks to for so many years.</p>
<p>I had another take away from this whole experience: Anytime you make a technology recommendation to your grandparents you have voluntarily signed yourself up for 24/7 customer support. I&#8217;ve already had to tell her not to click on anything related to the mafia or farm animals.</p>
<p>Oh&#8230;I think that&#8217;s her calling right now. Gotta run.</p>
]]></content:encoded>
			<wfw:commentRss>http://welikeitfresh.com/2010/02/18/i-friended-grandma/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Sideways Fashion:  A Round-up of Horiziontal-Oriented Fashion Sites</title>
		<link>http://welikeitfresh.com/2008/11/07/round-up-horizontal-oriented-fashion-sites/</link>
		<comments>http://welikeitfresh.com/2008/11/07/round-up-horizontal-oriented-fashion-sites/#comments</comments>
		<pubDate>Fri, 07 Nov 2008 18:29:40 +0000</pubDate>
		<dc:creator>Verity</dc:creator>
				<category><![CDATA[Culture]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[e-commerce]]></category>
		<category><![CDATA[fashion]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[horizontal-scrolling]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://welikeitfresh.com/?p=64</guid>
		<description><![CDATA[I love horizontal-oriented/scrolling sites. When well done, they feel so intuitive to navigate. It&#8217;s akin to reading a book. I like the change of pace that it offers, too; we&#8217;re so conditioned to seeing vertically oriented sites, it&#8217;s nice to see something unexpected. The examples I am about to show are all fashion oriented (some [...]]]></description>
			<content:encoded><![CDATA[<p>I love horizontal-oriented/scrolling sites. When well done, they feel so intuitive to navigate. It&#8217;s akin to reading a book. I like the change of pace that it offers, too; we&#8217;re so conditioned to seeing vertically oriented sites, it&#8217;s nice to see something unexpected. The examples I am about to show are all fashion oriented (some full e-commerce experiences).</p>
<p>1. <a href="http://www.pullbear.com/">Pull and Bear</a> (<a href="http://www.thefwa.com/">thanks FWA!</a>)<br />
Navigate into the &#8220;showroom&#8221; section of Pull and Bear to see a lovely example of navigating horizontally. I usually find music to be way too distracting, but for some reason it works for me here.</p>
<p><a href="http://www.pullbear.com/"><img class="aligncenter size-full wp-image-67" src="http://welikeitfresh.com/files/2008/10/pull-and-bear.jpg" alt="" width="400" height="219" /></a></p>
<p><span id="more-64"></span></p>
<p>2. <a href="http://www.gucci.com">Gucci</a><br />
This site does a pretty nice job, although when you launch the site it resizes your window, which I find very annoying from a user perspective. It is an actual e-com site (you can purchase the products from this page). It&#8217;s built with XHTML and Ajax which is very exciting, considering the rest of my examples are all built in Flash.</p>
<p><a href="http://www.gucci.com/us/us-english/us/fall-winter-08/womens-shoes/"><img class="aligncenter size-full wp-image-70" src="http://welikeitfresh.com/files/2008/10/gucci2.jpg" alt="" width="400" height="212" /></a></p>
<p>3. <a href="http://eu.wrangler.com/en/denim">Tommy Hilfiger Denim</a><br />
This has a sweet collection page which is horizontally oriented (the actual &#8220;<a href="http://www.shoptommy.com/tommy/browse/category.jsp?categoryId=16&amp;addFacet=9004:16">e-shop</a>&#8221; isn&#8217;t quite as interesting, though). There is a bit of disconnect between the collection page, which has a &#8220;buy now&#8221; button when you view the details of an outfit. Clicking on it takes you to a generic &#8220;e-shop&#8221; page, and not to the specific items you were just looking at. The photography is well done and really communicates the life-style the brand is trying to invoke.</p>
<p><a href="http://www.hilfigerdenim.com/"><img class="aligncenter size-full wp-image-85" src="http://welikeitfresh.com/files/2008/11/hilfigerdenim.png" alt="" width="400" height="260" /></a></p>
<p>4. <a href="http://www.stellamccartney.com/int/en/collections/shoes/">Stella McCartney<br />
</a>This site works a lot like Pull and Bear, although I find the transitions to be slightly less fluid (especially when you click a product for details). Clean design and hot shoes, though.</p>
<p><a href="http://www.stellamccartney.com/int/en/collections/shoes/"><img class="aligncenter size-full wp-image-88" src="http://welikeitfresh.com/files/2008/11/stella.jpg" alt="" width="400" height="221" /></a></p>
<p>5. <a href="http://eu.wrangler.com/en/denim/">Wrangler&#8217;s European Denim</a><br />
This one is sweet. It uses a mixture of horizontal and vertical navigation. You scroll horizontally through the collection, but the details appear below. The textures and color palette used in the design work really well!</p>
<p><a href="http://eu.wrangler.com/en/denim/women"><img class="aligncenter size-full wp-image-86" src="http://welikeitfresh.com/files/2008/11/wrangler.png" alt="" width="400" height="348" /></a></p>
<p>6. <a href="http://www.tiffany.com/International.aspx">Tiffany &amp; Co</a><br />
This e-com site is really gorgeous!  The amount of &#8216;Tiffany Blue&#8217; is perfect. The typography is well executed and delicate. The way you navigate through the items is especially unique. It is based horizontally (of course) but when you click an arrow to move left or right, the items are refreshed in the grid on the page. You can also navigate horizontally from the product detail page.</p>
<p><a href="http://www.tiffany.com/Shopping/CategoryBrowse.aspx?mcat=148204&amp;cid=288153&amp;search_params=s+5-p+1-c+288153-r+101424400-x+-n+12-ri+-ni+1-t+#p+4-n+12-cg+viewPaged-c+288153-s+5-r+101424400-t+-ri+-ni+1-x+-pu+-f+"><img class="aligncenter size-full wp-image-93" src="http://welikeitfresh.com/files/2008/11/tiffany.png" alt="" width="400" height="285" /></a></p>
<p>That concludes my round-up of inpsiring horizontally-oriented fashion sites! Hope you&#8217;ve enojed the list; let me know if you&#8217;ve seen any cool ones lately, or if you have ideas for other round-ups you would like to see.</p>
]]></content:encoded>
			<wfw:commentRss>http://welikeitfresh.com/2008/11/07/round-up-horizontal-oriented-fashion-sites/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>&#8220;Days with My Father&#8221;</title>
		<link>http://welikeitfresh.com/2008/10/30/days-with-my-father/</link>
		<comments>http://welikeitfresh.com/2008/10/30/days-with-my-father/#comments</comments>
		<pubDate>Thu, 30 Oct 2008 19:55:11 +0000</pubDate>
		<dc:creator>Verity</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[photography]]></category>
		<category><![CDATA[photojournalism]]></category>
		<category><![CDATA[storytelling]]></category>

		<guid isPermaLink="false">http://welikeitfresh.com/?p=71</guid>
		<description><![CDATA[From Phillip Toledano, &#8220;Days with My Father&#8221; is the story of his last days with his father who has Alzheimer&#8217;s disease. It is one of the most beautiful photo essays that I&#8217;ve ever seen. The pacing is impeccable. The interface is so simple. It&#8217;s so touching and perfect in every way.

]]></description>
			<content:encoded><![CDATA[<p>From <a href="http://www.mrtoledano.com/">Phillip Toledano</a>, <a href="http://www.dayswithmyfather.com">&#8220;Days with My Father&#8221;</a> is the story of his last days with his father who has Alzheimer&#8217;s disease. It is one of the most beautiful photo essays that I&#8217;ve ever seen. The pacing is impeccable. The interface is so simple. It&#8217;s so touching and perfect in every way.</p>
<p><a href="http://www.dayswithmyfather.com/"><img class="aligncenter size-full wp-image-72" src="http://welikeitfresh.com/files/2008/10/picture-21.png" alt="" width="400" height="217" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://welikeitfresh.com/2008/10/30/days-with-my-father/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>
