<?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>Tim Wayne &#187; User Interface</title>
	<atom:link href="http://blog.hisnameistimmy.com/category/user-interface/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.hisnameistimmy.com</link>
	<description></description>
	<lastBuildDate>Fri, 27 Jan 2012 16:04:01 +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>San Francisco Fire Credit Union account signup user interface issues</title>
		<link>http://blog.hisnameistimmy.com/san-francisco-fire-credit-union-account-signup-user-interface-issues/1837</link>
		<comments>http://blog.hisnameistimmy.com/san-francisco-fire-credit-union-account-signup-user-interface-issues/1837#comments</comments>
		<pubDate>Sun, 02 Oct 2011 21:56:10 +0000</pubDate>
		<dc:creator>Tim Wayne</dc:creator>
				<category><![CDATA[User Interface]]></category>

		<guid isPermaLink="false">http://blog.hisnameistimmy.com/?p=1837</guid>
		<description><![CDATA[I signed up for an account today with San Francisco Fire Credit Union. I wrote about this decision here. (Since this is a UI post, I want to keep the political stuff separate.) I like writing about UI issues. It&#8217;s &#8230; <a href="http://blog.hisnameistimmy.com/san-francisco-fire-credit-union-account-signup-user-interface-issues/1837">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img class="size-thumbnail wp-image-1838 alignleft" title="sl" src="http://blog.hisnameistimmy.com/wp-content/uploads/2011/10/sl-150x150.jpg" alt="" width="150" height="150" /></p>
<p>I signed up for an account today with San Francisco Fire Credit Union. <a href="/on-bank-of-america-wells-fargo-not-being-a-hypocrite/1851">I wrote about this decision here</a>. (Since this is a UI post, I want to keep the political stuff separate.)</p>
<p>I like writing about UI issues. It&#8217;s often the only way to adequately describe a problem. It also saves the call center from having to listen to my complaining.</p>
<p>So, let&#8217;s dive in.</p>
<p>The new-account signup process is pretty straightforward:</p>
<ul>
<li>User is informed there will be a five dollar fee to open up account.</li>
<li>User selects what type of accounts he wants (I picked four of them: checking, savings, money market, and a really neat one called &#8220;holiday savings&#8221; that&#8217;s basically a Christmas fund)</li>
<li>User picks password</li>
<li>User offered overdraft protection</li>
<li>User shown TOS, EULA, Fees, Disclosures and Agreements (which, by the way, were in plain English)</li>
<li>User fills out personal information on successive screens</li>
<li>Review page</li>
<li>Several pages where they check user&#8217;s identity against others with the same name (this was a series of yes/no questions)</li>
<li>Account approved screen</li>
<li>User presented with offer for Home Equity line of credit (I said no)</li>
<li>User selects how to fund new account (Credit Card and some other choice, I forget)</li>
<li>User inputs payment information</li>
<li>User presented with Deposit Information and final approval button</li>
</ul>
<p>This seems like a lot of steps but it&#8217;s really not, considering you&#8217;re opening a bank account and they need all this info. And it was mostly pretty quick.</p>
<p>I ran into the first problem with picking a password.</p>
<p><img class="alignnone size-full wp-image-1842" style="border-width: 1px; border-color: black; border-style: solid;" title="SFFCUpassword" src="http://blog.hisnameistimmy.com/wp-content/uploads/2011/10/SFFCUpassword1.png" alt="" width="536" height="118" /></p>
<p>SFFCU uses a 1990&#8242;s password philosophy: between 6 and 10 characters. This is insecure. <strong>My Wells Fargo password is 32 characters long</strong>.</p>
<p>I don&#8217;t want to make light of this issue by referring to a cartoon, but <a href="http://xkcd.com/936/">XKCD explains this</a> better than I ever could:</p>
<div id="attachment_1843" class="wp-caption alignnone" style="width: 160px"><a href="http://xkcd.com/936/"><img class="size-thumbnail wp-image-1843 " title="password_strength" src="http://blog.hisnameistimmy.com/wp-content/uploads/2011/10/password_strength-150x150.png" alt="" width="150" height="150" /></a><p class="wp-caption-text">Click to see original</p></div>
<p><strong>Encountering low character limits on passwords is aggravating</strong>, especially when it&#8217;s for a site that stores my financial information. It causes fear, uncertainty and doubt in the minds of users who are savvy when it comes to security &#8211; a population that is growing. I give thumbs-up for allowing special characters but I&#8217;d really like to see the limit increased north of 22 characters. There&#8217;s no reason not to (it&#8217;s not like longer passwords take up a whole lot of space).</p>
<p>The next issue I ran into was inputing payment information to fund the account.</p>
<p><img class="alignnone size-full wp-image-1844" title="SFFCUcreditcardfield" src="http://blog.hisnameistimmy.com/wp-content/uploads/2011/10/SFFCUcreditcardfield.png" alt="" width="588" height="280" /></p>
<p>There&#8217;s a javascript running on this page which prevents me from copy/pasting my credit card information into the fields on this page. Obviously, this is not a big deal, but it is a little annoying. It means I have to leave the computer, find my wallet, get the credit card out, and input the numbers manually and hope I don&#8217;t make a mistake. I tried to turn off the javascript but that just broke the page altogether. Arggghh!</p>
<p>The next issue I ran into was at the end screen, User presented with Deposit Information and final approval button:</p>
<p><img class="alignnone size-full wp-image-1845" title="SFFCUmultiplefeesforaccounts" src="http://blog.hisnameistimmy.com/wp-content/uploads/2011/10/SFFCUmultiplefeesforaccounts.png" alt="" width="576" height="286" /></p>
<p>I didn&#8217;t realize it cost five bucks each to open all of these accounts. I got the impression from the first screen that it would cost only five bucks total. No big deal, I&#8217;ll simply back up and un-select all but one account. But here&#8217;s where I ran into an issue that made me have to start over from the beginning: I could only back up three screens, to the funding selection screen:</p>
<p><img class="alignnone size-full wp-image-1846" title="SFFCUcouldonlybackuptohere" src="http://blog.hisnameistimmy.com/wp-content/uploads/2011/10/SFFCUcouldonlybackuptohere.png" alt="" width="350" height="351" /></p>
<p>There is no way to back up before the Funding Selection screen. The user has to abandon the process and start over. Again, not a big deal, and probably an oversight somewhere. Still, I can&#8217;t imagine this doesn&#8217;t cause at least a small amount of form-abandonment.</p>
<p>There are also a few CSS issues here and there that tell me the UI designer did not conduct sufficient cross-browser testing, issues like these:</p>
<p><img class="alignleft size-full wp-image-1847" style="border-width: 1px; border-color: black; border-style: solid;" title="alsobad" src="http://blog.hisnameistimmy.com/wp-content/uploads/2011/10/alsobad.png" alt="" width="85" height="64" /><img class="alignleft size-full wp-image-1848" style="border-width: 1px; border-color: black; border-style: solid;" title="bad 2" src="http://blog.hisnameistimmy.com/wp-content/uploads/2011/10/bad-2.png" alt="" width="161" height="52" /><img class="alignleft size-full wp-image-1849" style="border-width: 1px; border-color: black; border-style: solid;" title="bad" src="http://blog.hisnameistimmy.com/wp-content/uploads/2011/10/bad.png" alt="" width="115" height="80" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Overall, except for the password limitation, I don&#8217;t think any of this is terrible. Although these sorts of issues would be unforgivable in a national bank like Wells Fargo (the bank I&#8217;m leaving), SFFCU is a local Credit Union and they probably do not have the resources to conduct any user testing of their UI. But I think they should find a way. User testing is important. Sometimes it can suss out issues.</p>
<p>Regardless, I&#8217;m now an SFFCU account holder. I&#8217;m hoping I&#8217;ll be a happy one. I never had any issues with Wells &#8211; their Haight branch is super friendly and I like the convenience of them being so close by. But it&#8217;s time to <a href="/on-bank-of-america-wells-fargo-not-being-a-hypocrite/1851">put my money where my mouth is and support a local business</a>.</p>
<h2>UPDATE</h2>
<p>I was sent a PDF of a signature card to fax in. I printed it out on my scanner/printer, filled it out, scanned it back into the scanner/printer, and emailed the PDF.</p>
<p>A short time later, I got an email back saying,</p>
<p style="padding-left: 30px;"><em>HI Tim,</em></p>
<p style="padding-left: 30px;"><em>Please fax it to us or send it. For security reasons, I cannot except a scanned emailed version of your signature card for any emailed membership information can be intercepted. Please fax to 41-674-4691 or send to: 3201 California Street San Francisco, CA 94118.</em></p>
<p style="padding-left: 30px;"><em>Thank you,</em></p>
<p>This is hilarious!</p>
<p>It&#8217;s 2011. I haven&#8217;t seen a fax machine in almost a decade and it&#8217;s been <strong>well over</strong> a decade since I&#8217;ve used one. Does anyone still send Faxes? We have email now!  Email is better. The resolution is limitless. It&#8217;s in color. It doesn&#8217;t use paper unless you tell it to. Fax machines were a plague and we are good to be rid of them.</p>
<p>The part about intercepting an attachment is interesting. I suppose it is possible if the email is going from a POP-account to another POP-account and you had one of the servers in between, AND if you knew when the email was going to be sent, AND if you could <a href="http://en.wikipedia.org/wiki/Man-in-the-middle_attack">man-in-the-middle</a> the files, alter them, and send them on quickly (a lot of if&#8217;s). But  a gmail attachment?  <em>gmail has never had an interception</em>. When gmail is proven to be insecure, it will be on the front page of the New York Times.</p>
<p>I suppose I can go through the trouble of signing up for an <a href="http://www.efax.com/">efax</a> account and go through exactly the same process: emailing efax my document and having efax send the fax machine a fax of my document. But efax charges to send faxes.</p>
<p>I considered asking her to print out the email, walk it over to the fax machine and drop it in the <em>received</em> tray, but I doubt she would get my pithy humor. Also, I don&#8217;t like to mock underlings for dumb decisions by management. Often these security rules are industry best-practices and are just part of the institution.</p>
<p>I think the best way to handle this will be to rely on snail mail. It&#8217;s half a buck and a trip down to the mail box and I guess I could use the exercise. I&#8217;ll grab a latte on the way back.</p>
<h2>UPDATE #2</h2>
<p>I just got a call from a very nice lady who told me that they can, in fact, accept my signature card by email. She called me, on a Sunday night no less, to tell me not to go through the trouble of snail-mailing my card in.</p>
<p>WOW!</p>
<p>I have been a member of this bank for less than 6 hours and I&#8217;m already loving them!</p>
<p>I will be turning up the heat on my friends to jump ship from their to0-big-to-fail banks.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.hisnameistimmy.com/san-francisco-fire-credit-union-account-signup-user-interface-issues/1837/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Facebook + Safari FAIL</title>
		<link>http://blog.hisnameistimmy.com/facebook-safari-fail/58</link>
		<comments>http://blog.hisnameistimmy.com/facebook-safari-fail/58#comments</comments>
		<pubDate>Thu, 28 Jan 2010 18:49:01 +0000</pubDate>
		<dc:creator>Tim Wayne</dc:creator>
				<category><![CDATA[FAIL]]></category>
		<category><![CDATA[Mac]]></category>
		<category><![CDATA[User Interface]]></category>

		<guid isPermaLink="false">http://blog.hisnameistimmy.com/?p=58</guid>
		<description><![CDATA[My damn Safari browser is supposed to stay logged in to Facebook, right? 8:30 AM. I follow a link in Gmail to a facebook comment. I am greeted by this: And then a couple hours later, when I am checking &#8230; <a href="http://blog.hisnameistimmy.com/facebook-safari-fail/58">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>My damn Safari browser is supposed to stay logged in to Facebook, right?</p>
<p>8:30 AM. I follow a link in Gmail to a facebook comment. I am greeted by this:</p>
<p><a href="http://blog.hisnameistimmy.com/wp-content/uploads/2010/01/0830.png" rel="shadowbox[post-58];player=img;"><img class="alignnone size-thumbnail wp-image-59" title="0830" src="http://blog.hisnameistimmy.com/wp-content/uploads/2010/01/0830-150x150.png" alt="" width="150" height="150" /></a></p>
<p>And then a couple hours later, when I am checking my email, I see another link to another Facebook comment. So I follow it. I get this screen instead:</p>
<p><a href="http://blog.hisnameistimmy.com/wp-content/uploads/2010/01/1100.png" rel="shadowbox[post-58];player=img;"><img class="alignnone size-thumbnail wp-image-60" title="1100" src="http://blog.hisnameistimmy.com/wp-content/uploads/2010/01/1100-150x150.png" alt="" width="150" height="150" /></a></p>
<p>and then again at 2:30, following another link in my email to FB:</p>
<p><a href="http://blog.hisnameistimmy.com/wp-content/uploads/2010/01/1430.png" rel="shadowbox[post-58];player=img;"><img class="alignnone size-thumbnail wp-image-61" title="1430" src="http://blog.hisnameistimmy.com/wp-content/uploads/2010/01/1430-150x150.png" alt="" width="150" height="150" /></a></p>
<p>&#8230;.and again at 5:00 PM:</p>
<p><a href="http://blog.hisnameistimmy.com/wp-content/uploads/2010/01/1700.png" rel="shadowbox[post-58];player=img;"><img class="alignnone size-thumbnail wp-image-62" title="1700" src="http://blog.hisnameistimmy.com/wp-content/uploads/2010/01/1700-150x150.png" alt="" width="150" height="150" /></a></p>
<p>Obviously, it&#8217;s easy to put in my password. But I&#8217;d rather the damn browser save it. Like Firefox does.</p>
<p>Stupid Safari.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.hisnameistimmy.com/facebook-safari-fail/58/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

