UX design | 2021-22
Mindfluential Trading is a one stop knowledge sharing platform focusing on Stock Market, they beleive Human Emotions play a major role while trading.
They are an established brand, successful in sharing their knowledge and concepts around social media, as part of their product expansion, and to be closer to their content viewers, Mindfluential want to include their ideas in a Mobile Application.
Identifying users, talking to them, understanding their perspectives, collecting insights and data.
Breaking down the information gathered to identify the problems to be worked upon.
Working on the problems identified in the phase I, one by one by further breaking down the problem to find the solution by ideating using different methods.
Identified solutions have been cross-checked using a prototype and then iterated.
Variable solutions have been implemented and then tested with users to gather their insights and reviews
Driven Factors for the growth in the Retail Investment are decline of jobs/salary/losses over pandamic with lockdowns left people with looking towards sources for passive generation of
income to better themselves to sustain in any of the futher odd situations.
Not just a pandamic alone but it could be possible without technology advancements and
available quick sources, literary rate, knowledge and atleast minimum grip over the tech devices which prompted everyone to make stock market investments.
Conculsion of this data has shown us the potential growth of the market and also helped us to see the potential users.
Competitive Analysis helped us to understand how similar products with similar features are progressing in the market, and by identifying. Their pros and cons gave us a direction to focus on.
Overview
A data-driven platform that enables retail investors and traders to do fundamental and technical research of financial markets easily.
Features
A radar feature which lets users understand the stock market global trading hours, market holidays, events, ipo, and deals.
A search feature which enables the user to search stocks and read more about the specific stock in perspective, which helps in Analysis.
Real-time news on stocks, segregated by sector.
Watchlist Management according to the type of Investments.
Minimalistic User Interface, mostly text and icons.
Strengths
Simple and clean UI with an elegant look
Real-time data-driven system which can help users to get the information in one place, so no need to install multiple apps for data gathering and research.
Every information required for technical and fundamental research in one place.
Weakness
The whole application has been designed in black and white.
The application is all just text with no visuals.
Only selective news updation.
Overview
Marketfeed is an online platform for stock market trading. which teaches how to navigate the stock market, learn as a community, trade and earn.
Features
Quick Short Snippets of Market News, Editorials and Jargon which help users to quickly understand.
10 min delayed stock data for free view and real-time with pro.
Global and Indian Indices, Watchlist.
An advisory section with which users can get Advisors from SEBI-registered who share their analysis with duration, target and stop-loss.
Intraday Technical Screeners with real-time market data, live market commentary, and charts through the day.
Strengths
Very good support with quick responce system, 24/7 service.
Very large commuity of content creators with community
support and discussion space.
Live trading sessions led by experts and advisors.
Weakness
Overwhelming data for a beginner to grasp.
Most of the features are paid, which reduces the user base.
Identified a few potential users around the mutual networks and, as part of the primary research and data collection, conducted a few interviews and a survey to understand their thought process, insights and needs.
Number of Participants: 5
Age: 23 - 50
After conducting the interviews I have organised the data in the Personas and then later have segregated all the data into a consolidated empathy map inorder to identify and understand users needs and insights.
Consolidated Empathy Map
Insights
A space to make them understand the concepts in an easy way with mentorship as well
Users are interested in the stock market but want to know where they can invest their money without any risk.
It might help if there is something which can help with consistent motivation and emotional balance.
Needs
Users need to know how they have implemented their strategy and understand where they have made their mistakes.
Users want to properly organise their gains and losses to track their financial discipline and maintain order
Users want to make the technical analysis easy to understand, even for a beginner.
Users also need a system for tracking their growth and mistakes, and also insights on what led to their success and loss
After the interviews and empathy mapping i thought of creating an ideal proto persona of a user from the data gathered to see clearly and understand user's needs, goals and behavior.
After the proto persona I have put every thing together to create Point of view statements which helped me to identify How might We questions which gave me a way forward.
I have then started working on userflows and taskflows using the features/concepts generated from the brainstorming and product roadmap to determine the user activitiesin the appliaction which further helped me in creating Information architecture and then wireframes.
As the product is already exsisting I have taken colours and typeface reference from the brand and used them in creating the screens.
Type Scale
Using major third 1.250 to create the type scale and will be rounding off at even if required
App Icon
If the user opens the application for the first time, Swift transitions between the light/Dark mode screen and the intro screen to be displayed
Login/Sign-up illustration with welcome text
Checkbox Terms and condition & privacy policies
If the user opens the application for the first time the user can sign-up by entering the mobile number which is verified with OTP.
Lo-Fi Wireframes
Mobile Hi-Fi Wireframes
Mobile Hi-Fi Wireframes
Desktop Hi-Fi Wireframes