PLEASE NOTE:

MyNews24 is a user-generated section of News24.com. The stories here come from users.

 
Calvin Pedzai
 
Comments: 54
Article views: 4001
 
 
Latest Badges:


 
View all Calvin Pedzai's badges.
 

FNB's new website

26 July 2013, 20:28
I bank with First National Bank, the most “innovative” bank in South Africa but their latest move could not be termed anywhere in the innovative bracket. FNB released on 14 July, its revamped online banking website offering a responsive design to give a more enhanced experience for users on mobile devices. However, the new site has been met with several problems including unavailability of services and navigation issues, sparking widespread criticism.

It seems they missed a couple of tricks. In this post, I shed some light to how FNB could have rolled out their new offering, in a much better way by taking User experience into proper consideration.

FNB Company objectives

Lee-Anne van Zyl, FNB Online Banking CEO stated that they had reviewed banking sites across the world to benchmark themselves and expected to increase their online banking customers with this new platform. Their core aim was to make FNB the first truly scalable banking site on the continent, to shape banking experiences on mobile devices much better. In my opinion these are valid objectives and make a lot of sense towards the expansion of the brand across Africa. So what went wrong?

Complaints about the FNB site

Comments from Facebook expressed bad experiences due to the navigation, confusing tablet design and errors on the site. One response to these complaints from FNB which made me laugh was “We are confident that the more you experience the FNB site the more  you will appreciate ease and flow of performing a transaction”. Oh my.

If users have a bad experience, obviously they will not continually use it in the hope it gets better. Ease and flow of a banking experience should be dictated by its design and content strategy from the start.

The performing of a transaction is only part of the banking experience, as is clearly seen in a real bank. How clean the bank is, its staff and how the bank runs, adds a huge weighting to the experience whether or not I transact.

Just a couple more before we move on to how FNB could have approached this revamp.


On HelloPeter users had this to say
“The website is full of errors, I cant even view my transactions? The website font is poor and text resolution is pathetic. The old website was a winner. Please discipline the director who signed this hopeless website to go live. Or shoot the designers, your choice”.

“…it is very cluttered and nothing is where it used to be…then I tried being positive about it and check out the tutorials and guess what I find. ..they don’t correspond with the website. I develop applications for a living and know from previous experience to not roll out before everything is tested…I am utterly disgusted! Roll back to the old version is all I can say!”

“Why did the site go live without performing aggressive testing. Why isn’t the old website being published back online until all testing have been completed and the site is fully functional???”.

Its clear to see from these responses the problem not only lies with the design but the whole system its built on, being not so robust. I am sure you know of badly designed applications or sites which still get the job done well. So what should they have considered?

1. User needs

I have to say the first time I saw the site, I thought someone was playing a sick joke. But no, it was the new site. As a UX/UI designer for a digital agency, we have learnt to design applications based on what tasks users need to do. The first place to start was to understand the user and what they do on the current site (which FNB did. 300 participants in total) and why they do it, then focus on the business objectives. Using a user centric approach enables one to keep what is not broken working, while making way for new innovations. FNB seemed to have done the research but forgot to use it effectively.

2. Understanding Responsive design

To be fair, the FNB site actually resizes and rearranges its content very well. However Responsive design is not just about rearranging content to fit a smaller screen. Responsive design requires software development teams to focus on only the most important data and actions in an application for a mobile device. In one word. Prioritization. The context of a mobile user has to be taken into consideration. Their network signal, battery power, screen size and the environment they are using the device. The generally means very seldom does the same and all the functionality on the desktop view exist on a mobile device version. This is where Responsive design gives a true competitive advantage to other banks loading the whole site in a small screen. Even FNB’s mobile app developers understand this and have produced a smaller more streamlined offering of the main site’s functionality.

3. Gradual change

This is a major piece of the whole revamping process that FNB missed by a long shot. The previous site followed good web design practices and patterns whereas the new site is quite a drastic change from the original site. Naturally people do not like change and anything too drastic is jarring and will create emotions of anger, frustration and eventually abandonment. So how have big brands like Facebook and Google done it? Gradually. Small changes at particular intervals go a long way towards reassuring a customer the brand is still the same.

Areas of improvement for new FNB site

Responsive design encourages designers and developers to think mobile first then desktop view but it seems FNB got stuck on and ran with a tablet view. Here are a couple of bad web patterns only on the homepage that I feel could have been fixed.

  • Logo placement is smaller and at the bottom of the page. One would mistake the site for a phishing scam. Sorry that was a low blow but someone has to say it.
  • 5 menu levels have been reduced to two without re-categorizing sections resulting in a cluttered interface at the top
  • Search is small and on the left along with social media links
  • No clear indication to what is a button and what is a text field
  • Main content section has grey “gaps” which adds visually to the confusion
  • A help or tour guide to the new features would have been useful

I still believe FNB will learn from what their customers are saying and bring that magic. Already there are compliments around how the experience within the site has improved and that is a definite plus.

To read the original article and see the design I created for FNB go to http://developertodesigner.wordpress.com/2013/07/22/how-fnb-could-have-designed-their-new-website/.



Disclaimer: All articles and letters published on MyNews24 have been independently written by members of News24's community. The views of users published on News24 are therefore their own and do not necessarily represent the views of News24. News24 editors also reserve the right to edit or delete any and all comments received.
 

Read News24’s Comments Policy

24.com publishes all comments posted on articles provided that they adhere to our Comments Policy. Should you wish to report a comment for editorial review, please do so by clicking the 'Report Comment' button to the right of each comment.

Comment on this story
54 comments
Add your comment
Comment 0 characters remaining

Read more from our Users

Submitted by
MSithole
I remember my atheist friend

I had a friend. He said he had now changed into an atheist. I asked him why he had become an atheist when there is overwhelming evidence in the systems of life which we cannot explain fully.  Read more...

179 comments 1785 views
Submitted by
Buntu Gotywa
Bafana Bafana

I have to say Mr Mashaba is brave man judging by his first Bafana Bafana selection.  Read more...

2 comments 115 views
Submitted by
Tracy Scheepers
A Facebook Sabbatical

What would life be without a love hate relationship that we could not live with or without? Read more...

5 comments 111 views
Submitted by
Pierre Willemse
Rugby 4 Nations: ARG vs SA - 23 A...

The main reason given for the low scoring first game between the Springboks and Argentina was the inclement weather which made handling the ball very difficult. Read more...

0 comments 213 views
Submitted by
Gideon Joubert
Fixing the Firearms Control Act

The Firearms Control Act of 2000, which was forced upon the SAPS and South African gun owners, is clearly not working the way its architects intended it to.  Read more...

47 comments 1407 views
Submitted by
ChiefDavid
Does South Africa need military/s...

The role of the SANDF is always misunderstood by many people especially people who are not part of the Defence force. Read more...

12 comments 724 views

Jobs in Cape Town [change area]

Property [change area]

Travel - Look, Book, Go!

Magical Massinga

Spend 5 nights at the gorgeous Massinga Beach Lodge in Mozambique and only pay for 4 from R13 220 per person sharing. Includes return flights, accommodation, transfers and romantic turndown. Book now!

Kalahari.com - shop online today

20% off all TV Series!

Want to have a chilled day at home? Get 20% off TV series, the perfect excuse to "veg out". Shop now!

Save R700 on the Hisense LED TV Now R2499

Get the Hisense 32” HD ready LED TV for only R2499. Offer valid while stocks last. Shop now!

Up to 40% off fashion accessories

Save up to 40% on selected handbags, purses, watches, jewellery and more. Offer valid while stocks last. Shop now!

Save up to R2000 on top electronics

Get every day mind bowing savings on top electronics. Offer valid while stocks last. Shop now!

As seen on TV - New book releases at only R199 each

Get mind blowing book savings on new titles. Offer valid while stocks last. Shop now!

OLX Free Classifieds [change area]

Samsung Galaxy s4

Mobile, Cell Phones in South Africa, Western Cape, Cape Town. Date October 24

Best bargain in big bay

Real Estate, Houses - Apartments for Sale in South Africa, Western Cape, Cape Town. Date October 25

VW Golf 6, 1.6 Trendline (Excellent condition)

Vehicles, Cars in South Africa, Western Cape, Cape Town. Date October 25

 

services

E-mail Alerts The latest headlines in your inbox

RSS feeds News delivered really simply.

Mobile News24 on your mobile or PDA

E-mail Newsletters You choose what you want

News24 on your iPhone Get News24 headlines on your iPhone.

SMS Alerts Get breaking news stories via SMS.

Blogs Your opinion on you, me and everyone.

Calais Website keywords automated by OpenCalais.

 
Interactive Advertising Bureau
 
© 2014 24.com. All rights reserved.
There are new stories on the homepage. Click here to see them.
 
English
Afrikaans
isiZulu

Hello 

Create Profile

Creating your profile will enable you to submit photos and stories to get published on News24.


Please provide a username for your profile page:

This username must be unique, cannot be edited and will be used in the URL to your profile page across the entire 24.com network.

Settings

Location Settings

News24 allows you to edit the display of certain components based on a location. If you wish to personalise the page based on your preferences, please select a location for each component and click "Submit" in order for the changes to take affect.








Facebook Sign-In

Hi News addict,

Join the News24 Community to be involved in breaking the news.

Log in with Facebook to comment and personalise news, weather and listings.