PLEASE NOTE:

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

 
Calvin Pedzai
 
Comments: 54
Article views: 3968
 
 
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
Breinlekkasie
Paradoxical Judgement of the Fait...

A very interesting observation is that the majority of those who condemn Oscar Pistorius are actually Christians. Read more...

16 comments 471 views
Submitted by
Elma Fourie
High School In Cape Town March to...

At 10:50 today school children marched to the Education Department because they do not have teachers. Read more...

0 comments 159 views
Submitted by
JulianMeyer13
10 ways to get more oomph out of ...

If you feel frustrated with life and the fact that we do not get enough oomph out of it, don’t despair! Read more...

1 comments 145 views
Submitted by
Tinus Groenewald
Make Sport Accessible. No quota's...

You are the minister of sport and therefore, I believe your best interests should be to improve Sport in the country as a whole.  Read more...

1 comments 291 views
Submitted by
Atheitis
A Quick Bible Quiz – Crucifixion ...

Not many Christians plucked up the courage to deal with the contradictions and impossibilities of the Noah story but we did have one guy. Read more...

102 comments 2145 views
Easter death toll

I was amazed yesterday when the Easter 2014 death toll, was very proudly announced that has decreased comparing to last years figures. Read more...

19 comments 1140 views

Jobs in Cape Town [change area]

Property [change area]

Travel - Look, Book, Go!

Escape winter, head to Mauritius

Escape winter by spending 7 nights in Mauritius' tropical bliss from R13 215 per person sharing. Includes return flights, airport transfers and accommodation. Book now!

Kalahari.com - shop online today

Mother’s Day special offers!

Spoil mom with these awesome specials that will warm her heart. Shop now!

Twisp – the smoking alternative

Buy any 2 refills for R250 and save R149. Offer valid while stocks last. Shop now!

25% off bestselling books!

The Real Meal Revolution by Tim Noakes, Jeffrey Archer’s Be Careful What You Wish for, Man’s Search for Meaning by Victor E. Frank and many more titles. Shop now!

Mother’s Day specials on appliances

Browse our range of Mother’s Day appliances to spoil and pamper mom. Offer valid while stocks last. Shop now!

DStv HD PVR Decoder now R949

The DStv HD PVR Decoder has further revolutionised the television experience with lifelike viewing, sharper images, more vibrant colours and precision picture quality. Now R949, save R550. 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.