<?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>Danilo Campos.blog &#187; Improvements</title>
	<atom:link href="http://blog.danilocampos.com/category/improvements/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.danilocampos.com</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Wed, 10 Aug 2011 07:33:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Tallymander 1.1 Available Today, Staff Favorite</title>
		<link>http://blog.danilocampos.com/2009/02/17/tallymander-11-available-today/</link>
		<comments>http://blog.danilocampos.com/2009/02/17/tallymander-11-available-today/#comments</comments>
		<pubDate>Tue, 17 Feb 2009 06:21:23 +0000</pubDate>
		<dc:creator>Danilo Campos</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Improvements]]></category>
		<category><![CDATA[iPhone]]></category>

		<guid isPermaLink="false">http://blog.danilocampos.com/?p=127</guid>
		<description><![CDATA[Tallymander 1.1 is now available for download in the App Store. Today one of the most thrilling, humbling and incredibly satisfying moments happened for me: I&#8217;m at a loss for words.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.tallymander.com" target="_blank">Tallymander 1.1 </a>is now available for download in the App Store.</p>
<p>Today one of the most thrilling, humbling and incredibly satisfying moments happened for me:</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-128" title="Tallymander in the App Store" src="http://blog.danilocampos.com/wp-content/uploads/2009/02/picture-8.png" alt="Tallymander in the App Store" width="482" height="368" />I&#8217;m at a loss for words.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.danilocampos.com/2009/02/17/tallymander-11-available-today/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Bank of America: Your iPhone App Sucks</title>
		<link>http://blog.danilocampos.com/2008/09/28/bank-of-america-your-iphone-app-sucks/</link>
		<comments>http://blog.danilocampos.com/2008/09/28/bank-of-america-your-iphone-app-sucks/#comments</comments>
		<pubDate>Mon, 29 Sep 2008 00:13:15 +0000</pubDate>
		<dc:creator>Danilo Campos</dc:creator>
				<category><![CDATA[Improvements]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Mediocrity]]></category>
		<category><![CDATA[Stuff that Sucks]]></category>
		<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://blog.danilocampos.com/?p=26</guid>
		<description><![CDATA[I know you have a lot on your mind lately, what with your bank purchases and the whole of the finance industry falling apart. Still, I'd like to inspire your engineers to embark upon a simple, fun skunkworks project.]]></description>
			<content:encoded><![CDATA[<p>Dear BofA:</p>
<p>I know you have a lot on your mind lately, what with your bank purchases and the whole of the finance industry falling apart. Still, I&#8217;d like to inspire your engineers to embark upon a simple, fun skunkworks project.</p>
<p>You may remember cashing in the iPhone App Store craze with your free BofA app this summer. You did promise to make it less ugly. You haven&#8217;t followed through yet.</p>
<p>Now, we&#8217;re all busy and I sympathize. Making a nice app is hard. So I did the hard part and designed a UI for you. It&#8217;s a gift. Repay me by implementing it and sparing us all the hideous orgy of Times New Roman that is your existing iPhone UI.</p>
<p>Remember, I&#8217;ve done the heavy lifting. This isn&#8217;t hard. You don&#8217;t even need to do it in Cocoa. You can keep using the WebKit display your app currently uses and implement my design in <a href="http://daringfireball.net/2007/06/wwdc_2007_keynote">John Gruber&#8217;s &#8220;shit sandwich.&#8221;</a></p>
<p>Now, the existing home screen is okay.</p>
<p style="text-align: center;"><img class="aligncenter" title="Home" src="http://blog.danilocampos.com/assets/2008/09/IMG_0008.PNG" alt="" width="256" height="384" /></p>
<p style="text-align: left;">It&#8217;s when we actually want to get down to some banking that things go downhill:</p>
<p style="text-align: center;"><img class="aligncenter" title="Login" src="http://blog.danilocampos.com/assets/2008/09/IMG_0009.PNG" alt="" width="256" height="384" /><img class="aligncenter" title="Sitekey" src="http://blog.danilocampos.com/assets/2008/09/IMG_0010.PNG" alt="" width="256" height="384" /></p>
<p style="text-align: center;"><a href="http://blog.danilocampos.com/assets/2008/09/img_0009.png" rel="shadowbox[sbpost-26];player=img;" rel="lightbox[26]"></a><span style="color: #551a8b; text-decoration: underline;"><br />
</span></p>
<p style="text-align: left;">Wow. That&#8217;s a lot of Times. Ugly, small, hard to read. Fix it like this:</p>
<p style="text-align: center;"><img class="aligncenter" title="Login" src="http://blog.danilocampos.com/assets/2008/09/Login-to-Online-Banking.gif" alt="" width="246" height="368" /></p>
<p style="text-align: center;"><img class="aligncenter" title="Sitekey" src="http://blog.danilocampos.com/assets/2008/09/Verify-Sitekey.gif" alt="" width="246" height="368" /></p>
<p style="text-align: left;">Next, let&#8217;s get logged in:</p>
<p style="text-align: center;"><img class="aligncenter" title="Ugly Main Menu" src="http://blog.danilocampos.com/assets/2008/09/IMG_0012.PNG" alt="" width="256" height="384" /></p>
<p style="text-align: left;">Blegh. Let&#8217;s get a tab bar going. Not just because tab bars are handy, which they are, but because making the user tap an area as tiny as those menu links is just cruel to iPhone users:</p>
<p style="text-align: center;"><img class="aligncenter" title="Accounts View" src="http://blog.danilocampos.com/assets/2008/09/Accounts.gif" alt="" width="256" height="384" /></p>
<p style="text-align: left;">There we are. The tab buttons are much easier to strike with a fingertip &#8212; less time wasted by hitting the wrong selection. We&#8217;ll start the user at the accounts breakdown, since your balance is almost always the info you want first. Next, let&#8217;s check out account detail:</p>
<p style="text-align: center;"><img class="aligncenter" title="Ugly Account Detail" src="http://blog.danilocampos.com/assets/2008/09/IMG_0013.PNG" alt="" width="256" height="384" /></p>
<p style="text-align: left;">Painful. Let&#8217;s better group the transaction information and use some visual cues to explain individual entries:</p>
<p style="text-align: center;"><img class="aligncenter" title="Account Detail" src="http://blog.danilocampos.com/assets/2008/09/Account-Detail.gif" alt="" width="256" height="384" /></p>
<p style="text-align: left;">Not so hard. You already use those icons for desktop online banking. Now let&#8217;s transfer funds:</p>
<p style="text-align: center;"><img class="aligncenter" title="Bad Transfer" src="http://blog.danilocampos.com/assets/2008/09/IMG_0014.PNG" alt="" width="256" height="384" /><img class="aligncenter" title="Transfer amount" src="http://blog.danilocampos.com/assets/2008/09/IMG_0015.PNG" alt="" width="256" height="384" /></p>
<p style="text-align: left;">Making the user step through multiple screens for a single task sucks, especially in 2008. Let&#8217;s streamline this:</p>
<p style="text-align: center;"><img class="aligncenter" title="Transfer Funds UI" src="http://blog.danilocampos.com/assets/2008/09/Transfer-Funds.gif" alt="" width="256" height="384" /></p>
<p style="text-align: center;">
<p style="text-align: left;">Better! The user doesn&#8217;t lose track of what&#8217;s going on.</p>
<p style="text-align: left;">Nothing crazy, here, just some simple suggestions based on existing iPhone UI conventions. I hope this helps you guys.</p>
<p style="text-align: left;">
<p style="text-align: left;"><em>I built these mockups using the excellent <a href="http://www.teehanlax.com/blog/?p=447">iPhone UI PSD file</a>. The payroll information above is speculative. I do not work for Apple. Yet.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.danilocampos.com/2008/09/28/bank-of-america-your-iphone-app-sucks/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

