<?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>ganyet.com &#187; Design</title>
	<atom:link href="http://www.ganyet.com/category/design/feed" rel="self" type="application/rss+xml" />
	<link>http://www.ganyet.com</link>
	<description>trapped in the paperless, wireless, timeless and spaceless office</description>
	<pubDate>Sun, 02 Nov 2008 21:38:34 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.6.2</generator>
	<language>en</language>
			<item>
		<title>The 10 Commandments of Web Design (with hall of shame)</title>
		<link>http://www.ganyet.com/design/the-10-commandments-of-web-design-with-my-examples</link>
		<comments>http://www.ganyet.com/design/the-10-commandments-of-web-design-with-my-examples#comments</comments>
		<pubDate>Wed, 16 Jul 2008 21:54:45 +0000</pubDate>
		<dc:creator>Josep M. Ganyet</dc:creator>
		
		<category><![CDATA[Design]]></category>

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

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

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

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

		<guid isPermaLink="false">http://www.ganyet.com/?p=658</guid>
		<description><![CDATA[Business Week, with the help of Don Norman, John Maeda, Khoi Vinh and Jeffrey Zeldman among others, just published an excellent article with the 10 commandments of web design.
Most of them will sound too familiar to you (content is king, flash abuse anyone?), but when Norman, Maeda and peers write something you&#8217;d better read it. [...]]]></description>
			<content:encoded><![CDATA[<p>Business Week, with the help of Don Norman, John Maeda, Khoi Vinh and Jeffrey Zeldman among others, just published an excellent article with the 10 commandments of web design.</p>
<p>Most of them will sound too familiar to you (content is king, flash abuse anyone?), but when Norman, Maeda and peers write something you&#8217;d better read it. Here are the 10 commandments with more examples and comments of my own.</p>
<ol>
<li><strong>Thou shalt not abuse Flash</strong><br />
Actually thou shalt not use Flash at all as an information container or as an interface replacement. Your users have already learnt how to use HTML interaction conventions. Don&#8217;t make them learn again something they&#8217;ll use only in your site.<br />
Hall of shame: <a target="_blank" href="http://www.camper.com/">Camper shoes</a>
</li>
<li><strong>Thou shalt not hide content</strong><br />
Readers come to your web for your content or for your ads? Do not hide contents behind ads. Google got to the top with AdWords and not with banners.<br />
Hall of shame: <a target="_blank" href="http://www.lavanguardia.es/">La Vanguardia online</a>
</li>
<li><strong>Thou shalt not clutter</strong><br />
The web is enough complex as it is. The huge load of information is difficult to structure and you should help your users once they land on your site. Unnecessary graphical artifacts, excess of information, poor website structure, lack of visual hierarchy, ad abuse, and misuse of the HTML conventions won&#8217;t make your user happy.<br />
Hall of shame: <a target="_blank" href="http://www.catradio.cat/pcatradio/crHome.jsp">Catalunya Ràdio</a>, <a target="_blank" href="http://www.renfe.com/">RENFE</a>
</li>
<li><strong>Thou shalt not overuse glassy reflections</strong><br />
Apple&#8217;s website looks cool with all reflections on their products and we all love it (There&#8217;s even a reflection in the header of this site!). But this is Apple. Don&#8217;t think that you&#8217;ll turn your company in a 2.0 project by just adding a reflection to your logo.<br />
Hall of shame: <a target="_blank" href="http://www.apple.com/mobileme/">Apple&#8217;s Mobile Me logo</a>
</li>
<li><strong>Thou shalt not name your Web 2.0 company with an unnecessary surplus or dearth of vowels</strong><br />
Web 2.0 is full of unique funny names with half of the vowels missing. If your company has not embraced the 2.0 philosophy getting rid of some vowels won&#8217;t help, and neither will adding an i at the beginning.<a target="_blank" href="http://www.dotomator.com/web20.html">Here&#8217;s a Web 2.0 company name generator</a> to get your own.<br />
Hall of shame: <a target="_blank" href="http://istalkr.com/">iStalkr.com</a> (not active anymore after a year. Bad naming for an RSS aggregator?)
</li>
<li><strong>Thou shalt worship at the altar of typography</strong><br />
95% of the information on the web is written language. It is only logical to say that a web designer should get good training in the main discipline of shaping written information, in other words: Typography.<br />
Read all about it in the seminal article <a target="_blank" href="http://informationarchitects.jp/the-web-is-all-about-typography-period/">Web Design is 95% Typography</a><br />
Hall of shame: <a target="_blank" href="http://www.youtube.com/">YouTube.com</a>
</li>
<li><strong>Thou shalt create immersive experiences</strong><br />
What else can you say? You&#8217;t better give your audience some good experience, content and functionality wise. After all they&#8217;re giving you their most valuable asset: time.<br />
Hall of shame: <a target="_blank" href="http://secondlife.com/">Second Life</a> (funny that one of the worst immersive experience is a 3D immersive website)
</li>
<li><strong>Thou shalt be social</strong><br />
Online success stories share the &#8220;social&#8221; tag. In fact marketers are working hard to find some business model around them. MySpace, Facebook, Last.fm, Flickr, Bebo or YouTube are the names of the game.<br />
Hall of shame: <a target="_blank" href="http://secondlife.com/">Second Life</a>
</li>
<li><strong>Thou shalt embrace proven technologies</strong><br />
Simple good. Complex bad. Google, YouTube, Facebook, Craigslist or Wikipedia have all something in common: plain old XHTML and a simple CSS. Simplicity goes a long way.<br />
Hall of shame: <a target="_blank" href="http://secondlife.com/">Second Life</a>
</li>
<li><strong>Thou shalt make content king</strong><br />
People are not interested in your abilities as interface designer or information architect. People want to get to the contents they&#8217;re looking for. The interface is just the means to them and not the end. A good interface will go unnoticed and so will the work of its designer. The better the designer the less you&#8217;ll notice her work. A nice paradox.<br />
Hall of shame: Any web with a Skip Intro link. <a target="_blank" href="http://lifehacker.com/395696/save-time--with-google-results-skip-intro-feature">Here&#8217;s Google&#8217;s Skip Intro new feature</a>.
</li>
</ol>
<p><a class="external-link" target="_blank" href="http://www.businessweek.com/innovate/content/jun2008/id20080623_750025.htm?chan=innovation_special+report+--+web+design+2008_web+design">Original article: 10 Commandments of Web Design</a><br />
<a class="external-link" target="_blank" href="http://polls.businessweek.com/polls/surveys/08/0623_bestwebsite.htm">Businessweek&#8217;s poll The Best and Worst of web design</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ganyet.com/design/the-10-commandments-of-web-design-with-my-examples/feed</wfw:commentRss>
		</item>
		<item>
		<title>A CSS error on Apple&#8217;s website!!!!</title>
		<link>http://www.ganyet.com/design/a-css-error-on-apples-web</link>
		<comments>http://www.ganyet.com/design/a-css-error-on-apples-web#comments</comments>
		<pubDate>Mon, 09 Jun 2008 20:02:47 +0000</pubDate>
		<dc:creator>Josep M. Ganyet</dc:creator>
		
		<category><![CDATA[Apple]]></category>

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

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

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

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

		<guid isPermaLink="false">http://www.ganyet.com/design/a-css-error-on-apples-web</guid>
		<description><![CDATA[Apple got so carried away with the launching of the new iPhone 2.0 that didn&#8217;t take into account the lenght of the headers in some languages. Bad CSS.

Snapshot taken with Safari on Mac OS Leopard.
]]></description>
			<content:encoded><![CDATA[<p>Apple got so carried away with the launching of the new iPhone 2.0 that didn&#8217;t take into account the lenght of the headers in some languages. Bad CSS.</p>
<p><img src="http://www.ganyet.com/wp-content/uploads/2007/apple-css-iphone.jpg" alt="apple-css-iphone.jpg" border="0" width="400" height="282" /></p>
<p>Snapshot taken with Safari on Mac OS Leopard.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ganyet.com/design/a-css-error-on-apples-web/feed</wfw:commentRss>
		</item>
		<item>
		<title>Twitter: error with style</title>
		<link>http://www.ganyet.com/design/twitter-error-with-style</link>
		<comments>http://www.ganyet.com/design/twitter-error-with-style#comments</comments>
		<pubDate>Thu, 31 Jan 2008 19:15:18 +0000</pubDate>
		<dc:creator>Josep M. Ganyet</dc:creator>
		
		<category><![CDATA[Design]]></category>

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

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

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

		<guid isPermaLink="false">http://www.ganyet.com/design/twitter-error-with-style</guid>
		<description><![CDATA[Here&#8217;s the error Twitter spits out right now. 

Cool design as long as you don&#8217;t see it too often.
]]></description>
			<content:encoded><![CDATA[<p>Here&#8217;s the error Twitter spits out right now. </p>
<p><img src="http://www.ganyet.com/wp-content/uploads/2008/twitter-error.jpg" alt="Twitter error" /><br />
Cool design as long as you don&#8217;t see it too often.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ganyet.com/design/twitter-error-with-style/feed</wfw:commentRss>
		</item>
		<item>
		<title>PNG Icons &#038; Icon Packs Download &#124; IconsPedia</title>
		<link>http://www.ganyet.com/design/png-icons-icon-packs-download-iconspedia</link>
		<comments>http://www.ganyet.com/design/png-icons-icon-packs-download-iconspedia#comments</comments>
		<pubDate>Tue, 22 Jan 2008 13:12:39 +0000</pubDate>
		<dc:creator>Josep M. Ganyet</dc:creator>
		
		<category><![CDATA[Design]]></category>

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

		<category><![CDATA[Why didn't I think of that?]]></category>

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

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

		<guid isPermaLink="false">http://www.ganyet.com/design/png-icons-icon-packs-download-iconspedia</guid>
		<description><![CDATA[Iconspedia.com is a wiki where you can upload/download icons in PNG and icon format. There&#8217;s not a huge collection yet but they&#8217;re all top quality. Here&#8217;s a sample of the Animals->Creatures category.
PNG Icons &#038; Icon Packs Download &#124; IconsPedia
]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.ganyet.com/wp-content/uploads/2008/iconspedia-creatures.jpg" alt="Creature icons at iconspedia.com" /><br />
Iconspedia.com is a wiki where you can upload/download icons in PNG and icon format. There&#8217;s not a huge collection yet but they&#8217;re all top quality. Here&#8217;s a sample of the Animals->Creatures category.</p>
<p><a class="external-link" target="_blank" href="http://www.iconspedia.com/">PNG Icons &#038; Icon Packs Download | IconsPedia</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ganyet.com/design/png-icons-icon-packs-download-iconspedia/feed</wfw:commentRss>
		</item>
		<item>
		<title>Yadogg » Vinyl Sleeve Heads</title>
		<link>http://www.ganyet.com/design/yadogg-%c2%bb-vinyl-sleeve-heads</link>
		<comments>http://www.ganyet.com/design/yadogg-%c2%bb-vinyl-sleeve-heads#comments</comments>
		<pubDate>Wed, 02 Jan 2008 13:03:57 +0000</pubDate>
		<dc:creator>Josep M. Ganyet</dc:creator>
		
		<category><![CDATA[Design]]></category>

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

		<category><![CDATA[Why didn't I think of that?]]></category>

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

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

		<category><![CDATA[Jay-Z]]></category>

		<guid isPermaLink="false">http://www.ganyet.com/design/yadogg-%c2%bb-vinyl-sleeve-heads</guid>
		<description><![CDATA[Take a vinyl sleve with a face on it, pose to match it, take a picture and send it to Yadogg.

More pictures at Yadogg » Vinyl Sleeve Heads
]]></description>
			<content:encoded><![CDATA[<p>Take a vinyl sleve with a face on it, pose to match it, take a picture and send it to Yadogg.</p>
<p><img src="http://www.ganyet.com/wp-content/uploads/2007/jayZ-sleeve.jpg" alt="Jay-Z at Yadogg Vinyl Sleve Heads" /></p>
<p>More pictures at <a href="http://yadogg.com/pictures/vinyl-sleeve-heads/">Yadogg » Vinyl Sleeve Heads</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ganyet.com/design/yadogg-%c2%bb-vinyl-sleeve-heads/feed</wfw:commentRss>
		</item>
		<item>
		<title>For web designers only</title>
		<link>http://www.ganyet.com/design/for-web-designers-only</link>
		<comments>http://www.ganyet.com/design/for-web-designers-only#comments</comments>
		<pubDate>Fri, 21 Dec 2007 10:40:17 +0000</pubDate>
		<dc:creator>Josep M. Ganyet</dc:creator>
		
		<category><![CDATA[Design]]></category>

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

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

		<category><![CDATA[Web 2.0]]></category>

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

		<guid isPermaLink="false">http://www.ganyet.com/design/for-web-designers-only</guid>
		<description><![CDATA[An excellent pick of resources for web designers. Blogs, tutorials, fonts, themes, stock photos, CSS templates and many more for you to choose from. Not the usual free-for-all crappy stuff you find around.
Head to forwebdesigners.com (the name says it all, doesn&#8217;t it?) and start browsing and downloading. 
A word of advice: you can spend so [...]]]></description>
			<content:encoded><![CDATA[<p>An excellent pick of resources for web designers. Blogs, tutorials, fonts, themes, stock photos, CSS templates and many more for you to choose from. Not the usual free-for-all crappy stuff you find around.</p>
<p>Head to <a target="_blank" href="http://www.forwebdesigners.com/">forwebdesigners.com</a> (the name says it all, doesn&#8217;t it?) and start browsing and downloading. </p>
<p>A word of advice: you can spend so much time browsing cool stuff that you may end up doing nothing. But you probably know the feeling if you&#8217;re reading this.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ganyet.com/design/for-web-designers-only/feed</wfw:commentRss>
		</item>
		<item>
		<title>Great motion typography videoclip from Cuarteto de Nos</title>
		<link>http://www.ganyet.com/design/great-motion-typography-videoclip-from-cuarteto-de-nos</link>
		<comments>http://www.ganyet.com/design/great-motion-typography-videoclip-from-cuarteto-de-nos#comments</comments>
		<pubDate>Sun, 25 Nov 2007 00:06:38 +0000</pubDate>
		<dc:creator>Josep M. Ganyet</dc:creator>
		
		<category><![CDATA[Animation]]></category>

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

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

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

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

		<guid isPermaLink="false">http://www.ganyet.com/design/great-motion-typography-videoclip-from-cuarteto-de-nos</guid>
		<description><![CDATA[Via Smashing Magazine I find this motion typography videoclip from Uruguaian band Cuarteto de Nos. They make use of this technique for their latest song&#8217;s video Ya No Sé Que Hacer Conmigo. 
Spanish is a bonus as if you happen to understand it you&#8217;ll be able to hear/see how the words match the type and [...]]]></description>
			<content:encoded><![CDATA[<p>Via <a href="http://www.smashingmagazine.com">Smashing Magazine</a> I find <a href="http://youtube.com/watch?v=-CyPixDcNzk">this motion typography videoclip</a> from Uruguaian band Cuarteto de Nos. They make use of this technique for their latest song&#8217;s <a href="http://youtube.com/watch?v=-CyPixDcNzk">video Ya No Sé Que Hacer Conmigo</a>. </p>
<p>Spanish is a bonus as if you happen to understand it you&#8217;ll be able to hear/see how the words match the type and the motion graphics. </p>
<p>This video is no doubt a commercial application (rendition?) of some previous motion typography clips such as Pulp Fiction&#8217;s <a href="http://youtube.com/watch?v=JNT5zvd3g2M">What Does Marcellus Wallas Looks Like?</a> or Abbot &#038; Costello&#8217;s <a href="http://youtube.com/watch?v=ejweI0EQpX8">Who&#8217;s On First</a>. For more of the kind <a href="http://youtube.com/results?search_query=motion+typography&#038;search=Search">search YouTube by Motion Typography.</a></p>
<p><a href="http://www.youtube.com/user/cuartetodenos">Cuarteto de Nos page on YouTube.</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.ganyet.com/design/great-motion-typography-videoclip-from-cuarteto-de-nos/feed</wfw:commentRss>
		</item>
		<item>
		<title>Crayon Physics, an amazing game with new gameplay forms</title>
		<link>http://www.ganyet.com/design/crayon-physics-an-amazing-game-done-under-7-days</link>
		<comments>http://www.ganyet.com/design/crayon-physics-an-amazing-game-done-under-7-days#comments</comments>
		<pubDate>Wed, 21 Nov 2007 16:30:34 +0000</pubDate>
		<dc:creator>Josep M. Ganyet</dc:creator>
		
		<category><![CDATA[Design]]></category>

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

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

		<guid isPermaLink="false">http://www.ganyet.com/design/crayon-physics-an-amazing-game-done-under-7-days</guid>
		<description><![CDATA[I stumbled upon an interesting video of a physics game played on a tablet pc. Apparently you can draw anything on the screen and the object will interact with other objects according to the laws of physics.
A simple and yet well designed game that opens new perspectives for interactivity and user interface.
This is the work [...]]]></description>
			<content:encoded><![CDATA[<p>I stumbled upon an <a href="http://youtube.com/watch?v=QsTqspnvAaI">interesting video of a physics game</a> played on a tablet pc. Apparently you can draw anything on the screen and the object will interact with other objects according to the laws of physics.</p>
<p>A simple and yet well designed game that opens new perspectives for interactivity and user interface.</p>
<p>This is the work of <a href="http://www.kloonigames.com/blog/about/">Petri Purho</a> a student at Helsinki Polytechnic that produces a game every month (he programs them in under 7 days) exploring new forms of gameplay.</p>
<p>You can download the game from his blog for free: <a href="http://www.kloonigames.com/blog/games/crayon/">Kloonigames » Blog Archive » Crayon Physics</a> (windows only for the moment)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ganyet.com/design/crayon-physics-an-amazing-game-done-under-7-days/feed</wfw:commentRss>
		</item>
		<item>
		<title>Make My Logo Bigger Cream</title>
		<link>http://www.ganyet.com/design/make-my-logo-bigger-cream</link>
		<comments>http://www.ganyet.com/design/make-my-logo-bigger-cream#comments</comments>
		<pubDate>Mon, 12 Nov 2007 23:43:13 +0000</pubDate>
		<dc:creator>Josep M. Ganyet</dc:creator>
		
		<category><![CDATA[Advertising]]></category>

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

		<category><![CDATA[Why didn't I think of that?]]></category>

		<guid isPermaLink="false">http://www.ganyet.com/design/make-my-logo-bigger-cream</guid>
		<description><![CDATA[What&#8217;s all this white space doing in my ad? Can you make the logo bigger? My brand needs more presence in the homepage. 
Does this sound familiar to you? I bet it does if you&#8217;re a graphic designer.
To all my graphic designer friends: Make My Logo Bigger Cream, a hilarious video about a too well [...]]]></description>
			<content:encoded><![CDATA[<p>What&#8217;s all this white space doing in my ad? Can you make the logo bigger? My brand needs more presence in the homepage. </p>
<p>Does this sound familiar to you? I bet it does if you&#8217;re a graphic designer.</p>
<p>To all my graphic designer friends: <a href="http://www.makemylogobiggercream.com/">Make My Logo Bigger Cream</a>, a hilarious video about a too well known situation. Enjoy!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ganyet.com/design/make-my-logo-bigger-cream/feed</wfw:commentRss>
		</item>
		<item>
		<title>The Watchismo Times: a blog about those cool retro watches from the 70s</title>
		<link>http://www.ganyet.com/design/the-watchismo-times-a-blog-about-those-cool-retro-watches-from-the-70s</link>
		<comments>http://www.ganyet.com/design/the-watchismo-times-a-blog-about-those-cool-retro-watches-from-the-70s#comments</comments>
		<pubDate>Mon, 12 Nov 2007 21:40:45 +0000</pubDate>
		<dc:creator>Josep M. Ganyet</dc:creator>
		
		<category><![CDATA[Blogosphere]]></category>

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

		<guid isPermaLink="false">http://www.ganyet.com/design/the-watchismo-times-a-blog-about-those-cool-retro-watches-from-the-70s</guid>
		<description><![CDATA[You thought you&#8217;d seen everything on retro kitsch watches from the seventies. See it for yourself at The Watchismo Times. Don&#8217;t miss the prototype for an early calculator wristwatch.
]]></description>
			<content:encoded><![CDATA[<p>You thought you&#8217;d seen everything on retro kitsch watches from the seventies. See it for yourself at <a href="http://watchismo.blogspot.com/">The Watchismo Times</a>. Don&#8217;t miss the prototype for an early calculator wristwatch.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ganyet.com/design/the-watchismo-times-a-blog-about-those-cool-retro-watches-from-the-70s/feed</wfw:commentRss>
		</item>
	</channel>
</rss>
