Published 15 April 2025
Usability Assessment
Scope - Performing usability testing on the
following website Landing pages
HDFC Landing Page Usability testing
Link 1 :- https://www.hdfcbank.com/
Using 10 laws of heuristic evaluation by jacob neilson
Visibility of system statu
Match between system and the real worl
User control and freedo
Consistency and standard
Error preventio
Recognition rather than recal
Flexibility and efficiency of us
Aesthetic and minimalist desig
Help users recognize, diagnose, and recover from error
Help and documentation
Issues Recorded Under Visibility of system status :-
The lack of clear navigation or indicators between pages causes users to feel
disoriented, as they receive no feedback about their current location within the
site or the progress of their action. This undermines the visibility of system
status, making it difficult for users to understand where they are, how they got
there, or what to do next
The absence of consistent navigation elements or breadcrumbs leaves users
confused about their current position within the website hierarchy
Navigation menus do not reflect the current page the user is on—there’s no
active state or highlighted tab. This affects the user's ability to identify their
location, especially on large sites, and weakens the visibility of their position in
the system.
Proposed Fixes :-
Implement a persistent global navigation bar that remains visible across all pages
for consistent orientation
Add a breadcrumb navigation trail at the top of each page, especially on multi-
level pages (e.g., Home > Services > Credit Cards)
Apply a clear “active state” visual treatment to the current tab or menu item (e.g.,
bold text, underline, background color).
Match between system and the real world :-
After clicking on the EMI Calculator, users are presented with an interface that
does not resemble or function like a typical calculator used in real-life scenarios.
The unfamiliar layout, terminology, and flow create confusion, as it fails to align
with users’ mental models and expectations of how a calculator should operate
The top-level tabs labeled "Personal," "NRI," "SME," "Wholesale," and "Agri"
resemble standard navigation menus, but they actually function as user-type
filters. This mismatch between appearance and behavior can mislead users, as it
does not align with typical web navigation patterns or user expectations,
potentially causing confusion about the site’s structure and content.
Proposed Fixes :-
Redesign the EMI calculator interface to mimic the layout and flow of a physical
calculator or commonly used digital EMI calculators
Visually distinguish these tabs from standard navigation by
Placing them within a “Select your profile” dropdown or labeled filter sectio
Using radio buttons or segmented controls instead of navigation-style tabs
User Control and Freedom : -
Lack of undo or back options during form submissions or navigation processes.
Proposed Fixes :-
Implement clear back, cancel, and edit options to allow easy navigation and
correction.
Consistency and Standards
Inconsistent button styles and labels across different sections of the website
Layout Often changes more drastically as user navigates through different Pages
of the website.
Proposed Fixes :-
Establish and implement a design system or style guide that defines consistent
rules for UI Element
Maintain a consistent page layout template for key sections
Header placemen
Navigation bar structur
Text orientatio
Footer positioning
Error Prevention
When a user selects certain menu items, they are unexpectedly redirected to a
different section of the site and are required to re-enter their login credentials.
This interruption not only breaks the flow but also increases the chance of user
error or abandonment, especially if users assume their session is still active.
Proposed Fixes :-
If login is required again due to security, provide a warning or prompt before
redirection
Maintain the user session across linked sections to prevent repeated logins.
Recognition Rather than Recall
The mega-menu contains a dense hierarchy of categories and subcategories
(e.g., under "Personal Banking"), requiring users to remember where specific
options are located each time they visit
Lack of Recently Viewed or Frequently Used Services Like Search
Proposed Fixes :-
If login is required again due to security, provide a warning or prompt before
redirection
Add a “Recent” or “continue where you left” section under search while
displaying dynamic view of relatable results as user starts typing.
Flexibility and Efficiency of Use
Common tasks such as checking account balance or transferring funds require
users to navigate through multiple layers of menus, increasing task time and
frustration. The system lacks shortcuts or streamlined flows for frequent users
The website does not provide easy access to change the language, which affects
usability for regional or novice users. There is also no automatic adaptation
based on the user’s location or preferences.
Proposed Fixes :-
Introduce a customizable “Quick Actions” panel or dashboard for logged-in users
Use geo-detection to pre-select the regional language, with an option to override
it.
Aesthetic and Minimalist Design
Homepage is cluttered with banners and rotating elements, distracting users
from primary tasks.
Proposed Fixes :-
Simplify the homepage layout to focus on essential user actions
H elp Users Recognize, Diagnose, and Recover from Errors
When a user attempts an online bank transfer and the transaction fails, the
system either displays a vague message or shows a technical error code that is
difficult for the user to understand. Additionally, it does not provide an immediate
way to retry the transaction. This lack of clarity and guidance causes confusion
and frustration, especially in cases where the failure is due to common,
resolvable issues like weak internet connectivity or suspicious activity from the
device.
Proposed Fixes :-
Replace technical error codes with plain language messages that explain the
issue (e.g., "Transaction failed due to poor internet connection. Please check
your network and try again.")
Include a “Retry” button directly on the error screen
Provide contextual help links or tooltips for users to learn more about the issue
Highlight preventive tips to avoid similar errors in future (e.g., “Use a secure
connection” or “Avoid VPN or untrusted networks”).
H elp and Documentation
The help/FAQ section is only available in the footer or hidden behind deep
navigation, making it hard to locate when users need it
Documentation often uses internal or banking jargon that may not be clear to
everyday users.
Proposed Fixes :-
Add a “Help” or “Need Assistance?” button on all key action pages (e.g., login,
forms, fund transfers)
Use simple, user-friendly language in all help content
Include examples, step-by-step guides, or even visual aids/videos for complex
topics.
Westconcomstor Landing Page Usability testing
Link 2 :- https://www.westconcomstor.com/in/en.html
Issues Recorded Under Visibility of System Status :-
The website lacks a clear indication of the user's current location within the site
hierarchy.
Proposed Fixes :-
Add breadcrumb navigation and highlight the current page or menu item in the
navigation bar.
Match between system and the real world :-
Calls to action like “Find out more” are repetitive and generic across services.
Proposed Fixes :-
Use contextual CTA labels, e.g., “View Supply Chain Solutions” or “Explore
Education Services.”
User Control and Freedom : -
Didn’t Find Any issues about this in the website
Consistency and Standards
Navigation layout changes across sections; some links open in new tabs, others
within same tab.
Proposed Fixes :-
Ensure consistent navigation behavior (either all in-tab or all new-tab for external
content).
Error Prevention
Didn’t Find Any issues about this in the website
Recognition Rather than Recall
The site lacks a visible search function, making users navigate deep into menus
to find info
Lack of Recently Viewed or Frequently Used Services Like Search
Proposed Fixes :-
Introduce a prominent search bar on the homepage and header for site-wide
search functionalit
Add a “Recent” or “continue where you left” section under search while
displaying dynamic view of relatable results as user starts typing.
Flexibility and Efficiency of Use
Common tasks such as checking account balance or transferring funds require
users to navigate through multiple layers of menus, increasing task time and
frustration. The system lacks shortcuts or streamlined flows for frequent users
The website does not provide easy access to change the language, which affects
usability for regional or novice users. There is also no automatic adaptation
based on the user’s location or preferences.
Proposed Fixes :-
Introduce a customizable “Quick Actions” panel or dashboard for logged-in users
Use geo-detection to pre-select the regional language, with an option to override
it.
H elp Users Recognize, Diagnose, and Recover from Errors
Didn’t Find Any issues about this in the website
H elp and Documentation
Didn’t Find Any issues about this in the website
Aesthetic and Minimalist Design
Content-heavy pages without clear segmentation overwhelm users visually.
Proposed Fixes :-
Redesign pages using more white space, headings, and visual hierarchy to break
down information
Using the Correct Font may increase the readability.
