UI/UX Redesign of the Alfagift Application Based on Design Thinking and Usability Evaluation Using the System Usability Scale (SUS)

Riska Amelia Puspita Sari; Mizan Aldini Aldini; Firman Noor Hasan

doi:10.24252/instek.v11i2.69935

Authors

Riska Amelia Puspita Sari Universitas Muhammadiyah Prof. Dr. Hamka
Mizan Aldini Aldini Anadolu Üniversitesi, Turkey
Firman Noor Hasan Universitas Muhammadiyah Prof. Dr. Hamka https://orcid.org/0000-0002-1246-3462

DOI:

https://doi.org/10.24252/instek.v11i2.69935

Keywords:

Alfagift, Design Thinking, System Usability Scale, UI/UX, Usability

Abstract

The rapid growth of e-commerce has increased the demand for applications with high usability. This study redesigns the UI/UX of the Alfagift application using the Design Thinking approach, focusing on three transaction features: store search, order tracking, and order history. Usability was measured with an Indonesian adaptation of the ten-item System Usability Scale (SUS) administered on a five-point scale. An initial evaluation involving 60 participants produced an average SUS score of 48.88, which is below the acceptable level. Guided by the Empathize, Define, Ideate, Prototype, and Test stages, a high-fidelity Figma prototype was developed and evaluated by 30 of the initial participants who completed the retest, yielding an average SUS score of 75.17 (Good category). Because the two evaluations involved partially different respondents and a prototype rather than the live application, the 26.29-point difference is interpreted descriptively. In addition, 73.3% of respondents preferred the redesigned interface for its clearer navigation and more informative order tracking. The findings offer focused UI/UX recommendations for improving transaction transparency and user control in retail e-commerce applications.

Downloads

Download data is not yet available.

References

[1] Y. E. Rachmad, "Social Media Marketing Mediated Changes In Consumer Behavior From E-Commerce To Social Commerce," Int. J. Econ. Manag. Res., vol. 1, no. 3, pp. 227-242, 2022, doi: https://doi.org/10.55606/ijemr.v1i3.152.

[2] Payments and Commerce Market Intelligence (PCMI), "Indonesia's e-commerce market: Trends and growth 2024-2027," PCMI Market Report, 2024.

[3] APJII, "APJII Jumlah Pengguna Internet Indonesia Tembus 221 Juta Orang," 2023. [Online]. Available: https://apjii.or.id/berita/d/apjii-jumlah-pengguna-internet-indonesia-tembus-221-juta-orang

[4] A. O. Oloveze, C. Ogbonna, E. Ahaiwe, and P. A. Ugwu, "From offline shopping to online shopping in Nigeria: evidence from African emerging economy," IIM Ranchi J. Manag. Stud., vol. 1, no. 1, pp. 55-68, 2022, doi: 10.1108/irjms-08-2021-0110.

[5] R. Pavita and F. N. Hasan, "Evaluasi penggunaan aplikasi getcontact sebagai perlindungan modus penipuan dengan metode user experience questionnaire," vol. 9, no. 4, pp. 2054-2063, 2024, doi: https://doi.org/10.29100/jipi.v9i4.5544.

[6] K. H. Az Zahra and F. N. Hasan, "Evaluasi user experience pada game GTA V roleplay server Indopride menggunakan metode enhanced cognitive walkthrough," JIPI (J. Ilm. Penelit. dan Pembelajaran Inform.), vol. 9, no. 4, pp. 2292-2302, 2024, doi: 10.29100/jipi.v4i1.781.

[7] D. Setiawan, Human Computer Interaction 5.0. 2022.

[8] A. Hajizah, "Penerapan User Experience Dalam Permodelan Sistem Informasi Keuangan," J. Inf. Technol. Softw. Eng. Comput. Sci., vol. 2, pp. 1-11, 2024, doi: https://doi.org/10.58602/itsecs.v2i1.88.

[9] A. Kusumaningtyas and Prihandoko, "Evaluasi Layanan Kesehatan Aplikasi Depok Single Window Evaluation Of Depok Single Window Mobile Health Application Using System Usability Scale And Heuristic Evaluation Methods," J. Teknol. Inf. dan Ilmu Komput., vol. 11, no. 1, pp. 167-174, 2024, doi: 10.25126/jtiik.20241117714.

[10] S. G. Kaunang, V. Tulenan, and D. F. Sengkey, "Analisa dan Perancangan UI/UX Aplikasi Alfagift Menggunakan Metode Design Thinking," J. Tek. Elektro dan Komput., vol. 19, no. 4, pp. 329-340, 2024, doi: 10.35793/jti.v19i04.54195.

[11] I. G. N. D. Paramartha, I. putu W. Prasetia, and K. K. Wardana, "Usability Testing Pada Aplikasi Undiknas Mobile Menggunakan Metode System Usability Scale," METIK J., vol. 8, no. 1, 2024, doi: 10.47002/metik.v8i1.735.

[12] F. Zamakhsyari and A. Fatwanto, "A Systematic Literature Review of the Design Thinking Approach for User Interface Design," JOIV Int. J. Inform. Vis., vol. 7, no. 4, pp. 2313-2320, 2023, doi: https://doi.org/10.30630/joiv.7.4.1615.

[13] S. N. Kholifah, N. Heryana, and H. B. Nugraha, "Analisis Usability Pada Aplikasi Himfo Menggunakan Metode System Usability Scale ( Sus ) ( Studi Kasus Himpunan Mahasiswa Teknik Informatika Unsika )," JATI (Jurnal Mhs. Tek. Inform., vol. 7, no. 2, pp. 1416-1422, 2023, doi: https://doi.org/10.36040/jati.v7i2.6781.

[14] M. F. Akbar and I. F. Hanif, "Perancangan Ulang Antarmuka Pengguna dan Pengalaman Pengguna Aplikasi Fello Menggunakan Metode Design Thinking dan System Usability Scale," J. Pendidik. dan Teknol. Indones., vol. 5, no. 6, pp. 1619-1633, 2025, doi: https://doi.org/10.52436/1.jpti.842.

[15] L. H. Hen and M. Al-Husaini, "Perancangan Ui / Ux Aplikasi Mobile Untuk Pencegah Stunting Pada Anak Di Indonesia Menggunakan Metode Design Thinking," METHOMIKA J. Manaj. Inform. Komputerisasi Akunt., vol. 8, no. 2, pp. 187-198, 2024, doi: https://doi.org/10.46880/jmika.Vol8No2.pp187-198.

[16] D. A. S. P. Putri and A. Nugroho, "Implementasi Metode Design Thinking dalam Perancangan UI / UX Website Bellina Studio Implementation of the Design Thinking Method in the UI / UX Design of the Bellina Studio Website," J. Sist. Inf., vol. 14, pp. 1681-1697, 2025, doi: https://doi.org/10.32520/stmsi.v14i4.5265.

[17] M. N. Hadianto, R. Z. Ramadhan, F. A. Saputra, A. P. A. Masa, M. L. Jundillah, and M. R. Ibrahim, "Perancangan Ulang Aplikasi BCA Mobile Menggunakan Pendekatan Desain Thinking dan System Usability Scale," Kreat. Teknol. dan Sist. Inf., vol. 3, no. 1, pp. 1-8, 2025, doi: https://doi.org/10.30872/kretisi.v3i1.2099.

[18] T. A. A. Athoillah, S. Siswanti, and E. Zaenuddin, "Perancangan Ui/Ux E-Learning Pada Website Perpuskita Pt. Tiga Serangkai Surakarta Dengan Metode Design Thinking," urnal Ilm. Inform. Komput. Vol., vol. 29, pp. 327-341, 2024, doi: https://doi.org/10.35760/ik.2024.v29i3.13174.

[19] A. Mandani and A. M. Bakti, "Perancangan Ui/Ux Aplikasi Mobile Penjualan Pada Toko Up Store Menggunakan Figma," JSAI J. Sci. Appl. Informatics, vol. 6, 2023, doi: https://doi.org/10.36085/jsai.v6i3.5717.

[20] D. Karlina and D. R. Indah, "Perancangan User Interface dan User Experience Sistem Informasi E-learning Menggunakan Design Thinking User Interface and User Experience Design of E- learning Information System Using Design Thinking," J. Tek. Inform. dan Sist. Inf., vol. 8, no. 3, pp. 580-596, 2022, doi: https://doi.org/10.28932/jutisi.v8i3.5412.