DESIGN UI/UX SISTEM INFORMASI FINOYA PADA PT KARYA PRIMA PONDASI MENGGUNAKAN METODE DESIGN THINKING
DOI:
https://doi.org/10.31849/qr156897Keywords:
UI/UX, Design Thinking, Sistem Informasi, FINOYA, Usability, SUSAbstract
UI/UX merupakan bagian penting dalam pengembangan sistem informasi karena berpengaruh langsung terhadap kenyamanan dan kemudahan pengguna saat berinteraksi dengan sistem. Pada PT Karya Prima Pondasi, sistem FINA yang digunakan untuk mengelola data proyek dan keuangan masih belum sepenuhnya mendukung kebutuhan pengguna. Hal ini terlihat dari hasil kuesioner System Usability Scale (SUS) yang hanya memperoleh nilai sekitar 60–65, yang menunjukkan bahwa sistem masih tergolong cukup, tetapi belum sepenuhnya mudah digunakan. Beberapa kendala yang ditemukan di antaranya navigasi yang kurang jelas, tampilan yang tidak konsisten, serta proses input data yang dirasa kurang praktis.Melalui penelitian ini, metode Design Thinking digunakan untuk merancang ulang tampilan sistem agar lebih sesuai dengan kebutuhan pengguna. Proses yang dilakukan meliputi tahap empathize, define, ideate, prototype, dan test. Dari tahapan tersebut dihasilkan wireframe, user flow, dan prototype desain baru yang lebih sederhana, terstruktur, dan mudah dipahami. Hasil pengujian menunjukkan bahwa desain baru dapat membantu meningkatkan pengalaman pengguna serta memperbaiki alur kerja di dalam sistem.Secara keseluruhan, penggunaan metode Design Thinking terbukti membantu menghasilkan rancangan UI/UX yang lebih intuitif dan berpusat pada kebutuhan pengguna, sehingga dapat mendukung operasional perusahaan secara lebih efektif.
References
[1] Y. E. Oktian, “Perancangan dan Pembuatan Sistem Informasi Keuangan Berbasis Desktop Pada PT XYZ,” J. Inf. Syst. Hosp. Technol., vol. 5, no. 2, pp. 48–55, 2023, doi: 10.37823/insight.v5i2.299.
[2] R. Wijayanti, T. Sutabri, and I. Effendy, “Implementasi Metode Design Thinking pada Perancangan UI / UX Aplikasi Logbook Magang dalam Perspektif Sosiologi peserta magang , agar dari catatan tersebut pihak kampus juga dapat melihat pelajaran apa,” vol. 9, no. 2, pp. 1020–1034, 2023.
[3] M. Z. K. Sagala, Andhika Giri Persada, and Aridhanyati Arifin, “Kajian Literatur Desain Ui/Ux Aplikasi Mobile Untuk Manajemen Kontrol Kehamilan,” Teknosia, vol. 18, no. 1, pp. 30–42, 2024, doi: 10.33369/teknosia.v18i1.35647.
[4] Khoirunnisa and I. Faqihuddin Hanif, “BULLETIN OF COMPUTER SCIENCE RESEARCH Perancangan Ulang UI/UX Dengan Penerapan Metode Design Thinking,” Media Online), vol. 5, no. 4, pp. 503–512, 2025, doi: 10.47065/bulletincsr.v5i4.596.
[5] J. S. Prayogo, R. Kriswibowo, P. A. Alia, R. W. Febriana, and A. B. Setyawan, “Perancangan Ulang Desain Ui/Ux Website Universitas Dengan Metode Design Thinking,” J. Inf. Syst. Manag. Digit. Bus., vol. 1, no. 4, pp. 407–416, 2024, doi: 10.59407/jismdb.v1i4.775.
[6] E. F. Firdani, I. F. Hanif, Muhammad Febriansyah, and M. Y. Widsono, “Implementation of Website-Based UI UX Using the Design Thinking Method: Case Study at PT Jesinra Makmur Group,” J. Adv. Inf. Ind. Technol., vol. 6, no. 1, pp. 73–82, 2024, doi: 10.52435/jaiit.v6i1.586.
[7] P. Ui and U. X. Tinjauan, “Penerapan metode design thinking dalam pengembangan ui/ux: tinjauan literatur,” vol. 9, no. 2, pp. 139–148, 2023.
[8] I. Br, K. Sekali, S. A. Widiana, S. Informasi, and U. S. Ratulangi, “Perancangan UI / UX Aplikasi Mobile Produk Fashion Pria pada Toko Celcius di Kota Manado Menggunakan Design Thinking,” vol. 2, no. September, pp. 53–64, 2023.
[9] T. Buana Ayu and N. Wijaya, “2 Nd Mdp Student Conference (Msc) 2023 Penerapan Metode Design Thinking Pada Perancangan Prototype Aplikasi Payoprint Berbasis Android,” MDP Student Conf., vol. 2, pp. 68–75, 2023.
[10] C. M. Johnson, T. Johnson, and J. Zhang, “Increasing productivity and reducing errors through usability analysis: a case study and recommendations.,” Proc. AMIA Symp., pp. 394–398, 2000.
[11] S. Sudjiran, M. Saefudin, and S. A. Perdana, “Digital System Ui/Ux Design Management Submission of Agricultural Cost Loans Using Figma Software,” J. Inf. Syst. Informatics Comput., vol. 7, no. 1, p. 74, 2023, doi: 10.52362/jisicom.v7i1.1090.
[12] W. A. Kusuma, K. M. Ghufron, and Fauzan, “Penggunaan User Persona Untuk Evaluasi Dan Meningkatkan Ekspektasi Pengguna Dalam Kebutuhan Sistem Informasi Akademik,” Sintech J., vol. 2, no. 1, pp. 1–10, 2021.
[13] S. R. Anggraeni and W. A. Kusuma, “Analisis Kebutuhan Pengguna Learning Management System Terhadap Pembelajaran Jarak Jauh Menggunakan Metode User Persona,” Technol. J. Ilm., vol. 12, no. 3, p. 182, 2021, doi: 10.31602/tji.v12i3.5182.
[14] B. Ferreira, W. Silva, E. Oliveira, and T. Conte, “Designing personas with empathy map,” Proc. Int. Conf. Softw. Eng. Knowl. Eng. SEKE, vol. 2015-Janua, pp. 501–505, 2015, doi: 10.18293/SEKE2015-152.
[15] S. G. Kaunang, V. Tulenan, and D. F. Sengkey, “Analysis and Design of UI/UX of Alfagift Application Using Design Thinking Method,” J. Tek. Inform., vol. 19, no. 4, pp. 329–340, 2024.
[16] Z. Shafarazaq, V. A. Bramasta, L. A. Avdillah, and Y. Sahria, “Penerapan metode design thinking dalam perancangan UI/UX aplikasi edukasi dan konsultasi kondisi kesehatan mental,” J. Rekayasa Sist. Inf. dan Teknol., vol. 1, no. 2, p. 82, 2023.
[17] R. Fahrudin and R. Ilyasa, “Designing the ‘NUGAS’ Application Using the Design Thinking and Agile Development Methods,” J. Ilm. Teknol. Infomasi Terap., vol. 8, no. 1, pp. 35–44, 2021.
[18] D. Saputra and R. Kania, “Implementasi Design Thinking untuk User Experience Pada Penggunaan Aplikasi Digital,” Pros. Ind. Res. Work. Natl. Semin., vol. 13, p. 1175, 2022.
[19] R. P. Sutanto, “Analisis User Flow pada Website Pendidikan: Studi Kasus Website DKV UK Petra,” Nirmana, vol. 22, no. 1, pp. 41–51, 2022, doi: 10.9744/nirmana.22.1.41-51.
[20] I. Artikel, “Pelatihan Desain UI / UX Website UMKM Profile Labscarpe Dengan Aplikasi Figma,” vol. 3, no. 2, pp. 1972–1980, 2023.
[21] P. Kustanto, R. Bram Khalil, and A. Noe’man, “Penerapan Metode Prototype dalam Perancangan Media Pembelajaran Interaktif,” J. Students‘ Res. Comput. Sci., vol. 5, no. 1, pp. 83–94, 2024, doi: 10.31599/6x0dfz47.
[22] M. A. Muhyidin, M. A. Sulhan, and A. Sevtiana, “Perancangan Ui/Ux Aplikasi My Cic Layanan Informasi Akademik Mahasiswa Menggunakan Aplikasi Figma,” J. Digit, vol. 10, no. 2, p. 208, 2020, doi: 10.51920/jd.v10i2.171.
[23] J. J. R. Lewis, “Revisiting the Factor Structure of the System Usability Scale,” vol. 12, no. 4, pp. 183–192, 2017.
[24] N. Putu, Y. Andini, N. Tri, and A. Putra, “PENGUKURAN USABILITY APLIKASI KALENDER BALI DENGAN SYSTEM USABILITY SCALE ( SUS ) : STUDI EMPIRIS TERHADAP PENGGUNA,” vol. 9, no. 3, pp. 5309–5316, 2025.
[25] M. F. Rahman, “5 Analisis Usability Website PTPN IV Regional 1 Menggunakan Metode Heuristic Evaluation,” Indones. Res. J. Educ., vol. 5, no. 3, p. 437, 2025, doi: https://doi.org/10.31004/irje.v5i3.2646.
[26] N. Riswan, R., & Nilawati, Interaksi Manusia Dan Komputer: Teori, Metode dan Aplikasi. Yogyakarta: PT. Star Digital Publishing, 2025.
[27] J. Nielsen, Usability engineering. San Diego, CA: Academic Press, 1994.
[28] S. Few, Show me the numbers: Designing tables and graphs to enlighten (2nd ed.). Burlingame, CA: Analytics Press, 2012.
[29] T. Brown, Change by design: How design thinking transforms organizations and inspires innovation. New York: Harper Business, 2009.
Downloads
Published
Issue
Section
License
Copyright (c) 2026 ZONAsi: Jurnal Sistem Informasi

This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
CC BY-SA 4.0
Attribution-ShareAlike 4.0
You are free to:
- Share — copy and redistribute the material in any medium or format for any purpose, even commercially.
- Adapt — remix, transform, and build upon the material for any purpose, even commercially.
- The licensor cannot revoke these freedoms as long as you follow the license terms.
Under the following terms:
- Attribution — You must give appropriate credit , provide a link to the license, and indicate if changes were made . You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or your use.
- ShareAlike — If you remix, transform, or build upon the material, you must distribute your contributions under the same license as the original.
- No additional restrictions — You may not apply legal terms or technological measures that legally restrict others from doing anything the license permits.
Notices:
You do not have to comply with the license for elements of the material in the public domain or where your use is permitted by an applicable exception or limitation .
No warranties are given. The license may not give you all of the permissions necessary for your intended use. For example, other rights such as publicity, privacy, or moral rights may limit how you use the material.
