Development of User Interface/User Experience using Design Thinking Approach for GMS Service Company
Keywords:
UI/UX prototype, design thinking, SUS
Abstract
Information systems have an important role for firms to increase productivity. A service company located in Bontang, East Kalimantan, Indonesia (GMS), is engaged in scaffolding installation services and scaffolding rentals. The company has steadily experienced annual increase in the number of customers over the years. However, due to the still in manual-way of managing the scaffolding material, the increase of workload has also led to the increasing number of material handling human error cases and inefficient service processing time. As a company that provides B2B services, the management (user) then needs a website-based system for scaffolding material management that is tailored to their service operations and suits their special needs to support their operation. Thus, this study analyzes the suitable user interface/user experience using the Design Thinking method, which consists of 5 steps, namely Empathize, Define, Ideate, Prototype and Test. It serves as the initial phase of information system building to make sure that the design of the website based information system will suit the needs of their management. After conducting empathize stage using interview techniques and questionnaires and also conducting the define stage to gain insights on the required needs, it was known that the website system needed particular features, namely the availability of customer data, material data, user data, work partner data, transaction reports, invoices, integration with whatsapp and email, as well as a dashboard to visualize data such as the amount of material rented, available materials, and transaction history. In the prototype development stage, online UI/UX design tools are used. Using the prototype, the testing stage was then carried out, using the System Usability Scale (SUS) method. As a result, a value of 80.86 was obtained, meaning that the system created has good usability and can be used on an ongoing basis.
Downloads
Download data is not yet available.
References
[1] J. Ruey-Jer, R. R. Sinkovics, and D. Kim, "Information technology and organizational performance within international business to business relationships: a review and an integrated conceptual framework," International marketing review, 25, no. 5, pp. 563-583, 2008.
[2] P. P. Tallon, "A process-oriented perspective on the alignment of information technology and business strategy," Journal of Management Information Systems, vol. 24, no. 3, pp. 227-268, 2003.
[3] D. Chasanidou, A. A. Gasparini, and E. Lee. "Design thinking methods and tools for innovation," Design, user experience, and usability: Design discourse, pp. 12-23. Springer, Cham, 2015.
[4] E. Prasetyo, and A. Putra. "Implementasi waterfall model dalam pengembangan sistem informasi eksekutif penduduk." Journal of Information Systems and Informatics, vol. 3, no. 1, pp. 213-224, 2021.
[5] R. Setiawan, and W. Nugroho. "Rancang Bangun Aplikasi Pemesanan Makanan Berbasis Android." Journal of Information Systems and Informatics, vol. 3, no. 2. pp. 329-340, 2021.
[6] A.A. Razi, I. R. Mutiaz, and P. Setiawan, "Penerapan Metode Design Thinking Pada Model Perancangan Ui/Ux Aplikasi Penanganan Laporan Kehilangan Dan Temuan Barang Tercecer," Demandia: Jurnal Desain Komunikasi Visual, Manajemen Desain, dan Periklanan, vol. 3, no. 02, pp. 219-237, 2018.
[7] A.R. Rabbani, “Penerapan Design Thinking Terhadap Usaha Baju Di Toko Setal Pangkalpinang Dengan Menggunakan Website Sebagai Salah Satu Solusi,” Rainstek: Jurnal Terapan Sains dan Teknologi, pp. 167-175, 2021.
[8] K.K. Allah, N. A. Ismail, and H. Elrobaa. "Empathy Map Instrument for Analyzing Human-Computer Interaction in Using Web Search UI by Elderly Users," in 2021 International Congress of Advanced Technology and Engineering (ICOTEN), pp. 1-5. IEEE, 2021.
[9] R.A.S. Prayoga, "Pemodelan proses bisnis coffee shop menggunakan business model canvas dan empathy map." Journal Industrial Servicess, vol.7, no. 2, pp. 308-313., 2022.
[10] D. Neubauer, V. Paepcke-Hjeltness, P. Evans, B. Barnhart, and T. Finseth. "Experiencing technology enabled empathy mapping." The Design Journal, vol. 20, no. sup1, pp. S4683-S4689, 2017.
[11] R. F. A. Aziza, “ANALISIS KEBUTUHAN PENGGUNA APLIKASI MENGGUNAKAN USER PERSONA DAN USER JOURNEY: Studi Kasus Aplikasi Asisten Keuangan Personal,” Information System Journal, vol. 3, no. 2, pp. 6-10, 2020.
[12] S.R. Anggraeni, and W.A. Kusuma, "Analisis Kebutuhan Pengguna Learning Management System Terhadap Pembelajaran Jarak Jauh Menggunakan Metode User Persona," Jurnal Ilmiah Technologia, vol. 12, no. 3, pp. 182-187, 2021.
[13] S. Bucolo, and J. Matthews. "A conceptual model to link deep customer insights to both growth opportunities and organisational strategy in sme's as part of a design led transformation journey," in Design management: towards a new era of innovation: Proceedings of the 2011 Tsinghua-DMI international design management symposium, pp. 243-250, 2011.
[14] L.D. Ramadhan, F. Pradana, and F.l Amalia. "Sistem Pengembangan Workflow Manajemen Kerja (Studi Kasus: PT. Chevron Pacific Indonesia)." Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer e-ISSN 2548 p.964X, 2019.
[15] D. Effendi, and B. Hardiyana. "Rancangan Aplikasi Pembelajaran Angklung Untuk SLB Bagian B Tuna Rungu Berbasis Android," InfoTekJar: Jurnal Nasional Informatika dan Teknologi Jaringan, vol. 4, no. 1, pp. 151-154, 2019.
[16] I.P. Sari, A. H. Kartina, A. M. Pratiwi, F. Oktariana, M. F. Nasrulloh, and S. A. Zain, "Implementasi Metode Pendekatan Design Thinking dalam Pembuatan Aplikasi Happy Class Di Kampus UPI Cibiru," Edsence: Jurnal Pendidikan Multimedia, vol. 2, no. 1 pp. 45-55, 2020.
[17] A. Martias, "Analisa Kecukupan Penerapan Pengawasan Internal Dengan Metode System Development Life Cycle PT. XYZ." Moneter-Jurnal Akuntansi dan Keuangan, vol. 5, no. 2 pp. 139-148, 2018.
[18] M. H. Abdurrohman and L. Trisnawati, “Model Rancangan Aplikasi Promosi Usaha Rempah Menggunakan Design Thinking,” JOISIE (Journal of Information Systems and Informatics Engineering), pp. 29-36, 2021.
[19] M.R. Wibowo, and H. Setiaji. "Perancangan Website Bisnis Thrifdoor Menggunakan Metode Pendekatan Design Thinking," AUTOMATA, vol.1, no. 2, 2020.
[20] S. Amalina, F. Wahid., V. Satriadi, F. S. Farhani and N. Setiani, “Rancang Purwarupa Aplikasi UniBook Menggunakan Metode Pendekatan Design Thinking,” In Seminar Nasional Aplikasi Teknologi Informasi (SNATi), pp. 50-55, 2017.
[21] R. Andrian, A. S. Putri, F. Wiryandhani and N. I. Rizaldi, “Pengembangan Website ECommerce Khusus Untuk Penyedia Jasa Penjualan Hampers Dengan Metode Design Thinking,” INTEGRATED (Journal of Information Technology and Vocational Education), pp. 10-14, 2021.
[22] A.Z. Nadimsyah, J. JaFar and M.R. Pribadi, “Pengembangan UI/UX Pada Aplikasi Usahaqqu Dengan Menggunakan Metode Design Thinking,” In MDP Student Conference, vol. 1, no. 1, pp. 261-266, January 2022.
[23] ISO, W. "9241-11. Ergonomic requirements for office work with visual display terminals (VDTs)." The international organization for standardization 45, no. 9, 1998.
[24] J. Brooke, “SUS: A Retrospective,” Journal of Usability Studies, pp.29-40, 2013.
[25] S. Suyanto and U. Ependi, “Pengujian Usability dengan Teknik System Usability Scale pada Test Engine Try Out Sertifikasi,” MATRIK: Jurnal Manajemen, Teknik Informatika dan Rekayasa Komputer, vol. 19, no.1, pp. 62-69, 2019.
[26] A. Blair-Early, and M. Zender. "User interface design principles for interaction design." Design Issues vol. 24, no. 3, pp. 85-107, 2008.
[27] E.A. Rahmasari, E. Adyati, and D. H. Yanuarsari, "Kajian usability dalam konsep dasar user experience pada game Abc Kids-Tracing And Phonics sebagai media edukasi universal untuk anak," Demandia: Jurnal Desain Komunikasi Visual, Manajemen Desain, dan Periklanan, pp. 49-71, 2017
[28] H. Joo, "A study on understanding of UI and UX, and understanding of design according to user interface change." International Journal of Applied Engineering Research, vol. 12, no. 20, 9931-9935, 2017.
[2] P. P. Tallon, "A process-oriented perspective on the alignment of information technology and business strategy," Journal of Management Information Systems, vol. 24, no. 3, pp. 227-268, 2003.
[3] D. Chasanidou, A. A. Gasparini, and E. Lee. "Design thinking methods and tools for innovation," Design, user experience, and usability: Design discourse, pp. 12-23. Springer, Cham, 2015.
[4] E. Prasetyo, and A. Putra. "Implementasi waterfall model dalam pengembangan sistem informasi eksekutif penduduk." Journal of Information Systems and Informatics, vol. 3, no. 1, pp. 213-224, 2021.
[5] R. Setiawan, and W. Nugroho. "Rancang Bangun Aplikasi Pemesanan Makanan Berbasis Android." Journal of Information Systems and Informatics, vol. 3, no. 2. pp. 329-340, 2021.
[6] A.A. Razi, I. R. Mutiaz, and P. Setiawan, "Penerapan Metode Design Thinking Pada Model Perancangan Ui/Ux Aplikasi Penanganan Laporan Kehilangan Dan Temuan Barang Tercecer," Demandia: Jurnal Desain Komunikasi Visual, Manajemen Desain, dan Periklanan, vol. 3, no. 02, pp. 219-237, 2018.
[7] A.R. Rabbani, “Penerapan Design Thinking Terhadap Usaha Baju Di Toko Setal Pangkalpinang Dengan Menggunakan Website Sebagai Salah Satu Solusi,” Rainstek: Jurnal Terapan Sains dan Teknologi, pp. 167-175, 2021.
[8] K.K. Allah, N. A. Ismail, and H. Elrobaa. "Empathy Map Instrument for Analyzing Human-Computer Interaction in Using Web Search UI by Elderly Users," in 2021 International Congress of Advanced Technology and Engineering (ICOTEN), pp. 1-5. IEEE, 2021.
[9] R.A.S. Prayoga, "Pemodelan proses bisnis coffee shop menggunakan business model canvas dan empathy map." Journal Industrial Servicess, vol.7, no. 2, pp. 308-313., 2022.
[10] D. Neubauer, V. Paepcke-Hjeltness, P. Evans, B. Barnhart, and T. Finseth. "Experiencing technology enabled empathy mapping." The Design Journal, vol. 20, no. sup1, pp. S4683-S4689, 2017.
[11] R. F. A. Aziza, “ANALISIS KEBUTUHAN PENGGUNA APLIKASI MENGGUNAKAN USER PERSONA DAN USER JOURNEY: Studi Kasus Aplikasi Asisten Keuangan Personal,” Information System Journal, vol. 3, no. 2, pp. 6-10, 2020.
[12] S.R. Anggraeni, and W.A. Kusuma, "Analisis Kebutuhan Pengguna Learning Management System Terhadap Pembelajaran Jarak Jauh Menggunakan Metode User Persona," Jurnal Ilmiah Technologia, vol. 12, no. 3, pp. 182-187, 2021.
[13] S. Bucolo, and J. Matthews. "A conceptual model to link deep customer insights to both growth opportunities and organisational strategy in sme's as part of a design led transformation journey," in Design management: towards a new era of innovation: Proceedings of the 2011 Tsinghua-DMI international design management symposium, pp. 243-250, 2011.
[14] L.D. Ramadhan, F. Pradana, and F.l Amalia. "Sistem Pengembangan Workflow Manajemen Kerja (Studi Kasus: PT. Chevron Pacific Indonesia)." Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer e-ISSN 2548 p.964X, 2019.
[15] D. Effendi, and B. Hardiyana. "Rancangan Aplikasi Pembelajaran Angklung Untuk SLB Bagian B Tuna Rungu Berbasis Android," InfoTekJar: Jurnal Nasional Informatika dan Teknologi Jaringan, vol. 4, no. 1, pp. 151-154, 2019.
[16] I.P. Sari, A. H. Kartina, A. M. Pratiwi, F. Oktariana, M. F. Nasrulloh, and S. A. Zain, "Implementasi Metode Pendekatan Design Thinking dalam Pembuatan Aplikasi Happy Class Di Kampus UPI Cibiru," Edsence: Jurnal Pendidikan Multimedia, vol. 2, no. 1 pp. 45-55, 2020.
[17] A. Martias, "Analisa Kecukupan Penerapan Pengawasan Internal Dengan Metode System Development Life Cycle PT. XYZ." Moneter-Jurnal Akuntansi dan Keuangan, vol. 5, no. 2 pp. 139-148, 2018.
[18] M. H. Abdurrohman and L. Trisnawati, “Model Rancangan Aplikasi Promosi Usaha Rempah Menggunakan Design Thinking,” JOISIE (Journal of Information Systems and Informatics Engineering), pp. 29-36, 2021.
[19] M.R. Wibowo, and H. Setiaji. "Perancangan Website Bisnis Thrifdoor Menggunakan Metode Pendekatan Design Thinking," AUTOMATA, vol.1, no. 2, 2020.
[20] S. Amalina, F. Wahid., V. Satriadi, F. S. Farhani and N. Setiani, “Rancang Purwarupa Aplikasi UniBook Menggunakan Metode Pendekatan Design Thinking,” In Seminar Nasional Aplikasi Teknologi Informasi (SNATi), pp. 50-55, 2017.
[21] R. Andrian, A. S. Putri, F. Wiryandhani and N. I. Rizaldi, “Pengembangan Website ECommerce Khusus Untuk Penyedia Jasa Penjualan Hampers Dengan Metode Design Thinking,” INTEGRATED (Journal of Information Technology and Vocational Education), pp. 10-14, 2021.
[22] A.Z. Nadimsyah, J. JaFar and M.R. Pribadi, “Pengembangan UI/UX Pada Aplikasi Usahaqqu Dengan Menggunakan Metode Design Thinking,” In MDP Student Conference, vol. 1, no. 1, pp. 261-266, January 2022.
[23] ISO, W. "9241-11. Ergonomic requirements for office work with visual display terminals (VDTs)." The international organization for standardization 45, no. 9, 1998.
[24] J. Brooke, “SUS: A Retrospective,” Journal of Usability Studies, pp.29-40, 2013.
[25] S. Suyanto and U. Ependi, “Pengujian Usability dengan Teknik System Usability Scale pada Test Engine Try Out Sertifikasi,” MATRIK: Jurnal Manajemen, Teknik Informatika dan Rekayasa Komputer, vol. 19, no.1, pp. 62-69, 2019.
[26] A. Blair-Early, and M. Zender. "User interface design principles for interaction design." Design Issues vol. 24, no. 3, pp. 85-107, 2008.
[27] E.A. Rahmasari, E. Adyati, and D. H. Yanuarsari, "Kajian usability dalam konsep dasar user experience pada game Abc Kids-Tracing And Phonics sebagai media edukasi universal untuk anak," Demandia: Jurnal Desain Komunikasi Visual, Manajemen Desain, dan Periklanan, pp. 49-71, 2017
[28] H. Joo, "A study on understanding of UI and UX, and understanding of design according to user interface change." International Journal of Applied Engineering Research, vol. 12, no. 20, 9931-9935, 2017.
Published
2022-06-12
Abstract views: 10469 times
Download PDF: 5489 times
How to Cite
Suratno, B., & Shafira, J. (2022). Development of User Interface/User Experience using Design Thinking Approach for GMS Service Company. Journal of Information Systems and Informatics, 4(2), 469-494. https://doi.org/10.51519/journalisi.v4i2.344
Section
Articles
- I certify that I have read, understand and agreed to the Journal of Information Systems and Informatics (Journal-ISI) submission guidelines, policies and submission declaration. Submission already using the provided template.
- I certify that all authors have approved the publication of this and there is no conflict of interest.
- I confirm that the manuscript is the authors' original work and the manuscript has not received prior publication and is not under consideration for publication elsewhere and has not been previously published.
- I confirm that all authors listed on the title page have contributed significantly to the work, have read the manuscript, attest to the validity and legitimacy of the data and its interpretation, and agree to its submission.
- I confirm that the paper now submitted is not copied or plagiarized version of some other published work.
- I declare that I shall not submit the paper for publication in any other Journal or Magazine till the decision is made by journal editors.
- If the paper is finally accepted by the journal for publication, I confirm that I will either publish the paper immediately or withdraw it according to withdrawal policies
- I Agree that the paper published by this journal, I transfer copyright or assign exclusive rights to the publisher (including commercial rights)
