
Skills:
Tools:
Timeline:
Company:
The project involves designing a mobile application version of an investment management platform for LeadMind's client. The platform serves private investors, offering bonds and real estate investment opportunities across a range of companies. The project's scope encompasses creating a concept and design for the mobile application.
The client company had several goals for their mobile app project:
These goals and other discussion from the initial briefing formulated the following design requirements:
The remaining requirements will come from the desk and user research.
I conducted user interviews with people of similar demographic profile as the user base. I was looking to find out about their preferences and habits in regards to managing their finances online, as well as any pains they have using their usual apps and websites. I asked them specifically about their experience (as in how they found it) with investing via other platforms and with using their banking apps, their approach to managing finances, use of other digital tools and digital security.
For desk research, I looked at design examples of more open investment platforms, as well as banking apps and online shopping experiences. I also supported it by looking for discussions online about the UX of these apps, to look for users' opinions on their design.
This proved to be a challenge in itself, as most discussion of investment apps revolves around legal conditions and fees associated with using them. It seemed that UX design of these platforms rarely factors into a users' decision for using them. Eventually I managed to find design related opinions by looking for discussion threads that discussed UI major redesigns. This is when users are most vocal and critical of even the smallest details.
Additionally, I read scientific papers that analyze the way design of investment apps can influence user behavior, and official guides for digital UI accessibility.
I finalized the research phase by collecting the insights I gathered into an Affinity Diagram. It let me organize my findings, and look for connections that may have been missed otherwise.
The most important insights I identified in research that I should focus on were:
Additionally,
I ideated on my findings in a few rounds of diverging and converging, making sure to include the client into the final one. This way I new the solution I arrived at was aligned with both their vision and the research findings. The client's involvement in the ideation process also helped ensure the solutions proposed stayed within a realistic and achievable scope for the developer team.
The concept I made is an app that complements the platform by serving the needs of both casual and more methodic user types. The UI is focused on providing quick ways to complete the most common tasks, while allowing to do everything the website version allows to do. The design makes it easy to access MFA for website login, viewing the status of current investments and analyzing potential of new investment products.
I started designing by creating a flowchart-like site map of the app. It was useful to think through all the connections and paths users might take to reach certain functions. It also ended up serving as a reference for the screens that needed to be made for wireframing.
The next step was wireframing. I sketched out the layout of the main parts of the app, focusing on key user flows like accessing investment data and completing MFA. I explored some ideas for showing the users' portfolios and returns, as well as ideas for Marketplace listings.
The wireframe has eventually turned into a full fledged lo-fi prototype that I could use for testing. I made sure the prototype covers a complete experience of the app, including all the main sections and features, so that navigability can be tested, among other things.
Separately from this, I was working on finding a visual style for the app. The main platform had an outdated look, and the client has encouraged me to explore new concepts for it.
I explored a lot of options for colors and visuals, before eventually ending up with a warm yellow-orange palette, which is also supported by accessibility research (avoiding cold colors).
I decided to focus the testing on accessibility, navigation and communicating data on investments, because improvements in these areas would lead to the most value for both users and the business.
The testing was conducted on a small group of users representative of the user base, as well as fellow designers and users unfamiliar with investing. I ran usability tests on key features like portfolio viewing and investment analysis, as well as navigation in general. Using Maze, a tool for creating interactive user test, I made a flow where testers are given tasks about finding information in the app. I also followed those up with questions, where users rated the navigation, and shared their thoughts. This way I received both quantitative and qualitative data.
The main points highlighted by user tests were:
I also tested for WCAG accessibility guidelines. I went through the entire design and checked color contrasts, text size and touch target sizes with the help of a specialized plugin. I adjusted the areas that fell short of AAA requirements, and pushed some elements even further. As an extra measure, I measured the button sizes on phone screens of two different sizes and compared those to the guidelines.
Examples of changes I made based on testing results:
By the end I created a high fidelity prototype showcasing my design.
If I could continue on the project after delivery, I would focus on improving accessibility and findability across the app. I would design a system that collects data about the use of the app - such as time in seconds spent on certain screens, what is the final screen a user was on before closing the app, paths users take to reach certain functions. I would then be able to use this anonymized information to see which areas of the app may be causing trouble, where are navigational improvements needed, and what functions do users want to access most often.