What i Did
Workshops
User test & interview
Responsive design
Crédit Agricole Titres wanted to change their web application according to the new design-system from Crédit Agricole. We took that opportunity to: "Make the stock market accessible to everyone". Thanks to the methodology and the great work of all the people linked on the project, we did some improvements we did not think was doable.
I worked as UX & UI designer for many months, with the help of 1 or 2 others designers according to the periods.
Thank to the user research, we learnt that experts represent 20% of the users, but can place a lot of orders in different accounts. On the opposite, novices represent 80% but 60% of them have only one account with one or two products.
To identify on which pages we had to put efforts, we asked people what are they looking for when they go to the app, what do they do, etc. The main pages were an overview of the wallet(s), the product page where they can found news, advices from experts, the stock price, and all the workflow pages to buy or sell stocks.
We asked people where did they go to found news about stock market: online, on newspaper, on TV, on radio, on social networks, etc. We did a benchmark based on what they answered.
It would have been easier to keep data table everywhere, but we wanted to address novice as much as experts. So we looked at data visualizations to display stocks by sectors for example: how to identify which market is going up and which one is going down in one look.
Here is an overview of what we did on the sectors news page. Big block means there is a big variation in the sector.
Since we wanted to address everyone, we followed accessibility criteria. For example the information displayed are either black or white to have enough contrast with the background.
When users need to understand specific vocabulary from the finance world, we added text to help to understand. We also putted the terms "the most used" when they do not know which choice is the most common.
Some functionalities were identified only for novices or only for experts. For example, novices need help to place an order, but expert want to do it fast in one step. Both novices and experts can customize some elements in their settings according to their preferences and level.
We did some tests to get feedback about the interfaces and to analyze if the website was intuitif. We used Maze, a website which can show a heat map for every screen. Every mouse move, click, or keystroke determined the heat map of a web page.
Once the website was ready, we also used 300 beta testers to geed feedback for the futur release.
According to the test, people liked: "the user-friendliness and simplicity", "the clarity of the pages". Some people were "looking forward to this new update".
Among what they would like, they said "an additional dark version would be a real plus", "have stock prices in real time like other websites".
