The goal of the task was to design a trendline tool for people involved in investing in the stock market (dedicated to the iPhone X device). Designing interactive addition and editing of trend lines along with useful functions to facilitate the use of the drawing tool and the creation of the main screen in dark mode.
Designing process
Desk Research
In order to broaden my knowledge of trading applications, I tested 3 websites with the most favorable opinions. The tests included ease of use, composition, and quantity as well as the way of presenting stock market data. In addition, I researched the subject based on the available online training materials. I searched many internet sources for information on designing in accordance with iOS guidelines for a dedicated iPhone X device.
In order to broaden my knowledge of trading applications, I tested 3 websites with the most favorable opinions. The tests included ease of use, composition, and quantity as well as the way of presenting stock market data. In addition, I researched the subject based on the available online training materials. I searched many internet sources for information on designing in accordance with iOS guidelines for a dedicated iPhone X device.
When prototyping, I was guided by the conclusions drawn during the research (comparison of competitors, speed of operation, amount of displayed data, complexity of the interface). I used Portrait orientation because it is the default view when using this type of application (where one hand is enough to operate).
Comparison competitors: Client Tradesmarter Cityindex Stock Marek Simulator Game
When prototyping, I was guided by the conclusions drawn during the research (comparison of competitors, speed of operation, amount of displayed data, complexity of the interface).
I used Portrait orientation because it is the default view when using this type of application (where one hand is enough to operate).
Comparison competitors: Client Tradesmarter Cityindex Stock Marek Simulator Game
Paper prototyping
Guerilla testing
In the paper-based tests, three people participated.
Task for the test: Draw a trendline on a chart.
Observation 1: There is no information about the highest and lowest value of shares during the day.
Observation 2:
Not enough free space on the charts
Observation 3: The Sell and Buy buttons are unimportant elements when drawing a trend line.
Observation 1:
There is no information about the highest and lowest value of shares during the day.
Observation 2:
Not enough free space on the charts.
Observation 3:
The Sell and Buy buttons are unimportant elements when drawing a trend line
User Flow
The User Flow show step by step how users compare products on the website. Below you can find a few slides represents how it works.
User Flow
The User Flow show step by step how users compare products on the website. Below you can find a few slides represents how it works.
Step 1
Step 3
Step 4
Step 5
Step 6
Step 1
Step 2
Step 3
Step 4
Step 5
Step 6
UI Design
Light mode
Dark mode
Light mode
Dark mode
Main page
Drawing tools
Trendline tools
Main page
Drawing tools
Trendline tools
Movie
Play Video
Summary
The prototype was created with this in mind about iOS users. Based on the research, functionalities important for users have been added. It was a big challenge to design the interface in one window so as to maintain consistency and not degrade the functionality of the application itself. I believe that my work meets all the requirements of the project, and the solutions used make it more user-friendly.