With the trend of digitisation, the Coins Company shifted its loan application service to online. My role in this project was to collaborate with the product manager and engineering team to design the user interface of an App and Website. My responsibilities involved designing high-fidelity prototypes, conducting usability tests, and collecting user feedback. Through this teamwork, the click-through rate and response rate have increased significantly.
User flow chart
Identified and drafted loan application flowcharts to understand the different states of loan applications and payment status, shown in different colors.
User Testing
The purpose of conducted the user testing is to understand what kind of laid out is more usable for the users.
Overall, from ten users testing datas, integrated variation (B) is the best user experience interface design, with its intuitive, simpler, consistency, and easily for the users.
Designed 3 UI variations
Created 4 tasks for user to achieve
Identified key success measurement
Type-B design with vertical sliding interaction allows users to browse more intuitively compare to the rest. Sorting content with cards helps users find information easily.
Type-A has too many cards, making the page too complex.
Type-B highlights the buttons to help users focuses where to click and upload the documents.
Type-C uses hyperlinks but low contrast compared to the words contextually.
Type-A divides the page with cards, and the page feel unbalanced. Type-B&C are arranged vertically to make the overall design more coordinated.
Type-A with cards design stretch the page longer, so present less messages and distract the reading.
Type-B&C could add some reminding colors, that attracts the user's attention.
Lending proposition status
Load Repayment Status
Focusing on how the product looks in order to communicate the connection between a product’s functionality and its appearance to users. Keep in mind the four Cs for designing across platform: Consistency, Continuity, Context, and Complementary.
Unified design component style, including icon, images and styling. Using AxureRP as the final version of the component submission.
Facebook & Instagram’s posts and advertisement designs.
Self Reflection
- As an core designer in the company, effective communication with product manager and engineer is crucial. Be an active listener for feedback, constantly change, and share my thoughts in a clear manner.
- My role as a generalist designer in this company, which has a broad number of responsibilities. Expanding my skills in many different types of UX design works and the ability of self-learn.
- Through conducting a user testing for usability, my design become more dependable and principled.
