UX Design | Fintech
Interactive Brokers
Close Positions Redesign
Overview
Interactive Brokers is a global brokerage firm known for its low-cost trading, wide range of investment options, and advanced trading tools.
In this project, I redesigned the close positions function for mobile app to improve user experience on making bulk management on their securities. The new design enhanced the customization and freedom of their position selection to enhance trading flexibility.
The new function has gone through compliance review and under develop phase, and it will go online this fall.
Independent Internship Project
Under Compliance Review
End-to-end Dev
Tech Stack
Project Timeline
Participation: Jul - Aug 2023
Team: Designer*1 + Project Manager*1 + Developer*4
Key Takeaway
Cross-functional Teamwork
Multi-facet Review
Real-world Project Development
Speed Implementation
Introduction
The goal of implementing bulk management of close positions is to allow users to rapidly exit individual positions. This will help traders who are looking to secure gains or mitigate losses from a portion of their portfolio do so faster and more flexibly.
At the same time, IBKR will benefit from additional commissions generated from additional close positions orders as users take advantage of this tool to manage their exits in a more granular way.
Goals to Achieve
Improve user experience
Add flexibility to portfolio management
Background Research
What does "Close Positions" mean?
Closing a position refers to executing a security transaction that is the exact opposite of an open position, thereby nullifying it and eliminating the initial exposure. Closing a long position in a security would entail selling it, while closing a short position in a security would involve buying it back.
IBKR Mobile Visual Identity
Design Critique
Current User Flow Analysis
An analysis on the current close positions function was conducted to have a thorough understanding on the problems and opportunities to exploit for the following design.
Currently, Close Positions only allows the user to filter the impact of their 'Close Action' in three ways:
Asset class
Long / Short Position
% to close out
As part of implementing bulk management, in addition to our existing filters, we will allow users to select one or more positions to close out.
Design Insights
Problems
Opportunities
Users lack control over their preference on security selection
Current filters are general and macro with insufficient flexibility
Allow users to customize security selection
Enhance control over their management of portfolio
Keep consistent visual identity with other interfaces in the app
Prototype 1.0
Initial UI Design
Based on the PRD(Product Requirement Document) composed by product manager and the kick-off meeting, I put together a first-edition UI design for review.
Feedback and Revisions
Special Considerations
Prototype 2.0
Revised UI Design
The new version of UI takes software development and compliance into consideration, to give the design a more practical and feasible touch to put into real-world market use.
A New Branch: Manage New Column
An adjustment is made towards original 'Manage Column' widget to allow conditional selection to ensure the lawful exposure of data from vendors.
Interactive Prototype
Figma Prototype to Showcase Interactions
Reflection
What I learned from this project …
Useful figma and office 365 tricks
Never hesitate to raise questions
Work in an interdisciplinary team
Real-world application of design
Be precise and accurate
Jenny Wang
Product Designer