.jpg){kind=small}
EASY CHARTS
Your perfect stock screener
Easy Charts is a simple real time tool which is built by industry experts by creating specialized formulas to understand the stocks which might give potential stock price movements. This data will help stock traders to do their technical and fundamental analysis.
Contribution
User research & Analysis, Value proposition, market analysis, Story board, information architecture, user flow ,Wireframes, UI Design & Prototyping, Usability Testing
Target audience
Stock traders
Duration
-
(Dec 2021 -Jan 2021)
BUILDING PAW
What i did and what i learned
I adopted a design thinking process for approaching the problem
-
Research
-
Persona
-
Empathy map
-
User journey map
-
Problem statement
-
Value proposition
-
Competitive analysis
-
Story board
-
information architecture
-
User flow
-
Wireframe
-
Low-fidelity
-
High-fidelity
-
Research plan
-
Usability test
Swing traders
Day traders
Screen
Momentum stock
Intraday screeners
Swing screeners
Traders who purchase stock for short period
Traders who purchase and keep stock as long as a day.
Identify, filter
Stocks which go beyond it’s past 6 or 12 months max price
Used finding right stocks for the day trading
Used finding right stocks for the swing trading
Source: google analytics
89%
40%
90%
100%
of people using the website are male users
of people using the website are between 25-34
of people using the app are from Kerala , India
people using the website use it between 9:30 am-3:30 pm, market hours
Insights
-
Most of current users are from Kerala, The product is planned to scale to pan India
-
Users will be using this product mostly in the day time (Because share market is only open at that time.) so color of the application can be chosen considering this factor
-
Developing the website into an app helps in easy scalability of the product and also more features can be added thus improving the product
Vyshakh
Vyshanav
.jpg)
Vishal
Arun
Interview
At the discovery phase of my project, I conducted user interviews in order to get a better understanding of the problem.
We held 4 interviews with stock traders already using the website to get in-depth qualitative responses regarding the key aspects of the prompt.
Questions
-
Do you find it difficult to buy and sell stocks
-
Was using easy charts effective for you
-
Do you do trading everyday
-
Do you think it would be effective if we introduce an app instead of website
-
Does using easy charts helps you choose the right socks and in turn helps you get more money
-
Are you happy with the subscription plans
-
What are the other features do you think would be great to add
" Easy charts is a saver, it helps you find he best stocks "
- Vyshakh
From interview
Insights
-
People more prefer apps over website because its more convenient and faster
-
Redesign dashboard for mobile users
-
A section which gives a whole idea about the product
-
Info section explaining what each table is
-
An option where user can fold and expand the table so that user can go through the table with ease
-
Mobile user doesn’t have clear visibility of all tables exists, he/she literally have to scroll through the entire board every time.
-
As it is a Realtime board, it should be easy for user to scan through entire dashboard in frequent intervals
Current website
-
The current website doesn't have any features. directly logging in to the website with charts arranged in columns
-
Doesn't feel like a credible platform
-
Branding
-
Credible platform
-
Better sales through advertising
-
Optimize for mobile
-
Improve UI
-
Improve UX
-
Add few extra features
Value proposition
Thought about the basic features the product can provide and developed a value propositon of the product and connected theses features with the users needs.
.jpg)
Goal statement
EASY CHARTS lets users identify the right stocks for investing based on the screeners provided offering
-
Live stock data
-
Breakout screeners
-
Intraday screeners
-
Swing screeners
Storyboard
User’s experience with a product
Bigpicture Storyboard
![UX Design Certificate - Storyboard [Template] 4_page-0001.jpg](https://static.wixstatic.com/media/06776c_d853f566b05344fd80bd2ca6e7a611c3~mv2.jpg/v1/crop/x_73,y_118,w_1369,h_726/fill/w_543,h_288,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/UX%20Design%20Certificate%20-%20Storyboard%20%5BTemplate%5D%204_page-0001.jpg)
Closeup picture Storyboard
![UX Design Certificate - Storyboard [Template] (3) 2_page-0001.jpg](https://static.wixstatic.com/media/06776c_7c3526a0bb91427488e44281ff589b70~mv2.jpg/v1/crop/x_75,y_100,w_1394,h_744/fill/w_521,h_278,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/UX%20Design%20Certificate%20-%20Storyboard%20%5BTemplate%5D%20(3)%202_page-0001.jpg)
Information architecture
Site map
Based on the opportunity areas I summarized, I defined the easycharts app's product structure. users can screen stocks and easily invest
.jpg)
The user flow was developed understanding how the product is going to work
User onboarding flow
.jpeg)
Selecting and playing story
.jpeg)
VISUAL DESIGN
-
Most of the websites or apps doesn't have great ux
-
filters are provide
-
Only some of them gives an idea of what happens in the app
-
Some of the app has custom screens and some we need to create screens based on formulas
-
No options to share the charts and screens
-
No option to add a particular screen or chart to favorites
This combination is selected because of this modern and sophisticated look.
WHY
GREEN
Green is a color of renewal, nature, and energy, associated with growth.
It can also be symbolic of ambition harmony, freshness, safety. Green is also traditionally associated with money, finances, banking.
The color green has healing power and is understood to be the most restful and relaxing color for the human eye to view. Green is soothing and youthful.
So since its an app dealing with a lot of money related things green would be the best color to choose
#2E4007
#B0CBB0
Selected page is shown in blue color. elements highlighted in blue
Logo is derived from the idea of audio story and the name . The colors where choose based on the main colors of the application
Optimized for print, web, and mobile interfaces, and has excellent legibility characteristics in its letterforms.
Sans is preferable for young children, or anyone just learning to read. Sans is also good for readers with certain visual impairments.
Subtitle 1
14px
Headline 1
Font
Open sans
Weight
Regular
Size
20px
Headline 2
Font
Open sans
Weight
Bold
Size
20px
Headline 3
Font
Open sans
Weight
Regular
Size
16px
Headline 4
Font
Open sans
Font
Open sans
Weight
Bold
Weight
Regular
Size
16px
Size
Subtitle 2
Font
Open sans
Weight
Bold
Size
14px
Body 1
Font
Open sans
Weight
Regular
Size
12px
Caption
Font
Open sans
Weight
Regular
Size
10px
Overline
Font
Open sans
Weight
Regular
Size
8px
The product was designed considering accessibility and the importance of inclusive design so that the solution become accessible to all types of users around
Dark mode and light mode options are given which can be switched easily considering the conditions of the user
Important information are not shown by color alone. Used a combination of text and color.
Provided usable focus states. helps people know which element is selected and understand where they are when navigating.
.png)
Labels are placed on top so that it should never completely go away when the focus is inside of an input.
The color contrast ratio was checked and the colors are in contrast with each other and satisfy the WCAG conditions
Learnings
-
New users- understanding a product ,empathize with a group of people that I was entirely unfamiliar with. Working from scratch understanding the users was a good learning.
-
User retentions- Learned about different approaches for user retention, understanding how other communities do this.
Future steps
-
Build a community to connect stock traders, who are interested in stock market, who are learners and need knowledge about the field, to get contacts
-
A community where people can share about stock related articles, ask questions and conduct discussions.
-
People get points or badges based on their engagement in discussions or doing activities and they people with more badges get some privileges which increases the retention of users
-
News like inshots, swipe able news, so people who are interested can be brought into the app and increase engagement and push notifications can be send that tends users the use the app even after market hours
The product was designed considering accessibility and the importance of inclusive design so that the solution become accessible to all types of users around
The color contrast ratio was checked and the colors are in contrast with each other and satisfy the WCAG conditions
