Designing User Interface and User Experience for Sabrina Hijab Application Using Design Thinking

Authors

  • Audrey Ardelia Universitas Brawijaya https://orcid.org/0009-0009-4237-0230
  • Mochammad Anshori Informatika, Institut Teknologi, Sains, dan Kesehatan RS.DR. Soepraoen Kesdam V/BRW
  • Wahyu Teja Kusuma Informatics, Institut Teknologi, Sains, dan Kesehatan RS.DR. Soepraoen Kesdam V/BRW, Indonesia
  • Ahsanun Naseh Khudori Informatics, Institut Teknologi, Sains, dan Kesehatan RS.DR. Soepraoen Kesdam V/BRW, Indonesia

DOI:

https://doi.org/10.26905/jtmi.v11i1.15464

Keywords:

Design Thinking, System Usability Scale, User Experience Questionnaire, User Experience, User Interface

Abstract

Smartphones have become indispensable tools in business operations due to their convenience and practicality. It is reflected in the Sabrina Hijab shop, where the owner has relied on smartphones since its establishment. However, challenges emerged, such as the difficulty distinguishing between resellers and regular customers and how administrators manage the online store and the conventional business using a single device. To address these issues, this study adopts the Design Thinking approach, which consists of five stages: empathize, define, ideate, prototype, and testing. The evaluation phase utilized the User Experience Questionnaire (UEQ) and the System Usability Scale (SUS). The SUS test resulted in a final average score categorized as Poor, while the UEQ results indicated a rating of Excellent. Based on these results, it can be concluded that the prototype designed is for user comfort and convenience, has a pretty good value according to the UEQ and SUS score scales, and increases efficiency and visual appeal. This study is expected to serve as a UI/UX design reference for micro, small, and medium enterprises (MSMEs) using the Design Thinking approach. Future development will focus on enhancing the application's simplified interface features.

Downloads

Download data is not yet available.

References

B. Berlilana, R. Utami, and W. M. Baihaqi, “Pengaruh Teknologi Informasi Revolusi Industri 4.0 terhadap Perkembangan UMKM Sektor Industri Pengolahan,” Matrix J. Manaj. Teknol. dan Inform., vol. 10, no. 3, pp. 87–93, 2020, doi: 10.31940/matrix.v10i3.1930.

N. A. Novita, S. Oktianingrum, and V. F. Sanjaya, “Pengaruh Digitalisasi Pemasaran (Pemasaran Online) Terhadap Peningkatan Pendapatan Umkm Pada Perspektif Ekonomi Syariah Di Kota Bandar Lampung,” Al-Dzahab, vol. 3, no. 1, pp. 1–9, 2022, doi: 10.32939/dhb.v3i1.1037.

W. Aditama, H. Tolle, and R. I. Rokhmawati, “Perancangan User Experience Aplikasi Pembelajaran Investasi Pasar Modal berbasis Mobile menggunakan Metode Design Thinking,” J. Pengemb. Teknol. Inf. dan Ilmu Komput., vol. 5, no. 10, pp. 4286–4295, 2021, [Online]. Available: http://j-ptiik.ub.ac.id.

F. Fariyanto and F. Ulum, “Perancangan Aplikasi Pemilihan Kepala Desa Dengan Metode Ux Design Thinking (Studi Kasus: Kampung Kuripan),” J. Teknol. dan Sist. Inf., vol. 2, no. 2, pp. 52–60, 2021, [Online]. Available: http://jim.teknokrat.ac.id/index.php/JTSI.

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,” Desain Komun. Vis. Manaj. Desain dan Periklanan, vol. 3, no. 02, p. 219, 2018, doi: 10.25124/demandia.v3i02.1549.

C. N. Previana, R. S. Pradini, and J. G. Noke, “Development of a Space Rental Website Using Design Thinking,” J. Enhanc. Stud. Informatics Comput. Appl., vol. 1, no. 1, pp. 12–16, 2024, doi: 10.47794/jesica.v1i1.4.

F. R. Isadora et al., “PERANCANGAN USER EXPERIENCE PADA APLIKASI MOBILE HOMECARE RUMAH SAKIT SEMEN GRESIK MENGGUNAKAN METODE DESIGN THINKING USER EXPERIENCE DESIGN OF RUMAH SAKIT SEMEN GRESIK ’ S HOMECARE,” vol. 8, no. 5, pp. 1057–1066, 2021, doi: 10.25126/jtiik.202184550.

M. R. Anshari, A. P. Kuncoro, and P. Subarkah, “Designing Ui/Ux for Elementary School E-Learning Using Design Thinking Method,” JURTEKSI (Jurnal Teknol. dan Sist. Informasi), vol. 10, no. 3, pp. 575–582, 2024, doi: 10.33330/jurteksi.v10i3.3177.

M. Schrepp, A. Hinderks, and J. Thomaschewski, “Design and Evaluation of a Short Version of the User Experience Questionnaire (UEQ-S),” Int. J. Interact. Multimed. Artif. Intell., vol. 4, no. 6, p. 103, 2017, doi: 10.9781/ijimai.2017.09.001.

R. S. Pradini, “Usability Evaluation on the SIPR Website Uses the System Usability Scale and Net Promoter Score,” pp. 280–284, 2019.

International Organization for Standardization, “Ergonomics of human system interaction Part 210 : Human-centred design for interactive systems,” ISO, vol. 10406–1:20, pp. 3–6, 2019.

G. Karnawan, “Implementasi User Experience Menggunakan Metode Design Thinking Pada Prototype Aplikasi Cleanstic,” J. Teknoinfo, vol. 15, no. 1, p. 61, 2021, doi: 10.33365/jti.v15i1.540.

B. D. Prasetiyo, W. T. Kusuma, and M. Anshori, “PERANCANGAN APLIKASI KEUANGAN PERGURUAN TINGGI,” vol. 8, no. 1, pp. 37–44, 2024.

H. Y. Madawara, P. F. Tanaem, and D. H. Bangkalang, “Perancangan Ui/Ux Aplikasi Ktm Multifungsi Menggunakan Metode Design Thinking,” J. Pendidik. Teknol. Inf., vol. 5, no. 2, pp. 111–125, 2022, doi: 10.37792/jukanti.v5i2.560.

W. R. Damayanti, A. P. Kuncoro, P. Subarkah, and R. E. Saputro, “Designing Ui/Ux of Doctor’S Consultation Application Using Design Thinking Method,” JURTEKSI (Jurnal Teknol. dan Sist. Informasi), vol. 10, no. 2, pp. 307–314, 2024, doi: 10.33330/jurteksi.v10i2.3053.

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.

I. Engineering et al., “Perancangan Ui / Ux Aplikasi Ogan Lopian Diskominfo,” vol. 7, no. 1, pp. 55–70, 2023.

D. S. Anwar, W. T. Kusuma, M. S. Haris, and K. Malang, “Perancangan Dashboard Vaksinasi dengan Kombinasi Design Sprint , Persona , Crazy 8 ’ S , DAN,” vol. 9, pp. 569–575, 2024.

G. Wisnu, C. Bagaskara, A. Voutama, and A. A. Ridha, “Perancangan Tampilan Antarmuka Aplikasi Self-Care Berbasis Mobile Untuk Mengatasi Kesehatan Mental Dengan Metode Design Thinking,” Inf. Manag. Educ. Prof., vol. 7, no. 2, pp. 124–133, 2023.

K. H. Lim and N. Setiyawati, “Perancangan User Experience Aplikasi Mobile Majuli Menggunakan Metode Design Thinking,” J. Inf. Technol. Ampera, vol. 3, no. 2, pp. 108–123, 2022, doi: 10.51519/journalita.volume3.isssue2.year2022.page108-123.

F. C. Wardana, I. G. Lanang, and P. Eka, “Perancangan Ulang UI & UX Menggunakan Metode Design Thinking Pada Aplikasi Siakadu Mahasiswa Berbasis Mobile,” J. Emerg. Inf. Syst. Bus. Intell., vol. 03, no. 04, pp. 1–12, 2022.

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.

Downloads

Published

04-07-2025

Issue

Section

Articles