Canara Bank Website — Case Study

Canara Bank Website — Case Study — UX Perspective

Internet Banking is an electronic payment system.

Any individual can make financial transactions from anywhere with online banking. Customers can check their bank account, make payments and move funds from one bank account to the other through internet banking.

Apart from the convenience, online banking offers a host of other benefits too: Saves time, Allows you to do financial transactions 24x7, Complete safety, and Mobile access.

And hence day by day the number of customers using net banking is increasing. It is important to provide a good experience to the user while using these websites.

For this study I have tried to analyse the “Canara.com” and “Canara.in” Home pages.

Who are the users?

• People who have access to secure internet connections.
• Who have to transfer fund immediately or
• to someone who is far away
• People who make donations
• Paying taxes, utility bills, insurance premium

Some Key Observations on the first look of the landing page:

• Overriding of information
• Prominently distinguished sections,
• Lack of common design language, as in icons and Glyphicons
• Non-intuitive links and icons
• Random usage of font size and colours
• Too much of space utilised for the advertisements
• Login/ Create account is not very prominent on the main screen
• It is not properly designed to be responsive

Current Design Evaluation:

Analysis of the Home Screen for ‘Canara.com’ Screen

Summary of the above analysis:

1. The scrolling disclaimer may not be suitable for many users as it doesn’t give enough time to read
2. Clicking on any of these links leads to new page with more options, all this can be collected in a dropdown format, making the inner content visible on the home screen itself
3. The logo placed is too big and occupying too much of space
4. News letter is less important than the other activities on net banking site
5. No affordance to show there is more content below it — except small ‘not so visible’ scroll
6. Some of the list members are important for the users to directly read them, but they are not easily visible on the left panel
7. The image in centre; does not have any clickable links and hence acts only as advertisement causing unwanted distraction ; There is no control on the UI of the Carousel as it is automatic and many users will have to wait for the same page to come back; The image quality is poor in the carousel, it is squeezed and hence the readability is reduced; The important links are taking space below the advertisement.
8. The chatbot icon does not represent ‘chat’ rather ‘call’. And it does not goes with the theme of the website
9. Glyph-icons used are not of same font family (on left side of the page)
10. Few of the icons on the shortcut- show/hide panel in the right do not indicate their actual function need and hence creating confusion
11. PayBill logo is used instead of an icon, hence breaking the design language for the list, also not inviting to click it
12. This is an important section placed below the News Feed and getting less exposure compared to the advertisement section

Summary of the above analysis:

1. Overriding of information. Most of these links are already included in the Home screen itself
2. This image is not required as it only indicated that this section is for services, a background image could be better rather than dedicating a space for it
3. The three different sections for the “Services”, can be grouped together to save space easily accessible
4. There are all scrollable plus auto-scroll contents, taking too much of space and causing distraction for the user
5. There is a ‘scroll to top’ button which is getting hidden behind the chat icon

Summary of the above analysis:

1. ‘Photo gallery’ is kind of floating on top of ‘service section’ and ‘footer’ reducing the clarity and visibility
2. The text label for the “photo gallery” is highlighted more than most other important elements on this page, which is not required
3. Too scattered elements on footer
4. This section looks completely different from rest of the sections
5. Clickable links but are not inviting
6. The links on the footer are least visible and less inviting, giving it least importance, and few are repetitive

Analysis of the Home Screen for ‘Canara.in’ Screen

………………..

Summary of the above analysis:

1. Warning messages floating on the screen requires the use to wait for the message to flow
2. The logo placed is too big and occupying too much of space
3. Glyph-icon used for “Products/Mobile app info” is more commonly recognised as warning sign
4. This section is clickable and directs to 3 different urls, but currently it doesn’t welcomes to user to click this.
5. Login is visible but Create new profile is not visible without the scroll of the home page
6. The hide and show button is too big and not collapsible hence blocking the more important content behind it
7. Glyph-icons used does not follow the same design language (on left side of the page)
8. These bullets looks like there are further nested list
9. There is a link to Pay Bill thorough Bharat BillPay(BBPS), here the link looks more of an advertisement that it supports BBPS
10. The alert message at the footer looks some ‘not so important’ footer informations
11. These download links looks like sponsors of the website.
12. The show and hide button doesn’t follow and design language on this screen
13. The website is not a responsive design
14. Online Service: The list items are scattered, the payment and account opening are intermixed creates confusion
15. All links under ‘Grievance Redressal’ are leading to the same URL link

Goal:

1. A more simple and dedicated look and field
2. Reduce the number of links on the home screen
3. Remove unwanted advertisement or provide a less yet catchy space for it
4. Follow a design language
5. A responsive website which can work on different screen sizes
6. The user should be able to sign in/sign up without search for these action items
7. Important links/alert messages should be visible to the user instead of making them to wait to read the messages
8. All sections on the home page should follow a design language too

…………………………………………………………………………………….

Thank you for Visiting.

Note: This study is only based on my analysis and understanding of user experience design. I am looking forward to breakdown the website at component level in-order to analyse it more clearly from UX point.

You can help me with your suggestions and feedback on my analysis at the comment section.

Happy Reading :)