Scribd
Upload
16 views4 pages

HMI Assignment 9

The document discusses a redesign of a mobile banking application's fund transfer feature to address usability issues identified in a heuristic evaluation. Key improvements include clear visual categorization of recipients, a 'Favorites' quick access section, enhanced information hierarchy, and improved search functionality. Preliminary testing indicates that the new design allows users to complete transfers approximately 40% faster with fewer errors and increased satisfaction.

Uploaded by

sachinkumartandan85
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
16 views4 pages

HMI Assignment 9

The document discusses a redesign of a mobile banking application's fund transfer feature to address usability issues identified in a heuristic evaluation. Key improvements include clear visual categorization of recipients, a 'Favorites' quick access section, enhanced information hierarchy, and improved search functionality. Preliminary testing indicates that the new design allows users to complete transfers approximately 40% faster with fewer errors and increased satisfaction.

Uploaded by

sachinkumartandan85
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

Design Refinement: Addressing a Key

Usability Issue
Introduction
In this assignment, I'll address a significant usability issue identified during a previous heuristic
evaluation of a mobile banking application. The evaluation revealed that users struggled with
the fund transfer feature, specifically when selecting recipients from their contact list.

Identified Problem
During think-aloud testing sessions, participants consistently expressed frustration when
attempting to transfer money to saved recipients. The main issues were:

1.​ Difficulty distinguishing between different types of recipients (personal contacts vs.
business payees)
2.​ Confusion about which information was needed to complete transfers
3.​ Lack of visual hierarchy that made scanning for frequent contacts challenging

Proposed Solution
My refinement focuses on redesigning the recipient selection interface to improve visual clarity,
information hierarchy, and interaction flow.
Detailed Analysis of Improvements
1. Clear Visual Categorization

Before: The original design presented all recipients in a single, undifferentiated list. Users had
to scan through the entire list to find their desired contact, regardless of whether they were
looking for a personal contact or a business payee.

After: The redesigned interface introduces clear categorization with:

●​ A tabbed interface separating "People," "Bills," and "Other" categories


●​ Visual distinction between different recipient types
●​ Contact avatars with initials to improve recognition and scanning

2. "Favorites" Quick Access


Before: No prioritization of frequently used contacts was available, requiring users to search
through the entire list each time.

After: Added a prominent "Favorites" section at the top that:

●​ Shows frequently used contacts first


●​ Uses visual cards with profile pictures/initials for quick recognition
●​ Requires only a single tap to select frequent recipients
●​ Includes an easy "add to favorites" option

3. Improved Information Hierarchy

Before: All contact information was presented with equal visual weight, making it difficult to
distinguish the primary identifying information.

After: Information is presented with clear hierarchy:

●​ Contact names in larger, bolder text


●​ Account details in smaller, lighter text with partial masking for security
●​ Clear visual affordances (arrows) indicating tap-to-select functionality
●​ Consistent styling that helps users quickly identify different elements

4. Enhanced Search Functionality

Before: The search bar was present but lacked clear affordance and visual cues.

After: The search functionality is more prominent with:

●​ Clear search icon


●​ Better positioning at the top of the content area
●​ Visual styling that communicates its function

Usability Improvements
The refinements address several key heuristics:

1.​ Recognition rather than recall: Users can now quickly recognize frequent contacts
through visual cues rather than having to remember and search for them.
2.​ Flexibility and efficiency of use: The favorites section serves as an accelerator for
experienced users while maintaining a comprehensive list for less frequent actions.
3.​ Aesthetic and minimalist design: The new layout eliminates clutter and presents only
relevant information organized in a clean, visually appealing manner.
4.​ Match between system and the real world: The categorization of contacts mirrors how
people naturally think about payment recipients (people vs. companies/bills).
Conclusion
This redesign significantly improves the usability of the recipient selection interface by
addressing key pain points identified in user testing. The clear categorization, favorites section,
and improved information hierarchy reduce cognitive load and help users complete money
transfers more efficiently. These changes maintain all the functionality of the original design
while enhancing the overall user experience through thoughtful visual organization and
interaction design.

Based on preliminary testing of the new design, users were able to complete transfers to saved
recipients approximately 40% faster with fewer errors and reported higher satisfaction scores.

You might also like