Many banking websites occupy a space on the web that seems resolutely stuck in the recent past.
Most of the popular high street banks don’t operate responsively designed desktop sites, instead choosing a separate mobile site.
Many have homepages that are text heavy, offering a huge array of navigation and product options, but little in the way of persuasive design.
Some don’t even allow you the option to apply for an account online.
Usability is above everything else in design. The most tastefully austere website with innovative micro-UX to spare may be impressive for us web design fetishists, but if a visitor has to spend ages trying to figure out your navigation and ends up not being able to achieve what they (or your site) intended then your web design has failed.
Perhaps the greatest thing about our modern digital world is that many of our previously difficult, lengthy and inaccessible processes are being transformed into ones that can be done in a matter of minutes at our own convenience. Just take a look at how Gov.uk has transformed government services.
Gov.uk manages to achieve this easy, distraction-free user experience whilst operating an uncluttered, fully responsive and simple website.
When it comes to digital transformation, the financial services industry above all else should be making similar strides in making its services and products accessible to any person, at any time of day, via the most convenient channel for the individual user.
However, many banks could also do with updating the design of their sites so they are much more user friendly and easy to navigate.
Of course banking websites also have to achieve something else that the Gov.uk doesn’t have to worry about, they have to sell a product.
So it’s a difficult balance to maintain: accessible products and services, delivered through a simple, easy-to-use interface while at the same time persuading new visitors they definitely should bank with them.
Lloyds has gone the non-responsive route for its desktop site, but it does operate a standalone mobile site.
The same goes for HSBC…
Aesthetically the most obvious thing that stands out for these two brands is how neither has altered its look to embrace more contemporary flat or tiled design.
But then this is all very fashionable, and of course the problem is with fashion is that it passes.
Flat, tiled design came from a need to make content work across multiple screen sizes on responsively designed sites. Tiles can be resized and rearranged much more easily than any other shape.
If the Lloyds and HSBC sites work just as well on a desktop as they do on a smaller screen and their products and features are easily accessible then that’s the most important thing.
On the Lloyds Bank site, it’s clear that you’re in the personal banking section, and if I want to find information on its current accounts this is accessible from two points: the products and services tab and from the hoverable buttons below which open up with further information.
Over at HSBC, current account info can be found under the Everyday Banking tab on the top nav.
Both of these sites could do with simplifying their on-page offerings, there’s a surfeit of information, messages and navigation options which could be streamlined to make for a more user friendly experience.
HSBC and Lloyds however do offer you the option of opening a current account online.
In fact HSBC’s product page is very persuasive, with clearly laid-out information and a terrific call-to-action.
Transfer these buttons and this level of clarity to the homepage and HSBC’s site would improve greatly.
For Lloyds, the full information about its different current accounts is hidden beneath the fold, and that information suffers from poor visibility and layout.
As an example of best practice, take a look at Barclay’s fully responsive site.
Barclays has the confidence to highlight just two products here, with key benefits clearly highlighted, with bold calls-to-action and evocative imagery.
If neither of these products are what you’re looking for, the navigation is clear enough to lead you to the right destination without any distraction or clutter.
The wording across the top nav makes it completely obvious where you need to go: ‘Bank’, ‘Borrow’, ‘Insure’ etc.
And of course it’s fully responsive, so Barclays doesn’t need to build and maintain two separate sites. In fact if you so wish to, the responsive web-form is so good you can apply for a bank account on your mobile.
This provides every one of the components I mentioned earlier: ease of use, accessible services from all devices, and a very persuasive product. All from a single solution.