<?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>How to make iPhone Apps and Influence People &#187; Usability</title>
	<atom:link href="http://blog.jcmultimedia.com.au/tag/usability/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.jcmultimedia.com.au</link>
	<description>Musings on the iPhone development process</description>
	<lastBuildDate>Thu, 18 Aug 2011 22:58:16 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>A lot of transport apps are confusing and inconsistent</title>
		<link>http://blog.jcmultimedia.com.au/2009/12/a-lot-of-transport-apps-are-confusing-and-inconsistent.html</link>
		<comments>http://blog.jcmultimedia.com.au/2009/12/a-lot-of-transport-apps-are-confusing-and-inconsistent.html#comments</comments>
		<pubDate>Thu, 03 Dec 2009 06:50:56 +0000</pubDate>
		<dc:creator>Jesse</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[UI Design]]></category>

		<guid isPermaLink="false">http://blog.jcmultimedia.com.au/?p=27</guid>
		<description><![CDATA[TweetThere's no shortage of apps that will take your 1-4 dollars and let you sift through lists of stations or tap on a map and work out a way for you to get from A to B in your given city. I've been working with a pile of transport apps leading up to Seoul City [...]]]></description>
			<content:encoded><![CDATA[<div class="tw_button" style=";float:right;margin-left:10px;"><a href="http://twitter.com/share?url=http%3A%2F%2Fbit.ly%2F9KmH1A&amp;via=sirjec&amp;text=A%20lot%20of%20transport%20apps%20are%20confusing%20and%20inconsistent&amp;related=sirjec:Jesse+Collis+on+Twitter&amp;lang=en&amp;count=horizontal&amp;counturl=http%3A%2F%2Fblog.jcmultimedia.com.au%2F2009%2F12%2Fa-lot-of-transport-apps-are-confusing-and-inconsistent.html" class="twitter-share-button"  style="width:55px;height:22px;background:transparent url('http://blog.jcmultimedia.com.au/wp-content/plugins/wp-tweet-button/tweetn.png') no-repeat  0 0;text-align:left;text-indent:-9999px;display:block;">Tweet</a></div><p>There's no shortage of apps that will take your 1-4 dollars and let you sift through lists of stations or tap on a map and work out a way for you to get from A to B in your given city.</p>
<p>I've been working with a pile of transport apps leading up to Seoul City Metro and I've noticed a lot of similar transport apps fall into the trap of implementing too many non standard UI elements or offer too many different ways to do the same thing at the cost of consistency.</p>
<p>Non standard interfaces are not uncommon as developers decide not to adhere to the apple Human Interface Guidelines and roll their own half baked Us. I I have found some great examples of non-scalable, non standard implementations that are so bland and basic (or crazy and complex) that it's hard to know what you're doing or what you just did. The time required to lean these UIs is frustrating to say the least.</p>
<div id="attachment_42" class="wp-caption aligncenter" style="width: 346px"><a href="http://blog.jcmultimedia.com.au/wp-content/uploads/2009/12/IMG_0982.PNG"><img class="size-full wp-image-42 " title="Non Standard UI" src="http://blog.jcmultimedia.com.au/wp-content/uploads/2009/12/IMG_0982.PNG" alt="Great example of very non-standard UI" width="336" height="224" /></a><p class="wp-caption-text">Great example of very non-standard UI</p></div>
<p>My second issue with the current state of transport apps is the compromise made to consistency to offer multiple ways of accessing the same functionality.</p>
<p>Most transport apps provide you with a list of stations you can select via searching or scrolling through via a 'Stations' Tab Bar icon. This interface is then repeated via a 'Routes' Tab bar icon and quite often you can also access the 'Stations' via the 'Lines' Tab Bar icon. My problem with this solution is when the selection of a station name in a list looks the same and behaves differently.</p>
<div class="wp-caption alignleft" style="width: 202px"><img title="London Tube App" src="http://blog.jcmultimedia.com.au/wp-content/uploads/2009/12/IMG_0984.PNG" alt="IMG_0984" width="192" height="288" /><p class="wp-caption-text">Two ways to begin a route visible here.</p></div>
<p>As is often the case, selecting a station from the 'Stations' tab gives you a detailed overview of the station. In the case of the 'Route' tab it skips the details and provides you with the same interface over again to select another station.</p>
<p>A lot of apps have about 3 ways you can enter into the 'route calculation loop' and I find this overlap pointless and confusing.</p>
<p>Another example is when applications let you tap on a map and use the selection as a 'route start' or 'route end' and then take you to a list or an overlay of the route you've selected. This can be a great feature except when you can get to the same map that behaves differenty via three other Tab Bar icons.</p>
<p>In the case of applications with a tab bar interface you can end up with the same screen of information appearing on all or most of the tabs at once by navigating through each Tab Bar icon independently. This is not a good user experience because clicking on a tab bar icon saying 'Stations' can be showing a map if thats how the user haphazardly left it.</p>
<p>My approach to a transport app (although only in it's first iteration) focuses on the soul purpose of directing the user towards selecting stations. The user will be given ways to select a station by map, name, or nearby then be presented with the detailed view of the station in order to decide what to do with it. After the user has completed an action their selected station (set as route start, or route end), the user navigates back to the main menu to select a second station. Only when a route has been completed are they presented with a 'view route' option.</p>
<div id="attachment_47" class="wp-caption alignright" style="width: 202px"><a href="http://blog.jcmultimedia.com.au/wp-content/uploads/2009/12/SeoulCityMetroV1_eng-1.PNG"><img class="size-full wp-image-47 " title="SeoulCityMetroV1_eng - 1" src="http://blog.jcmultimedia.com.au/wp-content/uploads/2009/12/SeoulCityMetroV1_eng-1.PNG" alt="Straight forward navigation structure" width="192" height="288" /></a><p class="wp-caption-text">Straight forward navigation structure</p></div>
<p>So rather than a Tab Bar I have used a single navigation structure to direct the user down a single path at a time to select a station. This provides the user with a linear way of working, keeping them from getting confused between 5 or more tabs that all do similar, overlapping things (and could all be displaying a map at that particular point in time).</p>
<p>I think it saves the user mental processing too. The maximum menu depth a user can get to to view a calculated route is only three screens deep, and if they have used a route before they can get to the calculated route in only two steps. The worst case in the application above (London Tube) can require you to navigate through 5 different screens to view a route and then you need to go back through the whole 5 to start again.</p>
<p>I think simplifying transport apps is the way to go, working and thinking about how to do this all the time.</p>
<p>If you've read this far - thank you! This post just touches on my thoughts about current transport apps and their inconsistencies, I'm keen on posting more of my thoughts as development of my transport apps continue.</p>
<p>Seoul City Metro should be hitting the App Store around December 14th. Follow <a href="http://twitter.com/seoulmetroapp">@seoulmetroapp</a> on twitter for updates!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.jcmultimedia.com.au/2009/12/a-lot-of-transport-apps-are-confusing-and-inconsistent.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

