<?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>Cocoia Blog &#187; Popular</title>
	<atom:link href="http://blog.cocoia.com/category/popular/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.cocoia.com</link>
	<description>The Cocoia Blog is the website of Sebastiaan de With, a Dutch Icon and Interface designer.</description>
	<pubDate>Thu, 14 Aug 2008 11:48:13 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.5</generator>
	<language>en</language>
			<item>
		<title>Swiss Interface Syndrome.</title>
		<link>http://blog.cocoia.com/2008/04/12/swiss-interface-syndrome/</link>
		<comments>http://blog.cocoia.com/2008/04/12/swiss-interface-syndrome/#comments</comments>
		<pubDate>Sat, 12 Apr 2008 13:53:37 +0000</pubDate>
		<dc:creator>sebastiaan</dc:creator>
		
		<category><![CDATA[Apple]]></category>

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

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

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

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

		<guid isPermaLink="false">http://blog.cocoia.com/?p=425</guid>
		<description><![CDATA[I have been noticing a disturbing trend in custom interface design of third party applications for Mac OS X. As it is no longer an exception for software developers to build interface elements that are entirely unique to their application, the threshold for customizing other, system-standard interface elements is also lowered significantly. The ghastly trend [...]]]></description>
			<content:encoded><![CDATA[<p>I have been noticing a disturbing trend in custom interface design of third party applications for Mac OS X. As it is no longer an exception for software developers to build interface elements that are entirely unique to their application, the threshold for customizing other, system-standard interface elements is also lowered significantly. The ghastly trend I am about to describe is in existence due to this lowered threshold. In fact, I think this particular deviation off the beaten interface path would have been far more frowned upon a few years ago, when Mac interface designers were more conservative in using custom UI elements in general, and Apple disapproved of it more fiercely. Today, however, it won&#8217;t even stand in the way of scoring a design award runner-up, as my examples will go to prove.</p>
<p><span id="more-425"></span></p>
<p></p>
<p>The problem I want to address can be referred to as &#8216;Swiss Interface Syndrome&#8217;, and its symptoms extend to the apparently randomly distributed presence of Max Miedinger and Eduard Hoffmann&#8217;s 1957 typeface — Helvetica — in the graphical user interface. Helvetica is, without a doubt, the most used and abused typeface in existence. Since its birth, it has grown from a fad, into a ubiquitous beacon of neutrality, and today into an even more omnipresent showcase of classic Swiss typeface design. Unfortunately for us, Max Miedinger did not exactly have computer screens, Aqua source lists and pixel font sizes in mind when designing it. After all, all of those things weren&#8217;t even invented. Which is why you can probably see why using Helvetica in something like an application sidebar is such a mortal sin.</p>
<p><img src="http://blog.cocoia.com/wp-content/uploads/2008/04/helvvslucid1.png" alt="helvvslucid.png" border="0" width="507" height="189" /></p>
<p>Mac OS X comes with, in my opinion, one of the best typefaces of our time that is optimized for the computer screen (also more shortly referred to as a &#8217;screen font&#8217;); Lucida Grande, designed by Charles Bigelow and Kris Holmes. If you are using Mac OS X, you won&#8217;t have to look far to find it; your top menu bar is completely set in it, your Dock labels are, most of your browser interface is, and even the sidebar of this website is set in it (by my own preference). It&#8217;s also obvious why Helvetica and Lucida Grande are so different; one has been designed before any computers existed, and the other was designed in 2000, with pixels in mind. Obviously, Lucida Grande isn&#8217;t as neutral or multipurpose as Helvetica; it has the clear appearance of a small-point size typeface that doesn&#8217;t work comfortably at large sizes or in print. But that is not an issue if you take into account its design principles. In those tiny text sizes of our interface, Lucida Grande truly shines. It completely gets out of your way and remains extremely legible.</p>
<p>Now you should be able to see why I found myself in a state of utter disarray and bewilderment when the runner-up of last year&#8217;s &#8216;Best Leopard Application&#8217; Apple Design Award had an interface that proved to be more riddled with Helvetica than a keyboard is with buttons. And it set another precedent; applications like Outspring Mail, the recently released $95 mail client for Mac OS X, also joyously frolicked into the crowd of Helvetica-like interface enthusiasts by applying <strong>Arial</strong> and Helvetica liberally across source lists and list views (I thought this was Helvetica, but <a href="http://www.daringfireball.net">John Gruber</a> pointed out it is Arial in the source list). I was at first merely outraged by the usage of Helvetica in the sidebar (I mean, three letters: &#8216;Why?&#8217;), which is bad enough in itself, but it&#8217;s not just limited to that; it bleeds into list views, graphs, sheets, and tables, for&#8230; well, what really? The reasons are a mystery to me. </p>
<p></p>
<p><img src="http://blog.cocoia.com/wp-content/uploads/2008/04/helvetica-outspring-mail.png" alt="helvetica-outspring-mail.png" border="0" width="507" height="314" /></p>
<p><i>Honestly, why? Why bother to change the sidebar and list view font?</i></p>
<p></p>
<p>While Helvetica fails to bother me on a high-resolution screen like the iPhone in large point sizes, the shadow of its former self known as the &#8216;hinted&#8217; version, for the tiny pixel sizes it is used in in these applications, is a grim wreckage of the neutral typographic style reduced to a format it&#8217;s not comfortable in. Lucida Grande, that towers above these depressing interfaces as the window title (thank the powers they didn&#8217;t change that too) stands out like a tiger in a lineup of kittens in glass bottles.</p>
<p></p>
<p><img src="http://blog.cocoia.com/wp-content/uploads/2008/04/ibank.png" alt="ibank.png" border="0" width="508" height="465" /></p>
<p><i>The left numerals of reconciled value and total value are set in Lucida Grande, and the jaggy numerals on the right graph are set in Helvetica. This is a screenshot of an Apple Design Award runner up, which means Apple basically approved this typographic misbehavior.</i></p>
<p></p>
<p>My biggest problem isn&#8217;t actually with the tasteless use of just going with Helvetica, the &#8216;default font&#8217; of the last 30 years, but so intensely tearing the font out of its comfort zone of small but not minuscule pixel font sizes. Arial, Microsoft&#8217;s Helvetica clone, is also shipping on Mac OS X computers for the sole reason that its very different and optimized hinted pixel version is indispensable for correctly displaying a lot of websites. It eludes me why anyone would choose Helvetica over Lucida Grande other than the virtue that it&#8217;s different and Apple is using it. </p>
<p>As with most new Mac interface fads, changing a well-established interface font isn&#8217;t something that would be done by developers and interface designers without a reassuring precedent. In the last products of Apple, Helvetica has become quite poignantly present. It has expanded into Apple&#8217;s product lineup like an oil spill, from the iPhone and iPod Touch interfaces, to the new iLife suite of applications and OS X Leopard (what, you didn&#8217;t notice iPhoto, iCal, and Time Machine&#8217;s interfaces have been liberally sprinkled with Helvetica?). It is clear Miedinger&#8217;s brain child is the true comeback kid. </p>
<p></p>
<p><img src="http://blog.cocoia.com/wp-content/uploads/2008/04/iphoto-helvetica.png" alt="iphoto-helvetica.png" border="0" width="508" height="341" /></p>
<p><i>iPhoto &#8216;08 using Helvetica in its main content view.</i></p>
<p></p>
<p>Speaking of iCal, which proudly boasts Helvetica in miniature point sizes on the screen, it has the utterly mind boggling feature that it shows you calendar information on a computer screen with everyone&#8217;s favorite 1950 typeface for print, and prints these exact calendars on paper in Lucida Grande, a computer display font from this milennium. &#8216;Utterly backwards&#8217; might be an apt term for such misfit typography. With these kind of typographic failures, I truly wonder if there are still designers working at Apple with any typographic sense in their Miedinger-tainted brains at all.</p>
<p></p>
<p><img src="http://blog.cocoia.com/wp-content/uploads/2008/04/ical.png" alt="ical.png" border="0" width="507" height="181" /></p>
<p><i>Hey, look on the bright side, at least they&#8217;re not mixing Lucida Grande and Helvetica numerals too.</i></p>
<p>Apple&#8217;s receiving some flak here, and it&#8217;s for good reason; for Vista and Office, Microsoft commissioned some of the best type designers on this planet to make a set of great new typefaces. Vista now ships with a proper UI font (no more hinted Arial and Verdana like in Windows XP) similar to OS X&#8217;s Lucida Grande, and with a typeface assortment that makes OS X pale in comparison. Apple may have had the upper hand in 2002, but as the times have changed, Apple has done absolutely nothing to keep its catalogue of type fresh and to add more and better typefaces to it. This reflects in the world of design around us, seeing that 90% of computer users create things with the system-provided set of typefaces. I find it the worst example possible that a company — that is supposed to be so design-oriented — can make. Please don&#8217;t tell me I should just switch to Windows if I like proper typography, because I&#8217;d much rather get punched in the face repeatedly than being forced to switch to something else than OS X, where the &#8216;details&#8217; matter. </p>
<p>Edited note: If you feel like further bringing this to Apple&#8217;s attention, consider <a href="http://digg.com/design/SWISS_INTERFACE_SYNDROME">sending them feedback</a> or <a href="http://digg.com/design/SWISS_INTERFACE_SYNDROME">digging this</a>.</p>
<p></p>
<p>I&#8217;d like to conclude this plea for common sense with the best educated guess I could find on the actual reasons for a Helvetica popularity surge in this day and age. <a href="http://www.spiekermann.com/mten/index.html">Erik Spiekermann</a>, a great type designer, was asked in the eponymous Helvetica movie;</p>
<p><i>&#8220;Why, 50 years later, is [Helvetica] still so popular?&#8221;</i></p>
<p>Erik stares into space a few seconds, pondering, sighs, then answers:</p>
<p><i>— &#8220;I don&#8217;t know&#8230; Why is bad taste ubiquitous?&#8221;</i></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.cocoia.com/2008/04/12/swiss-interface-syndrome/feed/</wfw:commentRss>
		</item>
		<item>
		<title>New freeware iconset release: Orion.</title>
		<link>http://blog.cocoia.com/2007/11/21/new-freeware-iconset-release-orion/</link>
		<comments>http://blog.cocoia.com/2007/11/21/new-freeware-iconset-release-orion/#comments</comments>
		<pubDate>Wed, 21 Nov 2007 23:26:47 +0000</pubDate>
		<dc:creator>sebastiaan</dc:creator>
		
		<category><![CDATA[Announcement]]></category>

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

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

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

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

		<category><![CDATA[Personal Work]]></category>

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

		<guid isPermaLink="false">http://blog.cocoia.com/2007/11/21/new-freeware-iconset-release-orion/</guid>
		<description><![CDATA[( Go to icon set directly)
For the last month, I have been working on a freeware icon set to supersede all my older work. I was interested in how much I could learn by attracting critique from the most valued artists and criticasters I have in my buddy lists and address book, and I took [...]]]></description>
			<content:encoded><![CDATA[<p>(<a href="http://www.icondesigner.net/Orion/index.html"> Go to icon set directly</a>)</p>
<p>For the last month, I have been working on a freeware icon set to supersede all my older work. I was interested in how much I could learn by attracting critique from the most valued artists and criticasters I have in my buddy lists and address book, and I took it all to the heart. I decided to make a folder set that would find the middle ground between the flat front-on perspective of Mac OS X Leopard and the old, spatial perspective of folders in Tiger. </p>
<p><span id="more-266"></span></p>
<p>To illustrate how much has changed while I worked on this set, I have drawn the base folder shape in the beginning, when I started working on it, and at the very end. The difference is staggering.</p>
<p></p>
<div align="center"><img src="http://blog.cocoia.com/wp-content/uploads/2007/11/picture31jv9.png" alt="picture31jv9.png" border="0" width="500" height="286" /></div>
<p>Well, I learned a lot. Now, I&#8217;ll let a little preview of it&#8217;s tiny front-on variants and let the website speak for itself! Download and use away, and oh, don&#8217;t forget giving valuable <a href=mailto:sebastiaan(at-)cocoia.com>feedback</a>!</p>
<div align="center"><a href="http://www.icondesigner.net/Orion/index.html"><img src="http://blog.cocoia.com/wp-content/uploads/2007/11/picture-61.png" alt="Picture 6.png" border="0" width="480" height="383" /></a></div>
<div align="center">
<p><a href="http://www.icondesigner.net/Orion/index.html">Click here or on the image to go to the Orion website.</a></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://blog.cocoia.com/2007/11/21/new-freeware-iconset-release-orion/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Leopard System Preferences icon.</title>
		<link>http://blog.cocoia.com/2007/07/27/leopard-system-preferences-icon/</link>
		<comments>http://blog.cocoia.com/2007/07/27/leopard-system-preferences-icon/#comments</comments>
		<pubDate>Fri, 27 Jul 2007 20:49:52 +0000</pubDate>
		<dc:creator>sebastiaan</dc:creator>
		
		<category><![CDATA[Design]]></category>

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

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

		<category><![CDATA[Personal Work]]></category>

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

		<guid isPermaLink="false">http://blog.cocoia.com/?p=149</guid>
		<description><![CDATA[So, apparently the latest seed of Leopard has a revamped System Preferences icon. Don&#8217;t go requesting the ADC members to upload it, that would be wrong. I have gone through the hassle of making a new icon based on the design. A little present, if you will!

Download it here.
Edit: TUAW hit :). Hello visitors, don&#8217;t [...]]]></description>
			<content:encoded><![CDATA[<p>So, apparently the latest seed of Leopard has a revamped System Preferences icon. Don&#8217;t go requesting the ADC members to upload it, that would be wrong. I have gone through the hassle of making a new icon based on the design. A little present, if you will!</p>
<p><img width="500" height="327" border="0" alt="sysprefspreview.jpg" src="http://blog.cocoia.com/wp-content/uploads/2007/07/%20%20/sysprefspreview.jpg" /></p>
<p>Download it <a href="http://www.cocoia.com/leosysprefs.icns.zip">here</a>.</p>
<p>Edit: TUAW hit :). Hello visitors, don&#8217;t forget to check out the other freeware icons for OS X at <a href="http://www.icondesigner.net">Icon Designer</a>. Also, if you are interested in icons for use in Leopard applications, I have released a Leopard-ready stock icon set at the <a title="Go to the Icon Store!" href="http://www.iconstore.net">Icon Store</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.cocoia.com/2007/07/27/leopard-system-preferences-icon/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Leopard &#8216;Universe&#8217; wallpaper.</title>
		<link>http://blog.cocoia.com/2007/06/11/leopard-universe-wallpaper/</link>
		<comments>http://blog.cocoia.com/2007/06/11/leopard-universe-wallpaper/#comments</comments>
		<pubDate>Mon, 11 Jun 2007 22:07:01 +0000</pubDate>
		<dc:creator>sebastiaan</dc:creator>
		
		<category><![CDATA[Apple]]></category>

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

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

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

		<guid isPermaLink="false">http://blog.cocoia.com/?p=124</guid>
		<description><![CDATA[Just a treat. Enjoy this Leopard wallpaper as a gift from Icon Designer ;).

Thanks for the downloads! This image has seen about 6000 downloads since it&#8217;s inception two days ago, and I&#8217;ll make a version without the &#8216;mess&#8217; behind it for release soon. 
]]></description>
			<content:encoded><![CDATA[<p>Just a treat. Enjoy this Leopard wallpaper as a gift from <a href="http://www.icondesigner.net">Icon Designer</a> ;).</p>
<p><a href="http://www.cocoia.com/leopard.jpg"><img src="http://blog.cocoia.com/wp-content/uploads/2007/06/  /leopreview.jpg" border="0" height="307" width="500" alt="leopreview.jpg" align="" /></a></p>
<p>Thanks for the downloads! This image has seen about <b>6000</b> downloads since it&#8217;s inception two days ago, and I&#8217;ll make a version without the &#8216;mess&#8217; behind it for release soon. </p>
]]></content:encoded>
			<wfw:commentRss>http://blog.cocoia.com/2007/06/11/leopard-universe-wallpaper/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Ah, what the hell.</title>
		<link>http://blog.cocoia.com/2007/05/04/ah-what-the-hell/</link>
		<comments>http://blog.cocoia.com/2007/05/04/ah-what-the-hell/#comments</comments>
		<pubDate>Fri, 04 May 2007 20:55:34 +0000</pubDate>
		<dc:creator>sebastiaan</dc:creator>
		
		<category><![CDATA[Personal Work]]></category>

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

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

		<guid isPermaLink="false">http://blog.cocoia.com/?p=85</guid>
		<description><![CDATA[I thought, go download your own and see if it works out for you. I got mail from Nano users willing to test too, so hey.
The beta of Cocoia Timezones is now public. Be sure to read the readme and follow installer instructions. It allows you to choose a different directory to install to (recommended).


Features [...]]]></description>
			<content:encoded><![CDATA[<p>I thought, go download your own and see if it works out for you. I got mail from Nano users willing to test too, so hey.</p>
<h3>The beta of Cocoia Timezones is now public. Be sure to read the readme and follow installer instructions. It allows you to choose a different directory to install to (recommended).<br />
<h3>
<p><img src="http://blog.cocoia.com/wp-content/uploads/2007/05//release.jpg" border="0" height="359" width="224" alt="release.jpg" align="" /></p>
<h3>Features excluded in this BETA version:</h3>
<li>
Personalised timezone overlay,</li>
<li>
 New 1.0 themes,</li>
<li>
 Map smooth motion.
</li>
<p>This is not feature complete. Please test this for me, and give me feedback about bugs, inconsistencies, and suggestions at <a href=mailto:sebastiaan(at -nospam)cocoia.com>this address</a>.</p>
<h3><a href=http://www.cocoia.com/cocoia_timezones_beta.dmg>Download now</a>.<br />
<h3>
]]></content:encoded>
			<wfw:commentRss>http://blog.cocoia.com/2007/05/04/ah-what-the-hell/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
