Designing UI/UX Mobile-Based Applications Using the Design thinking Method (Case Study of SISFO SKPI UNIMMA)

Authors

  • Alvine Candra Program Studi Teknik Informatika, Universitas Muhammadiyah Magelang
  • Pristi Sukmasetya Universitas Muhammadiyah Magelang
  • Purwono Hendradi Program Studi Teknik Informatika, Universitas Muhammadiyah Magelang

https://doi.org/10.36342/teika.v13i01.3069

Keywords:

Design Thinking, User Interface, User Experience, Mobile Application

Abstract

The development of mobile technology and the use of mobile applications are increasing, especially in the campus environment. The Information System for Certification of Graduation Supporting Documents (SISFO SKPI) UNIMMA is a system that functions as a storage and data processing place to help the process of issuing certification of graduation supporting documents for students. Currently, UNIMMA still uses a website-based application. However, the use of the SISFO SKPI UNIMMA website is not optimal and does not pay attention to good User interface (UI) and User experience (UX) design, so users feel uncomfortable when using the application. Therefore, this study aims to redesign the User interface (UI) and User experience (UX) of the SISFO SKPI UNIMMA application from the website to a mobile-based application using the Design thinking method. The Design thinking method was chosen because it is able to explore various possible solutions by involving users as the main subject. This research was conducted with the Design thinking stages, namely empathize, define, ideate, prototype, and testing. The results of the study show that the UI/UX design of the SISFO SKPI UNIMMA application using the Design thinking method is able to improve the quality of the user experience in using the SISFO SKPI UNIMMA application. This is evidenced by the results of usability testing which show a significant increase in user satisfaction with the application. The UI/UX design of the SISFO SKPI UNIMMA application is expected to be a basis for further development of the SKPI UNIMMA application.

Article Metrics

Downloads

Download data is not yet available.

References

M. Multazam, “Perancangan User interface dan User experience pada Placeplus menggunakan pendekatan User Centered Design,” Univ. Islam Indones., vol. 1, p. 8, 2020, [Online]. Available: https://journal.uii.ac.id/AUTOMATA/article/view/15528/10233

C. S. Surachman, M. R. Andriyanto, C. Rahmawati, and P. Sukmasetya, “Implementasi Metode Design thinking Pada Perancangan UI/UX Design Aplikasi Dagang.in,” TeIKa, vol. 12, no. 02, pp. 157–169, 2022, doi: 10.36342/teika.v12i02.2922.

V. D. Azis, H. Tolle, and A. Dwi Herlambang, “Perancangan User experience dan Gamifikasi Pada Aplikasi Pembelajaran Online Jurusan Sistem Informasi Menggunakan Octalysis Framework,” J. Pengemb. Teknol. Inf. Dan Ilmu Komput., vol. 4, no. 11, pp. 4132–4138, 2020, [Online]. Available: https://j-ptiik.ub.ac.id/index.php/j-ptiik/article/view/8251

G. Nabila, “MDP STUDENT CONFERENCE (MSC) 2022 Penerapan UI/UX Dengan Metode Design thinking Pada Aplikasi Jaya Indah Perkas,” Mdp Student Conf., pp. 231–238, 2022.

S. Ernawati and A. D. Indriyanti, “Perancangan User interface dan User experience Aplikasi Medical Tourism Indonesia Berbasis Mobile Menggunakan Metode User Centered Design (UCD)(Studi …,” J. Emerg. Inf. …, vol. 03, no. 04, pp. 90–102, 2022, [Online]. Available: https://ejournal.unesa.ac.id/index.php/JEISBI/article/view/49296%0Ahttps://ejournal.unesa.ac.id/index.php/JEISBI/article/download/49296/40999

T. N. Zulaikah and H. Tolle, “Perancangan Pengalaman Pengguna Aplikasi Pembayaran Retribusi Menara berbasis Mobile menggunakan Metode Design thinking ( Studi Kasus : Dinas KOMINFO Kabupaten Bondowoso ),” vol. 6, no. 3, pp. 1155–1164, 2022.

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 J. Pendidik. Multimed., vol. 2, no. 1, pp. 45–55, 2020, doi: 10.17509/edsence.v2i1.25131.

G. N. Aidi, L. Fanani, and H. Tolle, “Evaluasi dan Perbaikan Pengalaman Pengguna Aplikasi ‘ cQuran ’ Menggunakan Metode Usability Testing dan Design thinking,” J. Pengemb. Teknol. Infomasi dan Ilmu Komput., vol. 5, no. 7, pp. 2934–2941, 2021.

A. Chusnan Widodo and E. Gustri Wahyuni, “Penerapan Metode Pendekatan Design thinking dalam Rancangan Ide Bisnis Kalografi,” J. Ilm. Farm. , vol. 12, no. 1, pp. 1–7, 2016.

S. Soedewi, “Penerapan Metode Design thinking Pada Perancangan Website Umkm Kirihuci,” Vis. J. Online Desain Komun. Vis., vol. 10, no. 02, p. 17, 2022, doi: 10.34010/visualita.v10i02.5378.

R. Fahrudin and R. Ilyasa, “Perancangan Aplikasi ‘Nugas’ Menggunakan Metode Design thinking dan Agile Development,” J. Ilm. Teknol. Infomasi Terap., vol. 8, no. 1, pp. 35–44, 2021, doi: 10.33197/jitter.vol8.iss1.2021.714.

W. S. L. Nasution and P. Nusa, “UI/UX Design Web-Based Learning Application Using Design thinking Method,” ARRUS J. Eng. Technol., vol. 1, no. 1, pp. 18–27, 2021, doi: 10.35877/jetech532.

E. C. Shirvanadi and M. Idris, “Perancangan ulang UI/UX situs e-learning aminkom center metode design thinking (studi kasus: amikom center),” Automata, vol. 2, pp. 1–8, 2021, [Online]. Available: https://journal.uii.ac.id/AUTOMATA/article/view/19438/11541

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,” J. Tek. Inform., vol. 2, no. 1, pp. 17–26, 2021, doi: 10.20884/1.jutif.2021.2.1.30.

N. N. Arisa et al., “Perancangan Prototipe UI / UX Website CROWDE Menggunakan Metode Design thinking CROWDE Website UI / UX Prototype Design Using Design thinking Method,” vol. 12, no. 1, pp. 18–26, 2023, doi: 10.34148/teknika.v12i1.549.

A. H. Makalalag, Y. A. Ekawardhani, T. Valentina, and L. Gaol, “User interface/User experience Design for Mobile-Based Project Management Application Using Design thinking Approach,” Int. J. Educ. Inf. Technol. Others, vol. 4, no. 2, pp. 269–274, 2021, doi: 10.5281/zenodo.5055189.

E. Susanti, E. Fatkhiyah, and E. Efendi, “Pengembangan Ui/Ux Pada Aplikasi M-Voting Menggunakan Metode Design thinking,” Simp. Nas. RAPI XVIIII FT UMS, pp. 364–370, 2019.

I. R. Darmawan, P. Hendradi, and P. Sukmasetya, “E-learning user interface design for lecturers based on usability scale system approach ( Case Study : E-Learning Universitas Muhammadiyah Magelang ),” vol. 02, no. 02, pp. 70–81, 2022.

Ilham Firman Ashari and Rahmat Rizky Muharram, “Pengembangan Antarmuka Pengguna Kolepa Mobile App Menggunakan Metode Design thinking Dan System usability scale,” JSiI (Jurnal Sist. Informasi), vol. 9, no. 2, pp. 168–176, 2022, doi: 10.30656/jsii.v9i2.4993.

A. Nioga, K. C. Brata, and L. Fanani, “Evaluasi Usability Aplikasi Mobile KAI Access Menggunakan Metode System usability scale (SUS) Dan Discovery Prototyping (Studi Kasus PT KAI),” J. Pengemb. Teknol. Inf. dan Ilmu Komputer; Vol 4 No 10, vol. 3, no. 2, pp. 1396–1402, 2019.

Published

2023-05-04

How to Cite

Candra, A., Sukmasetya, P., & Hendradi, P. (2023). Designing UI/UX Mobile-Based Applications Using the Design thinking Method (Case Study of SISFO SKPI UNIMMA). TeIKa, 13(01), 53-68. https://doi.org/10.36342/teika.v13i01.3069