Improving Fintech Apps (Angsur) — UX Case Study — Part 3
Hello… It’s me Tobi. Evidently… writing in the medium is fun. I will be addicted to this :D
Anyway, I will continue my previous writing about Improving Fintech Apps (Angsur) — UX Case Study — Part 2. After point of view and persona are obtained. Next is to define paint points based on data in the user interview process. The following are the paint points obtained during the user interview process and are defined according to page categories.
- Pain Point 1: Home Page
- according to respondents, Main Illustrator on the Home Page is less attractive.
- The “Closed” icon in the “Copy Paste” field confused some respondents.
- The title “Produk Popular” on the Home Page is thought by some respondents to be a button, because orange is identical to the button on this existing product concept.
- The image and “Lihat” button on “Produk Popular” are less symmetrical.
- Some users want information about promos and discounts from Angsur App.
- No Navigation Bar appears on the Homepage, when the respondent scrolls the page.
- The majority of respondents want the application Angsur to facilitate users to search for items that they want to Ngangsur directly through the application.
- Content writer “Copy alamat URL disini” makes a wrong perception.
Actually, there are dozens of pages. However, I will only displayed Homepage.
Ideate
Concept Model
The conceptual model for any design should be constructed right at the beginning of design cycle. Not only will it reflect the concepts that intend to bring to life within mobile app but it will also explore relationships that exist between the concepts. It provides a high-level understanding of how Angsur mobile application will work.
Paper Sketch
I use Paper Sketch for exploring ideas and layout.
Actually I use a template from Sneakpeekit and print it for exploring ideas and layout. But as I write this, I re-create it using Sketch. But I made it according to what I was doing using Sneakpeekit.
Prototype
UI Design
I will only show a few examples.
Testing
Completion Rate
System Usability Scale (SUS)
Comparing Existing Product & Development Product
After getting results of the existing product and development product in this case. In accordance with the purpose of this case, which is evaluating existing products and providing recommendations for improvements to existing products. Next, a visual comparison is performed showing the results of the existing product and the development product. The visual comparison will use a chart as a medium for comparing values between existing products and development products. So that it can describe whether the development product is better than the existing product or the result is the opposite.
The results of the SUS average score comparison between existing product and development product. The results are very visible that the development product has a better usability value.
There are eight features that were tested in usability testing process in this case. These features are the main features of the Angsur application. These features are the Register, My Profile, Login, Submit Angsuran, Pesanan Aktif, Bayar Angsuran, Angsuran Selesai and Log Out. Based on the results of the assessment between the existing product and the development product using completion rate, also system usability scale (SUS), the development product has a better usability value than the existing product. So this research can be said to be successful because development products provide solutions to existing product problems and development products have better usability values compared to existing products.
Anw, I apologize if in writing my first case study in the medium which doesn’t explain details. I hope you understand. If anyone doesn’t understand or just want to ask, please comment below or send me email at tobisantoso@gmail.com.