<?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>Jetplane Journal &#187; UI Design</title>
	<atom:link href="http://jetplanejournal.com/category/ui/feed/" rel="self" type="application/rss+xml" />
	<link>http://jetplanejournal.com</link>
	<description>Tech opinions, reviews and how-to&#039;s. No Jetplanes.</description>
	<lastBuildDate>Fri, 13 Jan 2012 10:54:54 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<item>
		<title>Multi-touch vs. multi-touch: the new iPod nano</title>
		<link>http://jetplanejournal.com/multi-touch-vs-multi-touch-the-new-ipod-nano/</link>
		<comments>http://jetplanejournal.com/multi-touch-vs-multi-touch-the-new-ipod-nano/#comments</comments>
		<pubDate>Tue, 07 Sep 2010 08:22:53 +0000</pubDate>
		<dc:creator>Adrian</dc:creator>
				<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Opinions]]></category>
		<category><![CDATA[UI Design]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[ipod nano]]></category>
		<category><![CDATA[multi-touch]]></category>

		<guid isPermaLink="false">http://jetplanejournal.com/?p=1535</guid>
		<description><![CDATA[Apple recently introduced their 6th generation iPod nano, the first non-clickwheel nano. Instead, the new nano uses a multi-touch interface that&#8217;s similar to the interface found on the iPhone, iPod touch and iPad. But just how similar is the nano&#8217;s multi-touch interface when compared with the real deal? Let&#8217;s look at some of the typical actions [...]]]></description>
			<content:encoded><![CDATA[<p>Apple recently introduced their 6th generation iPod nano, the first non-clickwheel nano. Instead, the new nano uses a multi-touch interface that&#8217;s similar to the interface found on the iPhone, iPod touch and iPad.</p>
<p>But just how similar is the nano&#8217;s multi-touch interface when compared with the real deal? Let&#8217;s look at some of the typical actions you might want to do:</p>
<p><a href="http://jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/09/comparison.001.png"><img class="aligncenter size-large wp-image-1538" title="Multitouch gesture comparison" src="http://jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/09/comparison.001-640x426.png" alt="" width="640" height="426" /></a></p>
<p>As you can see, some of the most important actions use different multi-touch gestures on the iPod nano then they do on real iOS devices. If Apple sees the nano as the device that will introduce people to multi-touch, it seems like a curious decision to not unify the gestures across all multi-touch platforms.<br />
<span id="more-1535"></span></p>
<p>Tap and hold to get back to the menu screen looks like a particularly annoying gesture for such an important command: not only does it force you to find an area on the tiny screen that doesn&#8217;t trigger another function, it also requires a slight delay, which means you won&#8217;t know if you&#8217;ve hit an empty space until you wait the second or two to see if the gesture is going to work. In contrast, the iPhone&#8217;s home button is extremely responsive and even novice users immediately grasp that a single press will instantly put them back on the home screen.</p>
<p>You can see what I mean in this engadget video, where Ross Miller occasionally struggles to get back to the home screen:<br />
<object id="viddler" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="437" height="266" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><param name="flashvars" value="fake=1" /><param name="src" value="http://www.viddler.com/simple/22fce3eb/" /><param name="name" value="viddler" /><param name="allowfullscreen" value="true" /><embed id="viddler" type="application/x-shockwave-flash" width="437" height="266" src="http://www.viddler.com/simple/22fce3eb/" name="viddler" flashvars="fake=1" allowfullscreen="true" allowscriptaccess="always"></embed></object></p>
<p>Apple clearly sees multi-touch as the new mouse and keyboard, but using different gestures for the same basic tasks strikes me as the equivalent of suddenly reprogramming a users mouse buttons to launch exposé.<br />
I&#8217;m sure these discrepancies are not going to be a major issue for anyone upgrading from an iPod nano to an iPhone or iPad though. The interface looks good and that will probably be enough to ensure Apple sells millions this holiday season. Whether a multi-touch interface on such a tiny screen proves to be practical in everyday use (I wonder how the actors in the commercial are changing songs without being able to see the screen?), is something we&#8217;ll presumably find out when the first reviews start to trickle in next week.</p>
<h4><em>Think I&#8217;m full of shit? Buy the new <a title="iPod nano at amazon.com" href="http://www.amazon.com/Apple-Graphite-Generation-NEWEST-MODEL/dp/B002L6HE9G/">iPod nano at Amazon.com</a>.<br />
&#8220;Golly, he&#8217;s right!?&#8221; Treat yourself to a <a title="iPod touch at Amazon" href="http://www.amazon.com/Apple-touch-Generation-NEWEST-MODEL/dp/B001FA1O18/">new iPod touch at Amazon.com</a> instead.</em></h4>
<p><object width="660" height="405"><param name="movie" value="http://www.youtube.com/v/-utpY8Y23DM?fs=1&amp;hl=en_US&amp;rel=0&amp;border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/-utpY8Y23DM?fs=1&amp;hl=en_US&amp;rel=0&amp;border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="660" height="405"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://jetplanejournal.com/multi-touch-vs-multi-touch-the-new-ipod-nano/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Transmit 4 Review</title>
		<link>http://jetplanejournal.com/transmit-4/</link>
		<comments>http://jetplanejournal.com/transmit-4/#comments</comments>
		<pubDate>Tue, 27 Apr 2010 06:58:15 +0000</pubDate>
		<dc:creator>Adrian</dc:creator>
				<category><![CDATA[Mac]]></category>
		<category><![CDATA[Opinions]]></category>
		<category><![CDATA[Reviews]]></category>
		<category><![CDATA[UI Design]]></category>
		<category><![CDATA[ftp]]></category>
		<category><![CDATA[panic]]></category>
		<category><![CDATA[review]]></category>
		<category><![CDATA[transmit]]></category>

		<guid isPermaLink="false">http://www.jetplanejournal.com/?p=1347</guid>
		<description><![CDATA[For years, one of the most popular OS X FTP applications has been Transmit. Panic&#8217;s FTP workhorse is so well regarded and robust, it&#8217;s engine was even chosen by Apple to power the FTP upload feature built-in to iWeb. But OS X has gone through a lot of changes since Transmit 3 was first introduced [...]]]></description>
			<content:encoded><![CDATA[<p>For years, one of the most popular OS X FTP applications has been <a href="http://panic.com/transmit">Transmit</a>. Panic&#8217;s FTP workhorse is so well regarded and robust, it&#8217;s engine was even chosen by Apple to <a href="http://www.flickr.com/photos/cabel/3174273679/">power the FTP upload feature built-in to iWeb</a>.</p>
<p>But OS X has gone through a lot of changes since Transmit 3 was first introduced and the app is starting to show its age. Enter Transmit 4!</p>
<p><a href="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/04/Welcome.png"><img class="aligncenter size-large wp-image-1401" title="Welcome!" src="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/04/Welcome-640x463.png" alt="" width="640" height="463" /></a></p>
<p style="text-align: center;">
<p>This latest update adds a completely new user interface, innovative new features like Transmit Disk as well as a slew of customisation options. I was fortunate enough to be a beta tester for version 4, so I&#8217;ve had a few weeks to play with the new version &#8211; here are some of my thoughts.</p>
<h2>New UI</h2>
<p>Panic is know for their sleek user interface design and attention to detail and Transmit 4 is no exception. First off, the biggest change of them all: A NEW TRUCK!</p>
<p><a href="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/04/trucks.png"><img class="aligncenter size-full wp-image-1391" title="trucks" src="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/04/trucks.png" alt="" width="514" height="240" /></a></p>
<p>But the logo isn&#8217;t all that has been refreshed: The entire app feels brand new. Most UI elements have been given a 2010 update and the interface feels a lot tidier.</p>
<p>You start off with a list of your configured servers that uses a sleek black look that was made popular by apps such as <a href="http://pixelmator.com">Pixelmator</a>, <a href="http://equinux.com/coverscout">CoverScout 3</a> and <a href="http://equinux.com/songgenie">SongGenie</a> <em>(disclaimer &#8211; I work for equinux)</em>.</p>
<p><a href="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/04/Transmit-init.png"><img class="aligncenter size-large wp-image-1405" title="Transmit init" src="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/04/Transmit-init-640x563.png" alt="" width="640" height="563" /></a></p>
<address style="text-align: center;">You can choose an icon for your servers, or use the server favicon</address>
<p style="text-align: left;">Selecting a server puts you into a familiar file browsing mode &#8211; more on that below:</p>
<p><a href="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/04/Transmit-browser.png"><img class="aligncenter size-large wp-image-1408" title="Transmit browser" src="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/04/Transmit-browser-640x509.png" alt="" width="640" height="509" /></a></p>
<p>Buttons and features are usually exactly where you would expect to find them and unobtrusive animations and pretty icons round out the package and give the app a nice touch of Panic personality. Here are a few bits of eye candy I noticed during testing:</p>
<p><a href="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/04/Google-Chrome.png"><img class="aligncenter size-full wp-image-1392" title="Progress bar" src="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/04/Google-Chrome.png" alt="" width="212" height="15" /></a></p>
<address style="text-align: center;">Progress indicator</address>
<p><a href="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/04/Google-Chrome.png"></a><a href="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/04/breadcrumb.png"><img class="aligncenter size-full wp-image-1396" title="breadcrumb" src="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/04/breadcrumb.png" alt="" width="276" height="26" /></a></p>
<address style="text-align: center;">Breadcrumb navigation</address>
<p><a href="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/04/Screen-shot-2010-03-21-at-2.18.57-PM.png"><img class="aligncenter size-full wp-image-1393" title="Screen shot 2010-03-21 at 2.18.57 PM" src="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/04/Screen-shot-2010-03-21-at-2.18.57-PM.png" alt="" width="498" height="338" /></a></p>
<address style="text-align: center;">Nice use of icons in the replace dialog makes it clear which file you need to replace</address>
<address style="text-align: center;"><span style="font-style: normal;"><br />
</span></address>
<h2>File Browsing, Places &amp; Quick Look</h2>
<p>An FTP client fundamentally has two jobs: show me my remote files and allow me to move files between my local and remote storage. To accomplish that, an FTP application has to replicate a lot of the functionality of a regular file browser, so users can browser their local files as well as their remote files.</p>
<p>Transmit 4 offers single and dual file-browser layouts, (rearrangable!) tabs and the icon, llist, column and cover flow viewing styles you are familiar with from the Finder. But it also has a few additional tricks up its sleeve, that you won&#8217;t find in the Finder.</p>
<p>Here are some of the more interesting file browsing options:</p>
<ul>
<li>Folders above Files changes the sort order, so that folders are always displayed before your files in a view</li>
<li>Quick Look makes it easy to see a file&#8217;s content and even works with remote files stored on your FTP server</li>
<li>Places can store shortcuts to your most frequently used folders, so they are just a click away. You can also drag files to a Place shortcut.</li>
</ul>
<p><img class="aligncenter size-full wp-image-1394" title="Places" src="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/04/Transmit-2.png" alt="" width="451" height="394" /></p>
<address style="text-align: center;">Places give you quick access to commonly used folders.</address>
<p>Places is really useful, but the way you add locations by dragging them to the breadcrumb area is a bit unconventional. Once you&#8217;ve figured it out though, it quickly became one of my favourite Transmit 4 features.</p>
<p>Transmit 4 offers enough view options to suit almost anyone&#8217;s preferred file browsing style. Whether you perfer to work with multiple windows, tabs, split layouts, column view etc &#8211; Transmit 4 has got you covered. While it&#8217;s debatable whether most users need so many options, file browsing habits are usually so ingrained that it was probably a good idea for Panic to include as many options as they could.</p>
<h2>DockSend, Droplets, TransmitDisk and more&#8230;</h2>
<p>Most of the time, I find myself uploading files to the same place over and over again. Transmit has a number of ways that give you an easy way to send a file to your FTP server straight from the finder:</p>
<ul>
<li>Drag it to a custom droplet you can create in Transmit 4</li>
<li>Enable Docksend and you can drag it directly to the Transmit 4 icon in your Dock</li>
<li>Turn on TransmitDisk&#8230;</li>
</ul>
<p><img class="alignright size-full wp-image-1398" title="Finder" src="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/04/Finder.png" alt="" width="125" height="127" /></p>
<p>TransmitDisk is a nifty new feature, that uses <a href="http://code.google.com/p/macfuse/">MacFUSE</a> to allow you to mount your FTP server as a volume that the Finder can see. Once mounted, you can interact with your FTP folders like you would with a drive on your local network.</p>
<p>In my experience this worked fairly well, but occasionally felt a little bit more sluggish than using Transmit&#8217;s own file browser &#8211; but your mileage may vary.</p>
<h2>Conclusion</h2>
<p>Overall this is a great upgrade to an already very useful application. The new features are well thought out and make working with your FTP server a lot easier and faster. While this isn&#8217;t a revolutionary upgrade, it is solid enough to make it worth your while.</p>
<p>You can buy or upgrade to Transmit 4 in the <a href="https://www.panic.com/transmit/buy.html">Panic Online Store.</a></p>
]]></content:encoded>
			<wfw:commentRss>http://jetplanejournal.com/transmit-4/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Three things on the iPad that feel rushed</title>
		<link>http://jetplanejournal.com/3-things-on-the-ipad-that-feel-rushed/</link>
		<comments>http://jetplanejournal.com/3-things-on-the-ipad-that-feel-rushed/#comments</comments>
		<pubDate>Mon, 19 Apr 2010 17:13:36 +0000</pubDate>
		<dc:creator>Adrian</dc:creator>
				<category><![CDATA[iPad]]></category>
		<category><![CDATA[Opinions]]></category>
		<category><![CDATA[UI Design]]></category>
		<category><![CDATA[gripes]]></category>
		<category><![CDATA[ical]]></category>

		<guid isPermaLink="false">http://www.jetplanejournal.com/?p=1322</guid>
		<description><![CDATA[Most people would agree that the iPad is a fantastic 1.0 device. This is of course partly due to the shared iPhone OS heritage, but the overall experience is nonetheless is extremely well-rounded and polished. But there are a few areas that feel a bit crummy, when compared with the rest of the experience. Considering [...]]]></description>
			<content:encoded><![CDATA[<p>Most people would agree that the iPad is a fantastic 1.0 device. This is of course partly due to the shared iPhone OS heritage, but the overall experience is nonetheless is extremely well-rounded and polished.</p>
<p>But there are a few areas that feel a bit crummy, when compared with the rest of the experience. Considering how many apps Apple had to completely overhaul for the iPad&#8217;s presentation in January, it&#8217;s no surprise to find a few rough edges, on the otherwise fantastic device.</p>
<h2>File syncing</h2>
<p>I understand why Apple is hesitant to add any kind of file system to the iPhone OS, but considering how much emphasis was placed on the iPad apps at launch, you would think that they would have come up with an elegant way to get documents on and off your iPad.</p>
<p>Unfortunately, in reality it&#8217;s a huge pain. <a href="http://www.macobserver.com/tmo/article/file_sharing_with_an_ipad_ugh/">Ted Landau took the time to document</a> all the steps it takes to actually get a document into iWork on your iPad, none of which are particularly intuitive. Plus you then have the hassle of managing revisions and tracking multiple copies of the same file.</p>
<p>The iPhone app <a href="http://simplenoteapp.com">SimpleNote</a> and <a href="http://notational.net/">Notational Velocity</a> on the mac show how document sync can be done right. Some apps are also adding <a href="http://www.jetplanejournal.com/?s=dropbox&amp;x=0&amp;y=0">Dropbox support</a>, which gives you an idea how file sync in general could be improved. Given the fact that Apple has already done a lot of the hard work by creating the <a href="http://www.amazon.com/MobileMe-Individual-Updated-2009-Version/dp/B001AMLRU4/">MobileMe</a> and iWork online services, one can only hope that we&#8217;ll see seamless, cloud-based file syncing added sooner rather than later.</p>
<h2>Safari caching</h2>
<p>If you open multiple tabs in safari on your Mac, switching between them is instantaneous. In mobile safari, you can never be sure whether the tab will open immediately, or whether it will need to be reloaded over your wifi or 3G connection. On the wifi-only iPad, where users can&#8217;t be sure they&#8217;ll always have access to an internet connection, webpage persistance is particularly an issue. The fact that <a href="http://itunes.apple.com/us/artist/codium-labs-llc/id334194708">Offline Pages</a> (iTunes link) is currently one of the top free iPad apps in the App Store would seem to underline this point.</p>
<p><a href="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/04/Mobilesafari-cache.png"><img class="aligncenter size-large wp-image-1338" title="Mobilesafari cache" src="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/04/Mobilesafari-cache-640x480.png" alt="" width="640" height="480" /></a></p>
<p>Mobile Safari&#8217;s limiting caching abilities are most likely due to the limited amount of RAM in the iPad, which has just 256MB, however as <a href="http://rentzsch.tumblr.com/post/382362022/persistent-mobilesafari-pages">Rentzsch has pointed out</a>, it should be possible to offload pages to the solid state drive as a workaround, although it&#8217;s not a trivial problem.</p>
<h2>Calendar event creation</h2>
<p>Making event creation in calendars difficult seems to be one of Apple&#8217;s <a href="http://www.jetplanejournal.com/ical-3-%E2%80%93%C2%A0bubbles-and-bewilderment">favorite UI slip-ups</a>. The calendar app on the iPad is gorgeously designed and it makes browsing through calendar entries a visual pleasure.</p>
<p>But the interface for adding entries seems to have been cut &amp; paste directly from the iPhone version and doesn&#8217;t make any use of the additional screen real estate the iPad offers. You get the impression the designers spent all their time working on the rest of the UI and simply stuck the editing controls in there at the last minute.</p>
<p><a href="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/04/iPhone-iPad-cal.png"><img class="aligncenter size-large wp-image-1335" title="iPhone iPad cal" src="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/04/iPhone-iPad-cal-640x357.png" alt="" width="640" height="357" /></a></p>
<p>Consistency between the two platforms is of course a good thing, provided it doesn&#8217;t slow the user down unnecessarily. I would argue that you could better use the iPad&#8217;s screen real estate to make a much more efficient and intuitive event creation UI.</p>
]]></content:encoded>
			<wfw:commentRss>http://jetplanejournal.com/3-things-on-the-ipad-that-feel-rushed/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Grassroots UI Innovation</title>
		<link>http://jetplanejournal.com/grassroots-ui-innovation/</link>
		<comments>http://jetplanejournal.com/grassroots-ui-innovation/#comments</comments>
		<pubDate>Tue, 06 Apr 2010 22:43:03 +0000</pubDate>
		<dc:creator>Adrian</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[UI Design]]></category>
		<category><![CDATA[developers]]></category>
		<category><![CDATA[iPhone OS]]></category>

		<guid isPermaLink="false">http://www.jetplanejournal.com/?p=1294</guid>
		<description><![CDATA[When Apple introduced the iPhone and later the iPhone SDK, they established a series of UI metaphors, interaction models and conventions, that have served as a template for nearly all third party apps. Gestures such as swipe to delete, or UI elements such as springy lists are simply expected. Apple has done such a great [...]]]></description>
			<content:encoded><![CDATA[<p>When Apple introduced the iPhone and later the iPhone SDK, they established a series of UI metaphors, interaction models and conventions, that have served as a template for nearly all third party apps. Gestures such as swipe to delete, or UI elements such as springy lists are simply expected.</p>
<p>Apple has done such a great job of establishing best practices for nearly all types of UI interactions that it&#8217;s not often you see news kinds of UI interaction introduced by third party developers.</p>
<p>But when <a href="http://www.atebits.com">Atebits</a> introduced <a href="http://www.atebits.com/tweetie-iphone/">Tweetie 2,</a> it also introduced so-called &#8220;spring reloading&#8221;. Basically if you pull down past the end of a list, causing it to spring back, you can refresh the current list of tweets.</p>
<p>Many reviewers noted the ingenuity of this design, as it effectively turned a habit of many users (namely playing with the springy lists) into a useful feature. This design has since been adopted by several other applications and seems as though it may become a de facto UI convention on the iPhone OS. </p>
<p>Here is the original Tweetie 2 design:</p>
<p><a href="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/04/tweetie2.png"><img class="aligncenter size-full wp-image-1303" title="tweetie2" src="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/04/tweetie2.png" alt="" width="320" height="316" /></a></p>
<p>Foursquare is basically a straight up copy:</p>
<p><a href="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/04/4sq.png"><img class="aligncenter size-full wp-image-1300" title="4sq" src="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/04/4sq.png" alt="" width="320" height="316" /></a></p>
<p>This is Gowalla&#8217;s take on it – the logo appears to let you know you&#8217;ve pulled down far enough:</p>
<p><a href="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/04/gowalla.png"><img class="aligncenter size-full wp-image-1302" title="gowalla" src="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/04/gowalla.png" alt="" width="320" height="316" /></a></p>
<p>And the Wikipedia app Articles uses the design to lock or unlock your screen orientation:</p>
<p><a href="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/04/articles.png"><img class="aligncenter size-full wp-image-1301" title="articles" src="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/04/articles.png" alt="" width="320" height="316" /></a></p>
<p>It&#8217;ll be interesting to see if this convention is adopted by more applications going forward – or if Apple will even perhaps add it to their own apps. But at any rate, it&#8217;s nice to see good UI innovations from a third party developer being adopted by others. I can&#8217;t wait to see what Atebits and others come up with for the iPad.</p>
]]></content:encoded>
			<wfw:commentRss>http://jetplanejournal.com/grassroots-ui-innovation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>3 Mac apps with perfect UIs for the iPad</title>
		<link>http://jetplanejournal.com/3-mac-apps-perfect-for-the-ipad/</link>
		<comments>http://jetplanejournal.com/3-mac-apps-perfect-for-the-ipad/#comments</comments>
		<pubDate>Sun, 31 Jan 2010 17:01:20 +0000</pubDate>
		<dc:creator>Adrian</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[Opinions]]></category>
		<category><![CDATA[UI Design]]></category>

		<guid isPermaLink="false">http://www.jetplanejournal.com/?p=1235</guid>
		<description><![CDATA[For the first time ever, the iPad gives developers the chance to design desktop-class applications for a multi-touch based user interface. Here are 3 Mac applications with user interfaces that I think would work really well on the iPad: 1. Times This fantastic RSS reader is already multi-touch aware and is a dream to use [...]]]></description>
			<content:encoded><![CDATA[<p>For the first time ever, the iPad gives developers the chance to design desktop-class applications for a multi-touch based user interface.<br />
Here are 3 Mac applications with user interfaces that I think would work really well on the iPad:</p>
<h2>1. Times</h2>
<p>This fantastic RSS reader is already multi-touch aware and is a dream to use on MacBooks with multi-touch trackpads. You tap to read full articles, 3-finger swipe up to return to the overview or 3-finger swipe left and right to switch between sections. The gorgeous UI is the closest thing to reading a real newspaper on your Mac and <a href="http://www.acrylicapps.com/times/">Times</a> could be a perfect match for the iPad.</p>
<div style="text-align: center;"><img src="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/01/Times-RSS.png" border="0" alt="Times RSS.png" width="675" height="483" /></div>
<h2>2. CoverScout</h2>
<p>The coverflow-esque UI in <a href="http://equinux.com/coverscout">CoverScout</a> is a perfect fit for the iPad: You can swipe through your albums, double-tap to start a search and then drag a cover from your search results to an album to apply it.<br />
The search results bubble introduced in CoverScout 3 is also very reminiscent of the new popover list UI element introduced for the iPad.</p>
<p>Whilst you can certainly argue whether this is the type of application you would use on the iPad, the interaction style seems as though it would be an ideal match.</p>
<div style="text-align: center;"></div>
<h2>3. Djay</h2>
<p>If there&#8217;s one application that would really work well with a touch-screen UI, it&#8217;s <a href="http://www.djay-software.com/">Djay</a>. Being able to use a MacBook multi-touch trackpad as your DJ controller is nice, but a 9.7 inch touchscreen control would offer a much better, hands-on experience. <a href="http://twitter.com/djaysoftware/status/8317704937">Currently it looks as though</a> access to the music on your iPad will be restricted though, making a real port of Djay unfeasible.</p>
<div style="text-align: center;"><img src="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/01/DJay.png" border="0" alt="DJay.png" width="675" height="483" /></div>
<h2>2010</h2>
<p>It&#8217;ll be interesting to see which Mac applications will be turned into iPad versions and what level of sophistication iPad apps have. Will they stay simple and iPhone-esque? Or will we see Mac application developers come out with truely desktop-challenging versions of their products? 2010 should be an exciting year for developers&#8230;</p>
<p>If you like this article, <a href="http://www.amazon.com/gp/redirect.html?ie=UTF8&amp;location=http%3A%2F%2Fwww.amazon.com%2F%3Fie%3DUTF8%26ref_%3Dgno%255Flogo&amp;tag=whitjetp-20&amp;linkCode=ur2&amp;camp=1789&amp;creative=390957">shop at amazon.com and support Jetplane Journal.</a><img style="border: none !important; margin: 0px !important;" src="https://www.assoc-amazon.com/e/ir?t=whitjetp-20&amp;l=ur2&amp;o=1" border="0" alt="" width="1" height="1" /></p>
]]></content:encoded>
			<wfw:commentRss>http://jetplanejournal.com/3-mac-apps-perfect-for-the-ipad/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Jetlinked: iPad UI Roundup</title>
		<link>http://jetplanejournal.com/jetlinked-ipad-ui-roundup/</link>
		<comments>http://jetplanejournal.com/jetlinked-ipad-ui-roundup/#comments</comments>
		<pubDate>Thu, 28 Jan 2010 18:49:16 +0000</pubDate>
		<dc:creator>Adrian</dc:creator>
				<category><![CDATA[JetLinks]]></category>
		<category><![CDATA[UI Design]]></category>
		<category><![CDATA[iPad]]></category>

		<guid isPermaLink="false">http://www.jetplanejournal.com/?p=1229</guid>
		<description><![CDATA[Sebastiaan de With has posted a very comprehensive analysis of some of the new UI elements introduced on the iPad: As usual with a large Apple product launch, I’ve written up this post to round up the good, the bad, and the ugly of all the new interface and interaction designs that were set loose [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/01/iPad1.png" class="image-link"><img class="linked-to-original" src="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/01/iPad1-thumb.png" height="133" align="right" width="200" /></a> Sebastiaan de With <a href="http://blog.cocoia.com/2010/ipad-ui-roundup/">has posted</a> a very comprehensive analysis of some of the new UI elements introduced on the iPad: </p>
<blockquote><p>As usual with a large Apple product launch, I’ve written up this post to round up the good, the bad, and the ugly of all the new interface and interaction designs that were set loose on the world by the company that’s regarded as the most influential and skilled when it comes to designing experiences. </p>
<p>Man, where do I begin. </p>
</blockquote>
<p>He&#8217;s done a terrific job of scrutinizing all the videos and screenshots on various websites as well: <a href="http://blog.cocoia.com/2010/ipad-ui-roundup/" title=""> Cocoia Blog</a>  </p>
<p><br class="final-break" /></p>
]]></content:encoded>
			<wfw:commentRss>http://jetplanejournal.com/jetlinked-ipad-ui-roundup/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ripping Audiobook CDs with iTunes</title>
		<link>http://jetplanejournal.com/ripping-audiobook-cds-with-itunes/</link>
		<comments>http://jetplanejournal.com/ripping-audiobook-cds-with-itunes/#comments</comments>
		<pubDate>Sun, 17 Jan 2010 17:33:43 +0000</pubDate>
		<dc:creator>Adrian</dc:creator>
				<category><![CDATA[Hints]]></category>
		<category><![CDATA[Opinions]]></category>
		<category><![CDATA[UI Design]]></category>
		<category><![CDATA[audiobook]]></category>
		<category><![CDATA[CD]]></category>
		<category><![CDATA[FAQ]]></category>
		<category><![CDATA[importing]]></category>
		<category><![CDATA[itunes]]></category>

		<guid isPermaLink="false">http://www.jetplanejournal.com/?p=1182</guid>
		<description><![CDATA[iTunes made it easy for everyone and their mother to finally join the digital music revolution. Ripping music CDs is straightforward and fairly easy to do, as is buying music via the iTunes Store. But I&#8217;ve lost track of how many times I&#8217;ve showed friends and relatives how to import their audiobook / spoken word [...]]]></description>
			<content:encoded><![CDATA[<p>iTunes made it easy for everyone and their mother to finally join the digital music revolution. Ripping music CDs is straightforward and fairly easy to do, as is buying music via the iTunes Store.</p>
<p>But I&#8217;ve lost track of how many times I&#8217;ve showed friends and relatives how to import their audiobook / spoken word CDs properly. It was also one of the questions I was most often asked whilst working at an Apple retailer. There are a ton of tools and tutorials on the net that also address this issue, which seems to suggest people continue to struggle with this problem.</p>
<p>By default, iTunes imports CDs as individual tracks and adds them to your &#8220;Music&#8221; library. To rip something as an audiobook in iTunes 9:</p>
<ul>
<li> Select all tracks</li>
<li> Choose Advanced &gt; Join CD tracks</li>
<li>Select Import Settings and choose &#8220;Spoken Podcast&#8221;</li>
<li>Import CD</li>
<li>Select imported tracks, File &gt; Get Info</li>
<li>Under options, select &#8220;Media Kind: Audiobook&#8221;</li>
</ul>
<p>To make things easier, I would suggest Apple add a simple option screen, similar to the one they currently show if you select an empty media category.</p>
<p>This is a mockup of what it could look like:</p>
<p><a href="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/01/mockup.001.png"><img class="aligncenter size-large wp-image-1183" title="iTunes CD rip mockup" src="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/01/mockup.001-640x491.png" alt="" width="640" height="491" /></a></p>
<p>With millions of iTunes users out there, I&#8217;m sure this would help a fair number of people, without being troublesome for other users.Comedy CDs and childrens stories continue to be popular on CDs so it&#8217;s not just audiobooks that could be ripped with this option. One could even envision some of the other import options being exposed this way, e.g. a &#8220;Import losslessly&#8221; option.</p>
<p>Anyway, food for thought.</p>
<p><em>Image credit: Audiobook icon by <a href="http://www.splasm.com/">Splasm Software, Inc</a>.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://jetplanejournal.com/ripping-audiobook-cds-with-itunes/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Jetlinked: 20 Beautiful Mac apps</title>
		<link>http://jetplanejournal.com/jetlinked-20-beautiful-mac-apps/</link>
		<comments>http://jetplanejournal.com/jetlinked-20-beautiful-mac-apps/#comments</comments>
		<pubDate>Sat, 16 Jan 2010 08:18:34 +0000</pubDate>
		<dc:creator>Adrian</dc:creator>
				<category><![CDATA[JetLinks]]></category>
		<category><![CDATA[Mac]]></category>
		<category><![CDATA[Opinions]]></category>
		<category><![CDATA[UI Design]]></category>
		<category><![CDATA[apps]]></category>
		<category><![CDATA[beautiful]]></category>
		<category><![CDATA[lists]]></category>

		<guid isPermaLink="false">http://www.jetplanejournal.com/?p=1177</guid>
		<description><![CDATA[Designreviver has a nice list of 20 Beautiful Mac apps that is worth checking out. There are only a few picks I disagree with: Pixelmator&#8217;s black icons on a HUD window background have always bothered me and seem like a bad UI choice iStatmenus is pretty, but never feels very Mac-like TuneUp is the antithesis [...]]]></description>
			<content:encoded><![CDATA[<p style="clear: both;"><a class="image-link" href="http://designreviver.com/inspiration/20-beautiful-user-interface-examples-of-mac-applications/"><img class="linked-to-original alignright" style="display: inline; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 10px;" src="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2010/01/Safari-thumb.png" alt="" width="242" height="326" align="right" /></a>Designreviver has a nice <a title="Designreviver: 20 Beauftiful Mac Apps" href="http://designreviver.com/inspiration/20-beautiful-user-interface-examples-of-mac-applications/">list of 20 Beautiful Mac apps</a> that is worth checking out. There are only a few picks I disagree with:</p>
<ul>
<li>Pixelmator&#8217;s black icons on a HUD window background have always bothered me and seem like a bad UI choice</li>
<li>iStatmenus is pretty, but never feels very Mac-like</li>
<li>TuneUp is the antithesis of a beautiful Mac app. It leeches onto iTunes and looks &amp; feels more like a Firefox plugin than a Mac app.</li>
</ul>
<p>But the list has a few lesser-known entries as well, so it&#8217;s worth reading for a few gems that you don&#8217;t see on every other list (I&#8217;m typing this in <a href="http://www.drinkbrainjuice.com/blogo">blogo</a> which I hadn&#8217;t heard of before&#8230;).</p>
<p><a href="http://designreviver.com/inspiration/20-beautiful-user-interface-examples-of-mac-applications/">Link</a></p>
<p style="clear: both;">
]]></content:encoded>
			<wfw:commentRss>http://jetplanejournal.com/jetlinked-20-beautiful-mac-apps/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>JetLinked: Tweetie for Mac</title>
		<link>http://jetplanejournal.com/jetlinked-tweetie-for-mac/</link>
		<comments>http://jetplanejournal.com/jetlinked-tweetie-for-mac/#comments</comments>
		<pubDate>Wed, 22 Apr 2009 13:18:49 +0000</pubDate>
		<dc:creator>Adrian</dc:creator>
				<category><![CDATA[JetLinks]]></category>
		<category><![CDATA[Mac]]></category>
		<category><![CDATA[UI Design]]></category>
		<category><![CDATA[atebits]]></category>
		<category><![CDATA[tweetie]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.jetplanejournal.com/?p=696</guid>
		<description><![CDATA[Enough has been said about Tweetie for Mac, so I&#8217;m just going to link to it, in case you&#8217;ve been living under a rock and have missed it. Bottom line is: The UI is fantastic, support for dragged in images is great and I believe it sets the bar a little higher for UI design [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2009/04/tweetiem-large.png"><img class="alignright size-full wp-image-699" title="Tweetie for Mac logo" src="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2009/04/tweetiem-large.png" alt="Tweetie for Mac logo" width="180" height="180" /></a>Enough has been said about <a href="http://search.twitter.com/search?q=tweetie">Tweetie for Mac</a>, so I&#8217;m just going to link to it, in case you&#8217;ve been living under a rock and have missed it.</p>
<p>Bottom line is: The UI is fantastic, support for dragged in images is great and I believe it sets the bar a little higher for UI design on the Mac in general.</p>
<p>There are some additional features I&#8217;d like to see at some point, but from the look of <a href="http://getsatisfaction.com/atebits/products/atebits_tweetie_mac?sort=most_me_toos&amp;style=topics">the responses on Atebit&#8217;s Get Satisfaction page,</a> some of them are already planned.</p>
<ul>
<li>Support for stored searches</li>
<li>Sync state with the mobile version and across Mac</li>
</ul>
<p>You can find out more about Tweetie <a href="http://www.atebits.com/tweetie-mac/">on the Atebits website</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://jetplanejournal.com/jetlinked-tweetie-for-mac/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>iPhoto &#8217;09 UI Observations</title>
		<link>http://jetplanejournal.com/iphoto-09-ui-observations/</link>
		<comments>http://jetplanejournal.com/iphoto-09-ui-observations/#comments</comments>
		<pubDate>Sat, 31 Jan 2009 08:29:51 +0000</pubDate>
		<dc:creator>Adrian</dc:creator>
				<category><![CDATA[Mac]]></category>
		<category><![CDATA[Opinions]]></category>
		<category><![CDATA[UI Design]]></category>
		<category><![CDATA[bar]]></category>
		<category><![CDATA[HIG]]></category>
		<category><![CDATA[iphoto]]></category>
		<category><![CDATA[iphoto '09]]></category>
		<category><![CDATA[iSale]]></category>
		<category><![CDATA[scroll]]></category>
		<category><![CDATA[UI inspiration]]></category>
		<category><![CDATA[window]]></category>

		<guid isPermaLink="false">http://www.jetplanejournal.com/?p=462</guid>
		<description><![CDATA[Good artists copy, great artists steal. We all know that Apple sets the bar for UI design in its own applications and most 3rd party apps try to follow Apple&#8217;s lead. That makes it all the more interesting to see Apple &#8220;borrowing&#8221; design cue&#8217;s from 3rd party developers. The &#8220;corkboard&#8221; design that the eBay app iSale has [...]]]></description>
			<content:encoded><![CDATA[<h1>Good artists copy, great artists steal.</h1>
<p>We all know that Apple sets the bar for UI design in its own applications and most 3rd party apps try to follow Apple&#8217;s lead. That makes it all the more interesting to see Apple &#8220;borrowing&#8221; design cue&#8217;s from 3rd party developers.</p>
<p><span id="more-462"></span></p>
<p>The &#8220;corkboard&#8221; design that the eBay app iSale has used since its very first release in 2005 has been its most notable visual element. iPhoto &#8217;09 uses a strikingly similar look for its new &#8220;Faces&#8221; feature. (Apple would have a hard time claiming they weren&#8217;t aware of the look &#8211; iSale has won 2 Apple Design Awards). But as the saying goes: Imitation is the sincerest form of flattery.</p>
<p style="text-align: center; ">iPhoto<img class="size-medium wp-image-463   aligncenter" title="iphoto-faces" src="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2009/01/iphoto-faces-300x268.jpg" alt="iphoto-faces" width="180" height="161" /></p>
<p style="text-align: center; ">iSale</p>
<p style="text-align: center; "><img class="size-medium wp-image-464 aligncenter" title="isale-pinboard" src="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2009/01/isale-pinboard-300x268.jpg" alt="isale-pinboard" width="180" height="161" /></p>
<h1><strong>Is this thing on?</strong></h1>
<p>iPhoto&#8217;s other UI &#8220;quirk&#8221; is more difficult to explain. When you click through to view all found photos of a particular face, the scroll bar to the right of the window changes from the typical gray-blue look, to an almost imperceptible ghostly white (see screenshot).</p>
<p style="text-align: center;"><img class="size-large wp-image-466 " title="untitled" src="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2009/01/untitled-1024x635.png" alt="iPhoto '09 active window" width="477" height="290" /><img class="aligncenter size-full wp-image-487" title="scroll-bar" src="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2009/01/scroll-bar.jpg" alt="scroll-bar" width="55" height="278" /></p>
<p>Even worse: The scroll bar in its active state resembles exactly what Apple describes as the &#8220;inactive&#8221; state for scroll bars in its Human Interface Guidelines. In fact, the scroll bar doesn&#8217;t change its appearance at all when switching between active and inactive states.</p>
<p style="text-align: center;"><img class="size-large wp-image-465  " title="untitled-2" src="http://www.jetplanejournal.com/jetplanejournal/wp-content/uploads/2009/01/untitled-2-1024x623.png" alt="iPhoto '09 inactive window" width="506" height="308" /></p>
<p>Don&#8217;t get me wrong: I&#8217;m, not a huge stickler for the HIG – usually &#8220;violations&#8221; are made because they create an interesting look whilst remaining functional. But the white toolbar doesn&#8217;t seem particularly inspired in any way, nor essential to the window&#8217;s overall appearance. But at the same time it&#8217;s hard to imagine it being an initial release error. Let&#8217;s just hope &#8220;ghost scroll&#8221; doesn&#8217;t spread to other applications&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://jetplanejournal.com/iphoto-09-ui-observations/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

