Design: Financial Websites that Work on PC Monitors, Laptops, Tablets and Smartphones

imageThe browser was supposed to make web design simple, at least in terms of page layout. But it’s always been tough to keep up with changing screen sizes, varying resolutions, and frustrating differences between browsers.

Liquid layouts that adjust automatically to the available screen real estate have been a huge help. But then along came the mobile browser, complicating everything both by their small size and by the two viewing modes, portrait and landscape. 

But it’s not an insurmountable problem. Square is one financial company that’s doing it right. It’s website looks just as good on a 10-inch iPad2 screen as it does on a 24-inch monitor (see screenshot #1 to 4 below).

To make it work, copy and navigation options must be kept to a bare minimum. Square uses a catchy background image of its reader in use, then has an info box that "floats" depending on the screen size. It even works in portrait mode on the iPad (screenshot #4).

Of course, it’s much easier to pull off for a one-product company like Square than for a commercial bank with dozens of business lines.

But even Square had to make compromises on its smartphone layout (see inset above). Instead of asking for contact info, the company simply instructs users to download one or both of its apps: Square or Card Case.

Relevance for Netbankers: We are about to see a flood of redesigned websites using new design and programming techniques (e.g. HTML5). Citibank was the first major U.S. bank to simplify its design. Discover just emailed users today with a sneak preview of its pared down design (screenshot #6). And it already had a relatively clean design (screenshot #5).

—————————-

1. Square homepage on 24-inch monitor

Square homepage on 24-inch monitor

2. Square on 12-inch laptop

Square homepage on 12-inch laptop

3. Square iPad landscape

 Square homepage on iPad landscape

4. Square iPad portrait

 Square on ipad (portrait)

5. Discover homepage (current)

Discover current homepage (18 Oct 2011)

6. Discover new (coming soon)

New Discover homepage

————————————–

Note: We cover financial website and mobile design issues periodically in our Online Banking Report (subscription).

Complexity in Financial Services: Can We Really Bank Simple?

Financial confusion Despite the best intentions of governments worldwide, does anyone really believe that consumer financial services will become simpler anytime soon?

Yet, I’ve been intrigued by Bank Simple and apparently, so have many others. Evidently, Twitter/Square founder Jack Dorsey and TechCrunch founder Michael Arrington talked about Bank Simple on stage at the TechCrunch Disrupt conference this week.

While most articles are hopeful, first-mover skeptics have already posted counterpoints to the startup’s “motherhood and apple pie” messaging (make sure you read the comments on Ron Shevlin’s post).

I can’t remember any financial entity, other than those with celebrity founders (Square, Revolution Money, Virgin Money) receiving this much attention before it even launched (note 1).

imageI still don’t know exactly what Bank Simple will offer. Certainly, they have a great name and a positioning that’s right for the times. But can they live up to it? Basic banking really is pretty simple. You deposit some cash, earn some interest, then take it out and give it someone else. Rinse. Repeat.

Innovation often creates complexity
Banking got complicated only when new features were introduced. People got tired of going to the bank, pulling cash out of the vault, and hauling it around to pay people. So checks were invented. Payment became much easier, and personal security greatly enhanced. And as a nice by-product, the returned check was the first PFM tool, serving as a handy authenticated record of who was paid for what, when.

That worked great for a couple generations, but then too many people wrote too many bad checks and it started to become a slow and cumbersome process to identify yourself at the point of sale. So debit cards came along to speed the purchasing process, fight fraud, and return some fee income to the issuing banks (note 2). And the electronic records of merchant name and SIC code made record keeping even easier, originally on paper statements and now online.

Those two innovations, checks and debit cards, really helped consumers save time and hassle. But did they make finances simpler? Not really. Those payment services led to NSF/overdraft fees, PIN vs. signature decisions, card authorizations, check-hold times, float, authorization holds, chargebacks, annual fees, check-printing fees, positive pay, reverse positive pay, remote deposit capture, mobile remote deposit capture, Quicken, My Spending Report, Mint, interchange regulation. The list goes on and on.

It may not be simple, but no one (except visitors to this UAE hotel) is going back to carrying gold nuggets to the general store to buy crackers out of a barrel.

Technology MIGHT be the answer
Technology advances often bring wonderful, sometimes life-altering, benefits (think electricity or water purification), but often at a cost of increased complexity. As much as I love, love, love the Internet, it’s not known for its overall ease of use.

But there’s a glimmer of hope on the horizon, and you are carrying it in your purse, pocket, or briefcase.

The smartphone.

I’m still amazed at my iPhone after more than 2.5 years of continual use (note 3). It’s the one and only device I’ve owned that makes life better AND simpler, albeit at a hefty monthly fee.

And I believe mobile apps will ultimately make banking better AND simpler. Why?

  • The phone knows who you are and where you are, vastly simplifying authentication at the point of sale and reducing fraud significantly.
  • The phone (via real-time links to the bank and retailer) knows exactly how much money you have and what you are buying, virtually eliminating overdrafts and unknowingly overspending.
  • The phone can provide an instant, secure way to pay any person or any business, with immediate settlement.
  • The phone has built-in scanning capabilities for depositing checks, capturing receipts, documenting insurance claims, etc.
  • The phone has access to every database on the planet to assist in shopping, evaluating, financing, insuring and closing any deal for any thing.
  • And if you have a question about any of the above, just speak into the device and you’ll get an answer in moments via voice recognition self-service.

So yes, there is hope for banking/financial simplification, and I think it will almost exclusively come through mobile apps with the occasional visit to an online mission control (note 4). So if you want to compete with Bank Simple, or Bank of America for that matter, get cracking on your mobile strategy (note 5).

Notes:
1. Now that Twitter’s Alex Payne has been added as a co-founder, Bank Simple could probably be classified as a celebrity-founded company.
2. I’m still using my first-gen phone bought in Oct. 2007. The battery is still very strong, the touch-screen virtually unmarked, system performance seems unchanged, and it only crashes a couple times every year despite being carried, set down, and tucked away day in and day out.
3. This is a vast oversimplification of the move to debit cards, but the point is they disrupted checks at the point of sale.
4. If you are still unconvinced that mobile will overtake online for banking tasks, here’s a thought:  Consider how often you go online now to check the local weather. A waste of time — right? — when all you have to do is press a button on your smartphone. The same near-instant response will happen for basic banking info.
5. In our Online Banking Report, we’ve published several reports on mobile banking strategies.

Banks Shutout on iPad Opening Day, But Square is There

image After months of hearing about the iPad, I finally got my hands on one Saturday afternoon. It’s a great piece of technology, but if you have an iPhone, you pretty much already know what it’s like.

While the iPad runs all 150,000 apps available for the iPhone, developers are encouraged to produce iPad-optimized versions to take advantage of the significantly bigger-screen real estate.

When you open the App Store on the iPad, it focuses almost entirely on iPad apps. You have to do a specific keyword search to find non-iPad apps that work on the iPhone.

And I was surprised that neither banks nor credit unions are represented among the 30 Finance category apps available on April 3 (see screenshots below), a situation likely to be rectified with a flood of banking and credit union iPad apps during the next few months. It’s definitely a place you want your brand represented (note 1).

imageThe only big financial services brand that made it to bat on opening day was E*Trade MobilePro (which hit the store last Thursday), and another trading app, iStockManager, to be used with TD Ameritrade.  Bloomberg, too, had its popular info app available on day 1 (see screenshots below for all 30 finance apps).                                       

The biggest surprise in the iPad Finance category was Square, the much-touted card-to-card payments service from Twitter’s founder, which released its iPad app on April 1 (see inset). We’ll be testing Square this month and hopefully using it to take last-minute credit card payments at our upcoming FinovateSpring Conference.                                                                                  Square’s iPad app

The 30 iPad finance category apps available on the launch day (3 April 2010)
(Note: Organized by “featured”)
Page 1: Apps 1-12                                                     Page 2: Apps 13-24image   image

Page 3: Apps 25-30

image

Note: For more coverage of mobile banking and payments, see the most recent issue from Online Banking Report.