<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>A deviation on internet technology</title>
	<atom:link href="http://d3viation.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://d3viation.wordpress.com</link>
	<description>Just another WordPress.com weblog</description>
	<lastBuildDate>Sun, 22 Mar 2009 10:19:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='d3viation.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>A deviation on internet technology</title>
		<link>http://d3viation.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://d3viation.wordpress.com/osd.xml" title="A deviation on internet technology" />
	<atom:link rel='hub' href='http://d3viation.wordpress.com/?pushpress=hub'/>
		<item>
		<title>The importance of interface design</title>
		<link>http://d3viation.wordpress.com/2009/03/22/the-importance-of-interface-design/</link>
		<comments>http://d3viation.wordpress.com/2009/03/22/the-importance-of-interface-design/#comments</comments>
		<pubDate>Sun, 22 Mar 2009 10:17:36 +0000</pubDate>
		<dc:creator>deviationmediasolutions</dc:creator>
				<category><![CDATA[Software Development]]></category>
		<category><![CDATA[development cycle]]></category>
		<category><![CDATA[linkedin]]></category>
		<category><![CDATA[user interface]]></category>

		<guid isPermaLink="false">http://d3viation.wordpress.com/?p=3</guid>
		<description><![CDATA[This article gives a small statement about the importance of interface design and why it is often forgotten.<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=d3viation.wordpress.com&amp;blog=6898111&amp;post=3&amp;subd=d3viation&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Software. Everybody uses it during the day. If you are an office clerk or a building constructor, without computers, mobile phones and technology nothing can be done. But what about software development and software design nowadays?</p>
<p>When designing software, the first step is usually to write down the functional requirements, specifying <em>what </em>the software should do. This is done by talking to the client at length, breaking up the general idea into small workable pieces. After the requirements are approved by the client, the software engineer goes back to his office and gets to work.</p>
<p>The software engineer will start by creating what we&#8217;ll call the high level design. It describes the software modules which will solve the client&#8217;s problem, the interaction between these modules and usually a database layout. Often the client is not interested in this design, because he lacks the knowledge of software development to see if the given design meets all requirements.</p>
<p>In more complex projects, a detailed design will then be created. A design which contains more specific information about the techniques which are going to be used, like the .NET framework, JAVA or other languages. Also business rules are written down in detail here and the software development is divided in several separate modules to enable parallel development. The detailed design sometimes also contains some user interface sketches. Most of the time the user interface is not discussed with the client.</p>
<p>At some point, a first version of the software is tested and presented to the customer for feedback. Although some of the feedback is related to functionality, most of it is usually about the user interface. After a few rounds of modifying, testing and more feedback, we get to the first production release.</p>
<p>In the final product, all functionality is present, and the user interface is useable. Although the client has had time to test the user interface, after a while he will notice that some operations require to much steps to perform. These things usually show up only after extensive use, but they can be a major annoyance. The problem here is that the software developer has only limited knowledge of <em>how </em>the software is going to be used.</p>
<p><strong>Problem: the user interface has not been designed with care!</strong></p>
<p>The importance of the user interface is often neglected. But why? It is the only connection of the user to the great piece of software that has been created! The software can be fabulous, bug-free and cutting-edge but if the user interface does not work for the intended audience, it will not be used. A good user interface is often confused with nice graphics, or an easy learning curve. In most cases, they&#8217;re solid advice, but they&#8217;re not suited for everyone.  As an example we can take the unix commandline. Although not suited for casual users, system administrators who know how to use it can use it very efficiently. A mouse driven menu system would only get in the way. OS X on the other hand, has a great mouse-driven interface, and is very much used by graphic designers and desktop users. One thing they get right is consistency, making sure the same functionality is in the same place at all times.</p>
<p>So think about it. What can be improved in most software companies. Not the knowledge of technologies, neither the quality of the software, but the interface. Think from the user who is going to use the software. Do not think: &#8216;how can I implement this requirement&#8217;, but &#8216;how does the user want to do this&#8217;. Then use the latest user interface techniques for your software and do not forget things like:</p>
<ul>
<li>Consistency, don&#8217;t confuse people;</li>
<li>Keyboard only navigation;</li>
<li>Drag-and-drop possibilities;</li>
<li>Use color to focus on the important things;</li>
<li>Draw attention when something happens;</li>
<li>Disable buttons that can&#8217;t be used, don&#8217;t hide them (see point 1).</li>
</ul>
<p>I am sure your clients will be happier!</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/d3viation.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/d3viation.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/d3viation.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/d3viation.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/d3viation.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/d3viation.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/d3viation.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/d3viation.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/d3viation.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/d3viation.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/d3viation.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/d3viation.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/d3viation.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/d3viation.wordpress.com/3/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=d3viation.wordpress.com&amp;blog=6898111&amp;post=3&amp;subd=d3viation&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://d3viation.wordpress.com/2009/03/22/the-importance-of-interface-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/f69c92bb07231a1ec0f3f0ce3fed7095?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">deviationmediasolutions</media:title>
		</media:content>
	</item>
	</channel>
</rss>
