<?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>Flakasoft &#187; Designer Tips</title>
	<atom:link href="http://flakasoft.com/category/designer-tips/feed/" rel="self" type="application/rss+xml" />
	<link>http://flakasoft.com</link>
	<description>Dedicated team of iPhone and mobile application developers with years of experience producing quality software.</description>
	<lastBuildDate>Sat, 31 Mar 2012 01:54:56 +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>iPhone, iPad, and Android Design Standards, and When to Break Them</title>
		<link>http://flakasoft.com/designer-tips/standards-and-when-to-break-them/</link>
		<comments>http://flakasoft.com/designer-tips/standards-and-when-to-break-them/#comments</comments>
		<pubDate>Mon, 28 Feb 2011 17:52:14 +0000</pubDate>
		<dc:creator>kyleyoungblom</dc:creator>
				<category><![CDATA[Designer Tips]]></category>

		<guid isPermaLink="false">http://flakasoft.com/?p=485</guid>
		<description><![CDATA[When designing the Transit &#038; Trails app for iOS devices, we wanted to create a look consistent with the branding already established by the Transit &#038; Trails website. When it comes to designing interfaces, however, you&#8217;ve got to be careful not to come up with totally unfamiliar concepts and run the risk of confusion, a ...]]></description>
			<content:encoded><![CDATA[<p><a href="http://flakasoft.com/wp-content/uploads/2011/02/List-View@x2.png"><img src="http://flakasoft.com/wp-content/uploads/2011/02/List-View@x2-150x150.png" alt="flakasoft : iphone app developer List View@x2 150x150 iPhone, iPad, and Android Design Standards, and When to Break Them" title="List View@x2" width="150" height="150" class="alignleft size-thumbnail wp-image-491" /></a>When designing the <a href="http://flakasoft.com/portfolio/transit-trails/">Transit &#038; Trails app</a> for iOS devices, we wanted to create a look consistent with the branding already established by the <a href="http://www.transitandtrails.org">Transit &#038; Trails website</a>. When it comes to designing interfaces, however, you&#8217;ve got to be careful not to come up with totally unfamiliar concepts and run the risk of confusion, a steep learning curve, and an ultimately less usable product. Creativity is necessary for good design, but it has to be balanced with careful attention to the platform and to users&#8217; expectations. To that end, here are some thoughts to keep in mind when designing for iOS:</p>
<ul>
<li><strong>Use standard UI elements whenever possible, and keep them in standard locations on the screen.</strong> People tend to look for back buttons on the left of the top bar, for example, and submit buttons on the right. If you break these conventions, be sure to do so with good reason.</li>
<p><br/></p>
<li><strong>Customization can be applied to existing elements without diverging too much from the familiar and expected.</strong> In the T&#038;T app, we applied subtle textures and color changes without outright replacing the original buttons and backgrounds.</li>
<p><br/></p>
<li><strong>Take inspiration from first-party designs</strong> (in this case, Apple). Compare what you&#8217;ve created with the stock iOS elements included in your app; the look of any custom designs should be in keeping with these established styles.</li>
<p><br/></p>
<li><strong>Look for intuitive ways to grow beyond the traditional feature set</strong>. A good example is Loren Brichter&#8217;s implementation of &#8220;pull to refresh&#8221; in Twitter (formerly Tweetie). Brichter took the &#8220;rubber band&#8221; effect already present in iOS and built upon it, allowing users the option of scrolling beyond the top of a list in order to trigger a page refresh. This clever solution takes advantage of existing user habits, creating novel functionality while remaining consistent with the established logic of the platform.</li>
<p><br/></p>
</ul>
<p>Of course, there are plenty of exceptions to the concepts mentioned above. You may well run into a situation that calls for a completely new UI element, or you may want to create your own UI from scratch and abandon the established model altogether. Whatever your objective, it&#8217;s important to consider the habits that users have developed on a platform, and to diverge from the norm with intention and planning.</p>
]]></content:encoded>
			<wfw:commentRss>http://flakasoft.com/designer-tips/standards-and-when-to-break-them/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

