PERANCANGAN ULANG UI/UX WEBSITE D’COFFEE CUP KE APLIKASI MOBILE DENGAN METODE DESIGN THINKING

  • Icha Sinaga Sistem Informasi, UPN Veteran Jawa Timur
  • Seftin Fitri Ana Wati Sistem Informasi UPN Veteran Jawa Timur
  • Anindo Saka Fitri Sistem Informasi UPN Veteran Jawa Timur

Abstract

D'Coffee Cup in Surabaya has implemented a web-based application for food ordering, yet it faces a significant issue due to the absence of direct payment features, resulting in long queues at the cashier. Initial usability testing revealed a score of 42.5 out of 100. A study utilizing the User Experience Questionnaire (UEQ) indicated low scores in attractiveness (-1.46), perspicuity (-1.15), efficiency (-1.65), dependability (-1.33), stimulation (-1.48), and novelty (-1.42), highlighting deficiencies in both the usability and aesthetics of the application’s UI design. Following a redesign process using the Design Thinking methodology (Empathize, Define, Ideate, Prototype, Testing), usability testing demonstrated a significant improvement with a usability score of 88, indicating an excellent level of usability. Additionally, UEQ testing results showed benchmark values for all six aspects above average: attractiveness (2.24), perspicuity (1.98), efficiency (2.15), dependability (1.93), stimulation (2.18), and novelty (2.03). Post-redesign usability testing demonstrated a significant improvement with a usability score of 88, indicating an excellent level of usability. Additionally, UEQ testing results showed benchmark values for all six aspects above average: attractiveness (2.24), perspicuity (1.98), efficiency (2.15), dependability (1.93), stimulation (2.18), and novelty (2.03).

References

[1] I. A. N. Faiza, H. Tolle and D. C. A. Nugraha, "Inovasi Rancangan Aplikasi Gizi Nutried dalam Optimalisasi Asupan Gizi Menggunakan Pendekatan Design Thinking," Jurnal Teknologi Informasi dan Ilmu Komputer (JTIIK) , vol. 10, no. 7, pp. 1583-1594, 2019.
[2] N. Sugiyarti, R. A. Hasani and Nuryanto, "Re-Design UI/UX IBS Core dengan Metode Design Thinking Untuk Meningkatkan Pengalaman Pengguna," KLIK: Kajian Ilmiah Informatika dan Komputer, 4(1), pp. 93-102, 2023.
[3] F. R. Isadora, B. T. Hanggara and Y. T. Mursityo, "Perancangan User Experience pada Aplikasi Mobile Homecare Rumah Sakit Semen Gresik Menggunakan Metode Design Thinking," Jurnal Teknologi Informasi dan Ilmu Komputer (JTIIK), 8(5), pp. 1057-1066, 2019.
[4] Alex, M. Muslih and N. D. Arianti, "Perancangan UI/UX Design Smart Genusian Mobile App Menggunakan Metode Design Thinking," Jurnal Bisnis dan Manajemen, 3(5), pp. 952-964, 2023.
[5] F. C. Wardana and I. G. L. P. Prismana, "Perancangan Ulang UI & UX Menggunakan Metode Design Thinking Pada Aplikasi Siakadu Mahasiswa Berbasis Mobile," JEISBI (Journal of Emerging Information Systems and Business Intelligence), vol. 3, no. 04, pp. 1-12, 2022.
[6] W. S. A. Pratama and A. D. Indriyanti, "Perancangan Design UI/UX E-Commerce TRINITY Berbasis Website dengan Pendekatan Design Thinking," JEIBSI (Journal of Emerging Information System and Business Intelligence) 4(1), pp. 50-61, 2023.
[7] G. Kurniawan, F. Adnan and J. A. & Putra, "Perancangan User Interface dan User Experience Aplikasi E-Commerce Kain Batik pada UMKM Rezti’s Batik Menggunakan Pendekatan Design Thinking," Jurnal Teknologi Informasi dan Ilmu Komputer, 10(3), pp. 551-560, 2023.
[8] F. B. Andhika, I. Purnamasari and A. Rizal, "Rancang Ulang User Interface dan User Experience Aplikasi M-Tix dengan Metode Design Thinking," Jurnal Pendidikan Tambusai, 7(2), pp. 19134 - 19142, 2023.
[9] N. K. T. Puspadesi, I. Aknuranda and Y. T. Mursityo, "Perancangan Interaksi dan Antarmuka Pengguna Sistem Informasi Penjualan Balinesia T-Shirt menggunakan Pendekatan Human Centered Design," Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer, 3(10), pp. 9727-9736, 2019.
[10] R. I. Rokhmawati, A. Widiyanto and A. Rachmadi, "Perancangan User Experience Sistem PKL Berbasis Website Menerapkan Context Awareness dan Metode Design Thinking di SMKN 2 Malang," Edu Komputika Journal, vol. 10, no. 1, pp. 17-26, 2023.
[11] R. K. Pangestu and M. B. Ulum, "Implementation of Deisgn Thinking Method in UI/UX Redesign of Public Complaint Application (Case Study: Go Siaga App," Jurnal Teknik Informatik (JTI), vol. 16, no. 2, pp. 112-122, 2023.
[12] R. Senjaya, D. Sweetania, M. Herawati, P. Sularsih and Rosemalatriasari, "Designing UI/UX Reservation Application Savero Hotel Depok With Design Thinking Method Using Figma," Jurnal Inovatif : Inovasi Teknologi Informasi dan Informatika, vol. 6, no. 1, pp. 1-14, 2023.
[13] N. K. Ningrum, I. W. M. Utomo and Z. Umami, "Rancang Bangun Design UI/UX pada Aplikasi PANTAU menggunakan Pendekatan Design Thinking," Jurnal Ilmiah Elektronika dan Komputer, 15(2), pp. 422-433, 2022.
[14] Ikhlas, M. I, S. T. Zainudin and M. IT, "Implementasi Metode Design Thinking Pada Perancangan UI/UX Website Tracking GPS Tiara Track," AUTOMATA, vol. 3, no. 2, pp. 1-10, 2022.
[15] I. A. Tristiyanto, D. Kurniawan and R. Arba, "Evaluasi Heuristik pada Aplikasi Terampil untuk Optimalisasi User Interface dan User Experience," Jurnal Pepadun, 1(1), pp. 109-119, 2020.
[16] M. R. Sulistyono, A. Setiawan and Nuryanto, "Penerapan Metode Design Thinking untuk Perancangan UI/UX Sistem E-Marketpalce Berbasis Website," Journal of Information System Research (JOSH), 4(4), pp. 1364-1376, 2023.
[17] H. Ilham, B. Wijayanto and S. P. Rahayu, "Analysis and Design of User Interface/User Experience With the Design Thinking Method in the Academic Information System of Jenderal Soedirman University," Jurnal Teknik Informatika (Jutif), 2(1), pp. 17-26, 2021.
[18] L. F. I. A. S. a. Z. A. M. T. Anata, "User Experience Design for Information Technology Career Preparation Platform Using the Design Thinking Method," Journal of Information Technology and Computer Science (JITeCs), vol. 8, no. 2, pp. 125-136, 2023.
[19] J. Nielsen and T. K. Landauer, "A mathematical model of the finding of usability problems," in Proceedings of ACM INTERCHI'93 Conference , Amsterdam, The Netherlands, 1993.
[20] R. C. Ratmoko and M. Pakereng, "Analisis User Experience Mahasiswa Terhadap Sistem Informasi SIASAT Menggunakan User Experience Questionnaire," Jurnal TEKINKOM, vol. 5, no. 1, pp. 11-18, 2022.
Published
2024-06-30
How to Cite
SINAGA, Icha; WATI, Seftin Fitri Ana; FITRI, Anindo Saka. PERANCANGAN ULANG UI/UX WEBSITE D’COFFEE CUP KE APLIKASI MOBILE DENGAN METODE DESIGN THINKING. Jurnal Teknik Informasi dan Komputer (Tekinkom), [S.l.], v. 7, n. 1, p. 512-520, june 2024. ISSN 2621-3079. Available at: <https://jurnal.murnisadar.ac.id/index.php/Tekinkom/article/view/1466>. Date accessed: 15 may 2025. doi: https://doi.org/10.37600/tekinkom.v7i1.1466.
Section
Articles