<?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>Caffeine Induced Ramblings - Jasper Potts's Blog &#187; User Interface Design</title>
	<atom:link href="http://www.jasperpotts.com/blog/category/user-interface-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.jasperpotts.com/blog</link>
	<description>Jasper Potts's Blog on Java and Life</description>
	<lastBuildDate>Tue, 24 Nov 2009 17:58:32 +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>UI Design: Palm Pre</title>
		<link>http://www.jasperpotts.com/blog/2009/01/ui-design-palm-pre/</link>
		<comments>http://www.jasperpotts.com/blog/2009/01/ui-design-palm-pre/#comments</comments>
		<pubDate>Wed, 14 Jan 2009 09:13:01 +0000</pubDate>
		<dc:creator>Jasper Potts</dc:creator>
				<category><![CDATA[User Interface Design]]></category>

		<guid isPermaLink="false">http://www.jasperpotts.com/blog/?p=114</guid>
		<description><![CDATA[While I am on the topic of UI Design I Palm released their new handset this week called the &#8220;Palm Pre&#8221; it looks very nicely designed and should be good competition to the iPhone and Android if it works as well is it looks good. Looking though the designs for all the screens published on their website most of [...]]]></description>
			<content:encoded><![CDATA[<p>While I am on the topic of UI Design I Palm released their new handset this week called the &#8220;Palm Pre&#8221; it looks very nicely designed and should be good competition to the iPhone and Android if it works as well is it looks good. Looking though the designs for all the screens published on their website most of it looks nicely designed with a consistent feel, though they are let down in a few places like the calendar month view which is very sketchy compared to other screens. Overall I think they have done a excellent job well worth looking though the images in the more link.</p>
<p><a href="http://www.jasperpotts.com/blog/wp-content/uploads/2009/01/palm-pre.jpg"><img class="alignnone size-medium wp-image-115" title="Palm Pre" src="http://www.jasperpotts.com/blog/wp-content/uploads/2009/01/palm-pre-176x300.jpg" alt="Palm Pre" width="176" height="300" /></a>  </p>
<p><span id="more-114"></span></p>
<p>The way they use the they make the top of the screen in the normal view look like part of the front of the phone is very interesting, wonder how well it works for real rather than in touched up images like these. You can see in the media player the bar with battery life etc that looks like part of the device in the picture above has gone. In the later pictures tabs appear in this area which is neat way of tracking where you are.</p>
<p><img class="alignnone size-full wp-image-117" title="Palm Pre Media Player" src="http://www.jasperpotts.com/blog/wp-content/uploads/2009/01/pre_121.png" alt="Palm Pre Media Player" width="542" height="321" /></p>
<p>The folded paper spring idea for showing where there are empty gaps is a very neat idea to get more useful data on the screen at once.</p>
<p><img class="alignnone size-full wp-image-118" title="calendardayall" src="http://www.jasperpotts.com/blog/wp-content/uploads/2009/01/calendardayall.jpg" alt="calendardayall" width="253" height="380" />  <img class="alignnone size-full wp-image-120" title="calendardaypersonalmenu" src="http://www.jasperpotts.com/blog/wp-content/uploads/2009/01/calendardaypersonalmenu.jpg" alt="calendardaypersonalmenu" width="253" height="380" /></p>
<p>The recessed divider bars and stacked pictures are nice details.</p>
<p><img class="alignnone size-full wp-image-121" title="contactlist" src="http://www.jasperpotts.com/blog/wp-content/uploads/2009/01/contactlist.jpg" alt="contactlist" width="253" height="380" />  <img class="alignnone size-full wp-image-122" title="emailaccounts" src="http://www.jasperpotts.com/blog/wp-content/uploads/2009/01/emailaccounts.jpg" alt="emailaccounts" width="253" height="380" /></p>
<p>I like the HUD style button bar on the camera page and the 3D recessed semi transparent look on the Search screen.</p>
<p><img class="alignnone size-full wp-image-123" title="camerapicture" src="http://www.jasperpotts.com/blog/wp-content/uploads/2009/01/camerapicture.jpg" alt="camerapicture" width="253" height="380" />  <img class="alignnone size-full wp-image-124" title="universalsearch2" src="http://www.jasperpotts.com/blog/wp-content/uploads/2009/01/universalsearch2.jpg" alt="universalsearch2" width="253" height="380" /></p>
<p>I think the navigation between multiple web pages or multiple applications as in the first picture is a cleaver 2D adaption of the now classic Display Shelf style view as in Apples iTunes and iPhone. They have also done a nice job with all their icons they look consistent and smart. Don&#8217;t think they look quite as nice as the iPhone as Apple were cleaver fitting all their application icons into a standard rounded rectangle which made them all look uniform which is a nice effect.</p>
<p><img class="alignnone size-full wp-image-125" title="webcardview02" src="http://www.jasperpotts.com/blog/wp-content/uploads/2009/01/webcardview02.jpg" alt="webcardview02" width="253" height="380" />  <img class="alignnone size-full wp-image-126" title="launcher" src="http://www.jasperpotts.com/blog/wp-content/uploads/2009/01/launcher.jpg" alt="launcher" width="253" height="380" /></p>
<p>Over all they have done a good job, the only thing that bugs me is their pastel color palette and the fact they are not consistent with their color pallet.</p>
<p style="font-size: xx-small">All images copyright Palm Inc how they don&#8217;t mind me showing them here <img src='http://www.jasperpotts.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.jasperpotts.com/blog/2009/01/ui-design-palm-pre/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New UI elements in iLife/iWork 09</title>
		<link>http://www.jasperpotts.com/blog/2009/01/new-ui-elements-in-ilifeiwork-09/</link>
		<comments>http://www.jasperpotts.com/blog/2009/01/new-ui-elements-in-ilifeiwork-09/#comments</comments>
		<pubDate>Tue, 13 Jan 2009 16:27:41 +0000</pubDate>
		<dc:creator>Jasper Potts</dc:creator>
				<category><![CDATA[User Interface Design]]></category>

		<guid isPermaLink="false">http://www.jasperpotts.com/blog/?p=112</guid>
		<description><![CDATA[Today I came across this interesting article &#8220;iWork / iLife ’09 UI Roundup&#8221; on how Apple has changed the UI look of the applications in the iWork and iLife bundles with the new 09 versions. Anyone who works in the user interface design world knows Apple is often setting the trends that the rest of the industry [...]]]></description>
			<content:encoded><![CDATA[<p>Today I came across this interesting article &#8220;<a title="Permanent Link to iWork / iLife ’09 UI Roundup" rel="bookmark" href="http://blog.cocoia.com/2009/01/07/iwork-ilife-09-ui-roundup/">iWork / iLife ’09 UI Roundup</a>&#8221; on how Apple has changed the UI look of the applications in the iWork and iLife bundles with the new 09 versions. Anyone who works in the user interface design world knows Apple is often setting the trends that the rest of the industry follows such as glassy/glossy interfaces. So its always interesting keeping a eye on what they are doing.</p>
<p><a href="http://blog.cocoia.com/2009/01/07/iwork-ilife-09-ui-roundup/"><img class="alignnone" title="New Keynote presenter screen" src="http://blog.cocoia.com/presenterdisplay.png" alt="" width="477" height="238" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jasperpotts.com/blog/2009/01/new-ui-elements-in-ilifeiwork-09/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
