<?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>The Gungle &#187; UI</title>
	<atom:link href="http://www.thegungle.com/b/category/ui/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.thegungle.com/b</link>
	<description>Ben Green makes nice with technology and humans</description>
	<lastBuildDate>Sun, 29 Jan 2012 08:05:19 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Some mobile design resources</title>
		<link>http://www.thegungle.com/b/2009/06/some-mobile-design-resources/</link>
		<comments>http://www.thegungle.com/b/2009/06/some-mobile-design-resources/#comments</comments>
		<pubDate>Mon, 29 Jun 2009 08:02:56 +0000</pubDate>
		<dc:creator>Ben Green</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Links]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://www.thegungle.com/b/?p=456</guid>
		<description><![CDATA[Mobile Web Design Trends For 2009 Mobile Awesomeness Interesting to note that most all of the visual design goodness in Mobile Awesomeness is iPhone.]]></description>
			<content:encoded><![CDATA[<ul>
<li><a href="http://www.smashingmagazine.com/2009/01/13/mobile-web-design-trends-2009/">Mobile Web Design Trends For 2009</a></li>
<li><a href='http://www.mobileawesomeness.com/'>Mobile Awesomeness</a></li>
</ul>
<p>Interesting to note that most all of the visual design goodness in Mobile Awesomeness is iPhone.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thegungle.com/b/2009/06/some-mobile-design-resources/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Usable forms for the mobile web</title>
		<link>http://www.thegungle.com/b/2009/06/usable-forms-for-the-mobile-web/</link>
		<comments>http://www.thegungle.com/b/2009/06/usable-forms-for-the-mobile-web/#comments</comments>
		<pubDate>Sun, 28 Jun 2009 00:27:29 +0000</pubDate>
		<dc:creator>Ben Green</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Forms]]></category>
		<category><![CDATA[Text Entry]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[Words]]></category>

		<guid isPermaLink="false">http://www.thegungle.com/b/?p=442</guid>
		<description><![CDATA[At the beginning of the year I wrote an article for User Experience magazine&#8217;s Usable Forms issue. The print magazine has been floating around for a while and the website just got updated with details of the new issue. The online extract includes some of the footnote links slightly out of context. Nonetheless, it&#8217;s kind [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.thegungle.com/b/wp-content/uploads/2009/06/2009-2_140x181.jpg" alt="Usable Forms: User Experience Magazine" title="Usable Forms: User Experience Magazine" align="right" width="140" height="181" class="alignright size-full wp-image-444" /><br />
At the beginning of the year I wrote an article for User Experience magazine&#8217;s Usable Forms issue. The print magazine has been floating around for a while and the website just got updated with <a href="http://www.upassoc.org/upa_publications/user_experience/past_issues/2009-2.html">details of the new issue</a>. </p>
<p><a href="http://www.upassoc.org/upa_publications/user_experience/past_issues/2009-2.html#green">The online extract</a> includes some of the footnote links slightly out of context. Nonetheless, it&#8217;s kind of good that they&#8217;re there, because <a href="http://www.punchcut.com/index.php">Punchcut</a> and <a href="http://www.littlespringsdesign.com/">Barbara Ballard</a> have always been great references for me.</p>
<p><a href="http://www.infodesign.com.au/">Gerry Gaffney</a> was a great editor; he patiently helped me forge something coherent and focused.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thegungle.com/b/2009/06/usable-forms-for-the-mobile-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Samsung i7500 Video</title>
		<link>http://www.thegungle.com/b/2009/05/samsung-i7500-video/</link>
		<comments>http://www.thegungle.com/b/2009/05/samsung-i7500-video/#comments</comments>
		<pubDate>Tue, 12 May 2009 23:10:56 +0000</pubDate>
		<dc:creator>Ben Green</dc:creator>
				<category><![CDATA[Android]]></category>
		<category><![CDATA[Devices]]></category>
		<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://www.thegungle.com/b/?p=390</guid>
		<description><![CDATA[Boy Genius Report have a video of the Samsung i7500, the first non-HTC Android phone. Thoughts: It has a lot of buttons There&#8217;s no sliding keyboard, and no stylus The camera is 5 MP, it has a flash It has video but it doesn&#8217;t focus It probably doesn&#8217;t have GPS &#8220;The keyboard is not really [...]]]></description>
			<content:encoded><![CDATA[<p>Boy Genius Report have a <a href="http://www.boygeniusreport.com/2009/05/10/straight-from-singapore-the-samsung-i7500-gets-captured-on-video/">video of the Samsung i7500</a>, the first non-HTC Android phone.</p>
<p>Thoughts:</p>
<ul>
<li>It has a lot of buttons</li>
<li>There&#8217;s no sliding keyboard, and no stylus</li>
<li>The camera is 5 MP, it has a flash</li>
<li>It has video but it doesn&#8217;t focus</li>
<li>It probably doesn&#8217;t have GPS</li>
<li>&#8220;The keyboard is not really that good yet&#8230;&#8221;</li>
<li>When you&#8217;re taking a photo, it shows you a preview of the previous photo taken. Which is weird.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.thegungle.com/b/2009/05/samsung-i7500-video/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flickr: Lessons Learned while Building an iPhone Site</title>
		<link>http://www.thegungle.com/b/2008/11/flickr-lessons-learned-while-building-an-iphone-site/</link>
		<comments>http://www.thegungle.com/b/2008/11/flickr-lessons-learned-while-building-an-iphone-site/#comments</comments>
		<pubDate>Sun, 09 Nov 2008 23:24:01 +0000</pubDate>
		<dc:creator>Ben Green</dc:creator>
				<category><![CDATA[Blogroll]]></category>
		<category><![CDATA[Devices]]></category>
		<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://www.thegungle.com/b/?p=333</guid>
		<description><![CDATA[Point 3 &#8211; &#8220;Donâ€™t Build for Just One Device&#8221;. For me, this is a real indication of progress, because the whole mobile web game to date has been massive effort to support multipe devices. Luckily the current generation of high-end mobile browsers is excellent in terms of support for modern features. Many phones use a [...]]]></description>
			<content:encoded><![CDATA[<p>Point 3 &#8211; &#8220;Donâ€™t Build for Just One Device&#8221;. For me, this is a real indication of progress, because the whole mobile web game to date has been massive effort to support multipe devices.</p>
<blockquote><p>Luckily the current generation of high-end mobile browsers is excellent in terms of support for modern features. Many phones use a WebKit derivative, including the iPhone, and Symbian and Android phones. Other phones either come with or can use Opera Mobile or the new mobile version of Firefox (called Fennec). For the most part, very few changes are needed in order to support these browsers.</p></blockquote>
<p><a href="http://code.flickr.com/blog/2008/10/27/lessons-learned-while-building-an-iphone-site/" title="Code.Flickr article">Code.Flickr article</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.thegungle.com/b/2008/11/flickr-lessons-learned-while-building-an-iphone-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A good visual example of the improved mobile experience the iPhone offers</title>
		<link>http://www.thegungle.com/b/2008/11/a-good-visual-example-of-the-improved-mobile-experience-the-iphone-offers/</link>
		<comments>http://www.thegungle.com/b/2008/11/a-good-visual-example-of-the-improved-mobile-experience-the-iphone-offers/#comments</comments>
		<pubDate>Sun, 02 Nov 2008 04:07:32 +0000</pubDate>
		<dc:creator>Ben Green</dc:creator>
				<category><![CDATA[Apple]]></category>
		<category><![CDATA[Blogroll]]></category>
		<category><![CDATA[Devices]]></category>
		<category><![CDATA[Text Entry]]></category>
		<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://www.thegungle.com/b/?p=324</guid>
		<description><![CDATA[Wesabe have a helpful page that shows some key interactions from the mobile and iPhone services. This is demonstrated by a short description accompanying a screenshot from an iPhone and a Motorola Razr (early version methinks). The Motorola has a pretty ordinary web experience, so it&#8217;s not the strongest contender the regular mobile device world [...]]]></description>
			<content:encoded><![CDATA[<p>Wesabe have a helpful page that shows some key interactions from the mobile and iPhone services. This is demonstrated by a short description accompanying a screenshot from an iPhone and a Motorola Razr (early version methinks).</p>
<p><img id="image325" src="http://www.thegungle.com/b/wp-content/uploads/2008/11/picture-6.png" alt="Wesabe iPhone and Mobile demo screenshots" border="1" /></p>
<p>The Motorola has a pretty ordinary web experience, so it&#8217;s not the strongest contender the regular mobile device world could have offered up in this unintentional side-by-side, but the improvements apparent in the screenshots probably have pretty wide application across smartphones.</p>
<p>The iPhone layout is consistent and logical, it&#8217;s seems easier to know where you are, what actions are available and what information is available. The Motorola squanders alot of screenspace on browser info and soft key labels and there appears to scrolling for all but the most basic of screens.</p>
<p>The difference in the readability of text is remarkable, and the form buttons look like buttons, and so benefit from people not having to learn a visual language different to large-screen web conventions.</p>
<p>And at a glance you&#8217;d surmise that the above would mean the propensity for errors &#8211; be it entering your password, or adding a transaction, or navigating to the page you need &#8211; would be lower for the iPhone. If you were thinking about where to devote your energies in mobile web platforms, getting a sense of the difference in experiences is really useful alongside knowing your audience and what they like.</p>
<p><a href="https://www.wesabe.com/page/mobile" title="Wesabe Mobile">Wesabe Mobile</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.thegungle.com/b/2008/11/a-good-visual-example-of-the-improved-mobile-experience-the-iphone-offers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>For the John Bonham nerds</title>
		<link>http://www.thegungle.com/b/2008/10/for-the-john-bonham-nerds/</link>
		<comments>http://www.thegungle.com/b/2008/10/for-the-john-bonham-nerds/#comments</comments>
		<pubDate>Tue, 14 Oct 2008 01:59:13 +0000</pubDate>
		<dc:creator>Ben Green</dc:creator>
				<category><![CDATA[Blogroll]]></category>
		<category><![CDATA[Music]]></category>
		<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://www.thegungle.com/b/?p=310</guid>
		<description><![CDATA[The Astonishing Tribe phone unlocking concepts include this: Which is the perfect excuse to embed this:]]></description>
			<content:encoded><![CDATA[<p><a title="TaT YouTube Channel" href="http://www.youtube.com/user/TATMobileUI">The Astonishing Tribe</a> phone unlocking concepts include this:</p>
<p><object width="425" height="349"><param name="movie" value="http://www.youtube.com/v/cwERJhvqRV8&#038;hl=en&#038;fs=1&#038;color1=0x2b405b&#038;color2=0x6b8ab6&#038;border=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/cwERJhvqRV8&#038;hl=en&#038;fs=1&#038;color1=0x2b405b&#038;color2=0x6b8ab6&#038;border=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="349"></embed></object></p>
<p>Which is the perfect excuse to embed this:</p>
<p><object width="425" height="349"><param name="movie" value="http://www.youtube.com/v/cRuTcnd8YLU&#038;hl=en&#038;fs=1&#038;color1=0x2b405b&#038;color2=0x6b8ab6&#038;border=1"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/cRuTcnd8YLU&#038;hl=en&#038;fs=1&#038;color1=0x2b405b&#038;color2=0x6b8ab6&#038;border=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="349"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.thegungle.com/b/2008/10/for-the-john-bonham-nerds/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Vocal Joystick</title>
		<link>http://www.thegungle.com/b/2008/10/vocal-joystick/</link>
		<comments>http://www.thegungle.com/b/2008/10/vocal-joystick/#comments</comments>
		<pubDate>Tue, 14 Oct 2008 01:56:01 +0000</pubDate>
		<dc:creator>Ben Green</dc:creator>
				<category><![CDATA[Interactivity]]></category>
		<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://www.thegungle.com/b/?p=312</guid>
		<description><![CDATA[&#8230;an interdisciplinary team of scientists of the University of Washington (UW) has developed Vocal Joystick, a software which enables people with disabilities to control their computers using the sound of their voice and without the need to use a mouse. via ZDNet]]></description>
			<content:encoded><![CDATA[<p><img alt="Vocal Joystick" id="image311" src="http://www.thegungle.com/b/wp-content/uploads/2008/10/uw_vocal_joystick.jpg" /></p>
<blockquote><p>&#8230;an interdisciplinary team of scientists of the University of Washington (UW) has developed Vocal Joystick, a software which enables people with disabilities to control their computers using the sound of their voice and without the need to use a mouse.</p></blockquote>
<p>via <a href="http://blogs.zdnet.com/emergingtech/?p=1063" title="Using your voice to pilot your computer">ZDNet</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.thegungle.com/b/2008/10/vocal-joystick/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Firefox Mobile</title>
		<link>http://www.thegungle.com/b/2008/10/firefox-mobile/</link>
		<comments>http://www.thegungle.com/b/2008/10/firefox-mobile/#comments</comments>
		<pubDate>Sun, 12 Oct 2008 20:29:46 +0000</pubDate>
		<dc:creator>Ben Green</dc:creator>
				<category><![CDATA[Blogroll]]></category>
		<category><![CDATA[Online]]></category>
		<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://www.thegungle.com/b/?p=309</guid>
		<description><![CDATA[ReadWriteWeb have some screenshots of Firefox on windows mobile.]]></description>
			<content:encoded><![CDATA[<p>ReadWriteWeb have some <a href="http://www.readwriteweb.com/archives/screenshots_of_firefox_mobile_for_windows_mobile_finally_surface.php" title="Screenshots of Firefox Mobile for Windows Mobile Finally Surface">screenshots of Firefox on windows mobile</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thegungle.com/b/2008/10/firefox-mobile/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Demo of Clutter from Maemo 5</title>
		<link>http://www.thegungle.com/b/2008/09/demo-of-clutter-from-maemo-5/</link>
		<comments>http://www.thegungle.com/b/2008/09/demo-of-clutter-from-maemo-5/#comments</comments>
		<pubDate>Wed, 24 Sep 2008 23:40:06 +0000</pubDate>
		<dc:creator>Ben Green</dc:creator>
				<category><![CDATA[Blogroll]]></category>
		<category><![CDATA[Client Applications]]></category>
		<category><![CDATA[Nokia]]></category>
		<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://www.thegungle.com/b/?p=291</guid>
		<description><![CDATA[&#8220;One of the most significant additions in Maemo 5 is the Clutter library, which facilitates rapid development of rich graphical user interfaces. Support for Clutter on top of OpenGL ES 2.0 will enable developers to completely redefine the Maemo user experience. Clutter provides a scene-graph system and frame-based animation engine for displaying and manipulating graphical [...]]]></description>
			<content:encoded><![CDATA[<blockquote><p>&#8220;One of the most significant additions in Maemo 5 is the Clutter library, which facilitates rapid development of rich graphical user interfaces. Support for Clutter on top of OpenGL ES 2.0 will enable developers to completely redefine the Maemo user experience. Clutter provides a scene-graph system and frame-based animation engine for displaying and manipulating graphical elements. It can be used to implement rich visual effects and sophisticated interactive user interfaces that stretch beyond the boundaries of conventional widget toolkits.&#8221;</p>
<p><a target="_blank" title="Clutter Demo" href="http://git.moblin.org/repos/users/pippin/screencasts/2008-06-25.html">Clutter Demo</a></p></blockquote>
<p><embed src="http://git.moblin.org/repos/users/pippin/screencasts/FlowPlayerDark.swf?config=%7Bembedded%3Atrue%2CbaseURL%3A%27http%3A%2F%2Fgit%2Emoblin%2Eorg%2Frepos%2Fusers%2Fpippin%2Fscreencasts%27%2CvideoFile%3A%27http%3A%2F%2Fmoblin%2Eorg%2Frepos%2Fusers%2Fpippin%2Fscreencasts%2F2008%2D06%2D25%2Eflv%27%2CinitialScale%3A%27scale%27%2CcontrolBarBackgroundColor%3A%270x000000%27%2CautoPlay%3Atrue%7D" width="600" height="360" scale="noscale" bgcolor="111111" type="application/x-shockwave-flash" allowFullScreen="true" allowScriptAccess="always" allowNetworking="all" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></p>
<blockquote><p>&#8220;The extreme versatility of Clutter makes it highly conducive to innovative user interface design, but also creates some challenges. There are no constraints to ensure basic consistency between Clutter-based user interfaces. Nokia will have to provide some clearly-defined guidelines so that third-party developers will be able to make Clutter user interfaces that don&#8217;t detract from the visual cohesion of the platform.&#8221;</p></blockquote>
<p>src <a href="http://arstechnica.com/news.ars/post/20080924-nokia-will-bring-bling-and-finger-friendliness-to-maemo-5.html">Nokia will bring bling and finger-friendliness to Maemo 5</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.thegungle.com/b/2008/09/demo-of-clutter-from-maemo-5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>DePo Masthead Theme</title>
		<link>http://www.thegungle.com/b/2008/09/depo-masthead-theme/</link>
		<comments>http://www.thegungle.com/b/2008/09/depo-masthead-theme/#comments</comments>
		<pubDate>Tue, 23 Sep 2008 02:14:15 +0000</pubDate>
		<dc:creator>Ben Green</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Online]]></category>
		<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://www.thegungle.com/b/?p=289</guid>
		<description><![CDATA[Derek Powazek, who&#8217;s DePo Clean Theme The Gungle is using launched DePo Masthead on the 12th September. It looks great &#8211; what a guy. Pioneers online communities and now rad WP themes.]]></description>
			<content:encoded><![CDATA[<p><a title="Powazek" href="http://powazek.com/">Derek Powazek</a>, who&#8217;s DePo Clean Theme The Gungle is using launched <a title="DePo Masthead Theme Launch" href="http://en.blog.wordpress.com/2008/09/12/depo-masthead-theme-launch/">DePo Masthead</a> on the 12th September.</p>
<p>It looks great &#8211; what a guy. Pioneers online <a title="Fray" href="http://fray.com/">communities</a> and now rad WP themes.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thegungle.com/b/2008/09/depo-masthead-theme/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

