Distraction Resistance and the use of Complex UI
Distraction Resistance and the use of Complex UI
Distraction Resistance and the use of Complex UI
StreamLine is a popular mobile banking app that enables users to manage their accounts, track expenses, and make transactions. The app, however, was facing usability issues that led to a decline in user satisfaction and engagement. Our goal was to redesign the app, improving its UX/UI to provide a seamless, intuitive, and enjoyable experience for users, ultimately increasing user retention and satisfaction.
StreamLine is a popular mobile banking app that enables users to manage their accounts, track expenses, and make transactions. The app, however, was facing usability issues that led to a decline in user satisfaction and engagement. Our goal was to redesign the app, improving its UX/UI to provide a seamless, intuitive, and enjoyable experience for users, ultimately increasing user retention and satisfaction.
StreamLine is a popular mobile banking app that enables users to manage their accounts, track expenses, and make transactions. The app, however, was facing usability issues that led to a decline in user satisfaction and engagement. Our goal was to redesign the app, improving its UX/UI to provide a seamless, intuitive, and enjoyable experience for users, ultimately increasing user retention and satisfaction.
Roles & Responsibilities
Roles & Responsibilities
Roles & Responsibilities
UX Research
UX Design
Quantitative Analysis
Team
Team
Team
1 supervisor and me
1 supervisor and me
1 supervisor and me
Industry
Industry
Industry
E-commerce
E-commerce
E-commerce
Challenge
Challenge
Challenge
Framing the Problem
Online shopping interfaces consist of multiple pages with a variety of visuals, hyperlinks, text, animation and videos by which we can collectively be classified as a complex user interface.
Despite studies that confirm the adverse effects of distractions on decision making, products on online marketplaces coexist with distractions such as advertisements, animated banners, countdown timers and sponsored content.
Increased complexity can lead to a customer drop off from the purchase. Too many advertisements / banners can backfire and lead to a loss of potential customers.
In a two-part experiment with 110 participants, individuals completed a working memory test and then used a simulated online shopping interface.
Results
Results
Results
Results showed no significant correlation between working memory and online shopping performance.
However, a near-significant relationship emerged between time spent on the shopping task and encoding distraction in older participants.
110
110
110
participants
participants
participants
25%
25%
25%
Increase in user retention
Increase in user retention
Increase in user retention
84%
84%
84%
Increase in time spent on website
Increase in time spent on website
Increase in time spent on website
Process
Process
Process
Research & Analysis: We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights
Information Architecture: Based on the research findings, we restructured the app's navigation and content, prioritizing features and information according to user needs.
Wireframing & Prototyping: We designed low-fidelity wireframes to visualize the new layout and navigation, iteratively refining them based on user feedback. Afterward, we built a high-fidelity, interactive prototype to test the design.
Usability Testing: We conducted usability tests with a diverse group of users to validate the design and identify areas for improvement. Based on the feedback, we made necessary adjustments to the design.
Visual Design & Style Guide: We developed a cohesive visual language, including color schemes, typography, and iconography, ensuring consistency throughout the app. We also created a style guide to maintain design consistency in future updates.
Research & Analysis: We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights
Information Architecture: Based on the research findings, we restructured the app's navigation and content, prioritizing features and information according to user needs.
Wireframing & Prototyping: We designed low-fidelity wireframes to visualize the new layout and navigation, iteratively refining them based on user feedback. Afterward, we built a high-fidelity, interactive prototype to test the design.
Usability Testing: We conducted usability tests with a diverse group of users to validate the design and identify areas for improvement. Based on the feedback, we made necessary adjustments to the design.
Visual Design & Style Guide: We developed a cohesive visual language, including color schemes, typography, and iconography, ensuring consistency throughout the app. We also created a style guide to maintain design consistency in future updates.
Research & Analysis: We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights
Information Architecture: Based on the research findings, we restructured the app's navigation and content, prioritizing features and information according to user needs.
Wireframing & Prototyping: We designed low-fidelity wireframes to visualize the new layout and navigation, iteratively refining them based on user feedback. Afterward, we built a high-fidelity, interactive prototype to test the design.
Usability Testing: We conducted usability tests with a diverse group of users to validate the design and identify areas for improvement. Based on the feedback, we made necessary adjustments to the design.
Visual Design & Style Guide: We developed a cohesive visual language, including color schemes, typography, and iconography, ensuring consistency throughout the app. We also created a style guide to maintain design consistency in future updates.
“ With our new visual branding and language in place, the new Shopify brand clearly captures the essence of our current and target customer base, our employees, and our values. ”
“ With our new visual branding and language in place, the new Shopify brand clearly captures the essence of our current and target customer base, our employees, and our values. ”
“ With our new visual branding and language in place, the new Shopify brand clearly captures the essence of our current and target customer base, our employees, and our values. ”
Tobias Lütke
Tobias Lütke
Tobias Lütke
CEO, Co-founder | Shopify
CEO, Co-founder | Shopify
CEO, Co-founder | Shopify
Conclusion
Conclusion
Conclusion
The StreamLine mobile banking app redesign successfully addressed the usability issues, resulting in a more intuitive and user-friendly experience. The improved UX/UI design led to increased user adoption, engagement, and satisfaction, demonstrating the value of a well-designed template for UX designers.
The StreamLine mobile banking app redesign successfully addressed the usability issues, resulting in a more intuitive and user-friendly experience. The improved UX/UI design led to increased user adoption, engagement, and satisfaction, demonstrating the value of a well-designed template for UX designers.
The StreamLine mobile banking app redesign successfully addressed the usability issues, resulting in a more intuitive and user-friendly experience. The improved UX/UI design led to increased user adoption, engagement, and satisfaction, demonstrating the value of a well-designed template for UX designers.
Unexpected Findings
Older users in the UK may be more skilled with technology than expected.
© Sharon Jacob 2025