<?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>Jeffrey Magder - Developer Extraordinaire ;-) &#187; User Interface</title>
	<atom:link href="http://jeffmagder.com/category/softwaredev/user-interface/feed/" rel="self" type="application/rss+xml" />
	<link>http://jeffmagder.com</link>
	<description>Software Development, Linux, Mobile Computing and More!</description>
	<lastBuildDate>Thu, 10 Jun 2010 02:01:42 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.3</generator>
		<item>
		<title>User Interfaces – A Developers Responsibility</title>
		<link>http://jeffmagder.com/2010/03/23/user-interfaces-%e2%80%93-a-developers-responsibility/</link>
		<comments>http://jeffmagder.com/2010/03/23/user-interfaces-%e2%80%93-a-developers-responsibility/#comments</comments>
		<pubDate>Wed, 24 Mar 2010 02:52:32 +0000</pubDate>
		<dc:creator>Jeffrey Magder</dc:creator>
				<category><![CDATA[User Interface]]></category>
		<category><![CDATA[GUI]]></category>
		<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://jeffmagder.com/blog/?p=284</guid>
		<description><![CDATA[An argument for the user interface being one of the most essential "features" of any piece of software, be it desktop application or web application]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve recently had many discussions with numerous developers about the importance of fluid, aesthetically pleasing and functional user interfaces.  While there are many opinions and trains of thought on the subject, I&#8217;ve tried to categorize them into three discrete groups.</p>
<p><a href="http://jeffmagder.com/blog/wp-content/uploads/2010/03/UI-evolution.png"><img src="http://jeffmagder.com/blog/wp-content/uploads/2010/03/UI-evolution.png" alt="" title="UI-evolution" width="620" height="226" class="aligncenter size-full wp-image-320" style="margin: 0px;" /></a></p>
<h2><b>Group #1 &#8211; </b><span style="font-weight: normal; font-size: 13px;" mce_style="font-weight: normal; font-size: 13px;"><i>“Whats the point?  Why do you <b>need</b> your application to look good?”<img src="http://jeffmagder.com/blog/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" mce_src="http://jeffmagder.com/blog/wp-includes/js/tinymce/plugins/wordpress/img/trans.gif" class="mceWPmore mceItemNoResize" title="More..."></i></span></h2>
<div class="indent"><span style="font-style: normal;" mce_style="font-style: normal;">This group of people feels that all that matters is the functionality, not how pretty the user interface is.  They value bare bones over beautification.  The OSX, Windows 7 and Compiz interfaces only distract from the simplicity of the boxy windows 3.1, original X Window System, etc.  This group generally considers the interface a waste of resources and not worth their time.</span></div>
<p><span id="more-284"></span></p>
<div class="blankLine"></div>
<h2 style="text-align: left;" mce_style="text-align: left;"><b>Group #2 &#8211; </b><span style="font-weight: normal; font-size: 13px;" mce_style="font-weight: normal; font-size: 13px;"><i>“Cramming in more features and functionality is more important.”</i></span></h2>
<div class="indent"><span style="font-style: normal;" mce_style="font-style: normal;">This group of people appreciates aesthetic value, but usually feels it comes second to features and functionality.  To them the user interface is not really a feature but more a beautification, and certainly not something that developers should worry about.  It is better for a developer to spend all of their time fixing bugs and implementing functionality,  and letting someone else worry about the interface.</span></div>
<div class="blankLine"></div>
<h2><b>Group #3 &#8211; </b><i><span style="font-weight: normal; font-size: 13px;" mce_style="font-weight: normal; font-size: 13px;">“The interface <b>is</b> the functionality”</span></i></h2>
<div class="indent"><span style="font-style: normal;" mce_style="font-style: normal;">This is where I fall in.  This group recognizes that the end user is not necessarily a developer, and places a high value on aesthetic beauty.  We care about choosing the best algorithms and architectures and providing the most elegant solutions just like the other groups. However, we recognize the end user doesn&#8217;t even know what these things are and therefore only cares that the application is at least easy to work with, and at best </span><b><span style="font-style: normal;" mce_style="font-style: normal;">fun </span></b><span style="font-style: normal;" mce_style="font-style: normal;">to use.</span></div>
<div class="blankLine"></div>
<p><a href="http://jeffmagder.com/blog/wp-content/uploads/2010/03/iphone2.png"><img src="http://jeffmagder.com/blog/wp-content/uploads/2010/03/iphone2.png" alt="" title="iphone" width="205" height="350" class="alignright size-full wp-image-325" style="margin-top: 7px;" /></a></p>
<h2><b>Rebuttal for Group #1:</b></h2>
<p>Let us look at the monumental success of the iPhone.  It lacks many things including multitasking and until recently cut and paste!  Yet despite these deficiencies the iPhone quickly gained an ever-growing  religious following.</p>
<p>This enthusiasm has spilled over into the iPad domain.  To me the device is highly crippled relative to the tablet PC&#8217;s I played with over 8 years ago.  Yet Apple has apparently managed to sell one-hundred and twenty <b>thousand </b>units in <b>one </b>day with 99% of those orders coming from those that have never touched the device.</p>
<p>How is all of this possible?  It is because despite missing functionality, the iPhone has a fluid, simple to use, aesthetically beautiful interface.  People expect the same from the iPad, so they flock to it.</p>
<h2><b>Rebuttal for Group #2:</b></h2>
<p>What people in this group may forget is that the aesthetic value of a product may have a huge impact on  usability and functionality.  If someone can&#8217;t find your feature, they certainly aren&#8217;t going to use it no matter how great it is.  Now imagine a text editor that perfectly corrects your grammar, spelling, etc., 100% of the time.  If the interface consists of dark navy blue text on a black background, it will be very difficult to see and therefore people aren&#8217;t going to use this feature for very long.   Present 80% of the functionality with a fluid interface and it shall be used.  Again, drawing from the example of the iPhone, less functionality presented in a easy to use and fluid interface will be appreciated more than insane functionality that is impossible to use.</p>
<h2><b>Koodos for Group #3:</b></h2>
<p>Being a member of this group I am obviously biased, but I am perplexed as to why more people don&#8217;t belong to this group.  Creating scalable, efficient, flowing beautiful interfaces requires a great deal of technical skill.  One must choose the best design patterns to separate the interface from the logic, select the best data structures and protocols for efficient data lookup and retrieval, and implement the right algorithms to provide a smoother interface.</p>
<p>Compare the stock Android UI with the much smoother HTC Sense interface.  Despite having the same or lesser hardware, most people find the HTC Sense interface to be superior.  Put on a custom firmware and even the stock HTC Sense is beaten.  This is made possible because of better algorithm selection, quality design, and artful development.</p>
<p>To support rich interfaces in the web 2.0+ era, HTML, CSS and JavaScript all need to interact with each other in a world of slow JavaScript interpreters and incompatible browsers.  The success of toolkits such as Ext JS is testament to the talents of its developers.  The toolkit has a well designed API making it easy to integrate with.  And beneath that API is a collection of very efficiently written logic that achieves great performance across all browsers on all systems.</p>
<h2><b>Conclusions</b></h2>
<p>As software developers we should always keep the end user in mind.  We should do what we can to become more aesthetically aware, and show pride in our polished interfaces.  Our end users will thank us for it, and a happy customer is a repeat customer.</p>
<div class="tweetthis" style="text-align:center;"><p> <a class="tt" href="http://twitter.com/home/?status=User+Interfaces+%E2%80%93+A+Developers+Responsibility+http%3A%2F%2Fjeffmagder.com%2F%3Fp%3D284" title="Post to Twitter"><img class="nothumb" src="http://jeffmagder.com/blog/wp-content/plugins/tweet-this/icons/en/twitter/tt-twitter-micro3.png" alt="Post to Twitter" /></a> <a class="tt" href="http://delicious.com/post?url=http://jeffmagder.com/2010/03/23/user-interfaces-%e2%80%93-a-developers-responsibility/&amp;title=User+Interfaces+%E2%80%93+A+Developers+Responsibility" title="Post to Delicious"><img class="nothumb" src="http://jeffmagder.com/blog/wp-content/plugins/tweet-this/icons/en/delicious/tt-delicious-micro3.png" alt="Post to Delicious" /></a> <a class="tt" href="http://digg.com/submit?url=http://jeffmagder.com/2010/03/23/user-interfaces-%e2%80%93-a-developers-responsibility/&amp;title=User+Interfaces+%E2%80%93+A+Developers+Responsibility" title="Post to Digg"><img class="nothumb" src="http://jeffmagder.com/blog/wp-content/plugins/tweet-this/icons/en/digg/tt-digg-micro3.png" alt="Post to Digg" /></a> <a class="tt" href="http://www.facebook.com/share.php?u=http://jeffmagder.com/2010/03/23/user-interfaces-%e2%80%93-a-developers-responsibility/&amp;t=User+Interfaces+%E2%80%93+A+Developers+Responsibility" title="Post to Facebook"><img class="nothumb" src="http://jeffmagder.com/blog/wp-content/plugins/tweet-this/icons/en/facebook/tt-facebook-micro3.png" alt="Post to Facebook" /></a> <a class="tt" href="http://reddit.com/submit?url=http://jeffmagder.com/2010/03/23/user-interfaces-%e2%80%93-a-developers-responsibility/&amp;title=User+Interfaces+%E2%80%93+A+Developers+Responsibility" title="Post to Reddit"><img class="nothumb" src="http://jeffmagder.com/blog/wp-content/plugins/tweet-this/icons/en/reddit/tt-reddit-micro3.png" alt="Post to Reddit" /></a> <a class="tt" href="http://stumbleupon.com/submit?url=http://jeffmagder.com/2010/03/23/user-interfaces-%e2%80%93-a-developers-responsibility/&amp;title=User+Interfaces+%E2%80%93+A+Developers+Responsibility" title="Post to StumbleUpon"><img class="nothumb" src="http://jeffmagder.com/blog/wp-content/plugins/tweet-this/icons/en/su/tt-su-micro3.png" alt="Post to StumbleUpon" /></a></p></div>]]></content:encoded>
			<wfw:commentRss>http://jeffmagder.com/2010/03/23/user-interfaces-%e2%80%93-a-developers-responsibility/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

