Perancangan UI/UX Aplikasi Buku Online Mizanstore Berbasis Mobile Menggunakan User Centered Design


  • Muhammad Hafizh Hamdanuddinsyah Universitas Muhammadiyah Magelang, Magelang, Indonesia
  • Mukhtar Hanafi Universitas Muhammadiyah Magelang, Magelang, Indonesia
  • Pristi Sukmasetya * Mail Universitas Muhammadiyah Magelang, Magelang, Indonesia
  • (*) Corresponding Author
Keywords: E- Commerce; User Interface; User Experience; User Centered Design; Mobile Application; System Usability Scale

Abstract

Currently, e-commerce has become a crucial necessity for society as it provides convenience and comfort in shopping. MizanStore, as an e-commerce platform, enables people to search for and purchase various products they need without leaving their homes. In this ever-evolving era, the use of mobile platforms is preferred over websites due to advantages such as easy accessibility and better user experience. Hence, a research study was conducted to design optimal user interface (UI) and user experience (UX) through the development of the MizanStore mobile application. The User Centered Design (UCD) methodology was implemented in this research, involving four main stages. These stages encompassed understanding the application's usability, conducting in-depth analysis of user needs, developing responsive design solutions, and evaluating through continuous testing. By employing this approach, existing issues were identified and addressed, resulting in a prototype design model that aligns with user expectations and desires. Testing was conducted with the participation of 10 users, utilizing the System Usability Scale (SUS) questionnaire. The results indicated that MizanStore obtained an average SUS score of 90, demonstrating high user satisfaction and alignment between the application and their needs. These findings provide a solid foundation for further improvement and development of MizanStore. Consequently, MizanStore can continue to deliver an optimal shopping experience and better meet user needs.

Downloads

Download data is not yet available.

References

M. Ahsan, W. Arianto, and R. T. Murdani, “Desain User Interface Dan User Experience Mobile App Kuysedekah.Id,” Jurnal SISFO, vol. 10, no. 2, pp. 109–114, 2020.

A. M. Juniar and Jusrianti, “Belanja Online di Masa Pandemi Covid-19: Studi Kasus Ibu-ibu Rumah Tangga di Kota Makassar [Online Shopping during the Covid-19 Pandemic: A Case Study of Housewives in Makassar City],” Emik, vol. 4, no. 1, pp. 37–51, 2021.

H. Sazali and F. Rozi, “Belanja Online dan Jebakan Budaya Hidup Digital pada Masyarakat Milenial,” JURNAL SIMBOLIKA: Research and Learning in Communication Study, vol. 6, no. 2, pp. 85–95, 2020, doi: 10.31289/simbollika.v6i2.3556.

G. William and M. Tjokrosaputro, “Persepsi Kegunaan Dan Promosi Untuk Memprediksi Niat Penggunaan E-Wallet: Sikap Sebagai Variabel Mediator,” Jurnal Muara Ilmu Ekonomi dan Bisnis, vol. 5, no. 1, p. 74, 2021, doi: 10.24912/jmieb.v5i1.9997.

D. A. Anggara, W. Harianto, and A. Aziz, “Prototipe Desain User Interface Aplikasi Ibu Siaga Menggunakan Lean Ux,” Kurawal - Jurnal Teknologi, Informasi dan Industri, vol. 4, no. 1, pp. 58–74, 2021, doi: 10.33479/kurawal.v4i1.403.

A. K. E. Lengkong, H. Arfandy, and B. Zaman, “Rancang Bangun Tampilan UI untuk Game Smartphone Healthy Laifu Menggunakan Prinsip Gestalt,” KHARISMA Tech, vol. 16, no. 2, pp. 50–58, 2021, doi: 10.55645/kharismatech.v16i2.113.

A. Mailangkay, “PENERAPAN METODE USER CENTERED DESIGN (UCD) PADA UI/UX APLIKASI MOBILE KOMIK Oleh:,” Jurnal Darma Agung, vol. 31, no. 1, pp. 952–961, 2020.

A. Candra, P. Sukmasetya, and P. Hendradi, “Perancangan UI/UX aplikasi berbasis mobile Menggunakan Metode Design Thinking study khasus SISFO SKPI UNIMMA,” TeIKa, vol. 13, no. 01, pp. 52–68, 2023, doi: 10.36342/teika.v13i01.3069.

A. Herlambang, A. Siswo, R. Ansori, and M. H. Syahbani, “Perancangan Ui / Ux Aplikasi Destinasi Wisata Dan Tempat Kuliner Berbasis Android Menggunakan Metode User-Centered Design Ui/Ux Design of Tourism Destination and Culinary Places Application Based on Android Using User-Centered Design Method,” OPEN JOURNAL SYSTEMS, vol. 8, no. 5, pp. 6574–6582, 2021.

A. Z. Mubarok, Carudin, and A. Voutama, “Perancangan User Interface/User Experience Pada Aplikasi Baby Spa Berbasis Mobile Untuk User Customer Dan Terapis Menggunakan Metode User Centered Design,” Jurnal Pendidikan dan Konseling, vol. 4, no. 5, pp. 6368–6380, 2022.

F. S. F. Kusumah, H. Fajri, and ..., “Perancangan UI/UX aplikasi Sensus Pajak Daerah DKI Jakarta berbasis Mobile dengan metode User Centered Design,” Nautical: Jurnal Ilmiah …, vol. 1, no. 11, pp. 1286–1304, 2023, [Online]. Available: https://jurnal.arkainstitute.co.id/index.php/nautical/article/view/618%0Ahttps://jurnal.arkainstitute.co.id/index.php/nautical/article/download/618/506

Y. Indah Hasari, A. Febriansyah, and Z. Septia Anzana, “Penerapan Metode User Centered Desain Pada Perancangan Interface Aplikasi Pemesanan Dan Pembayaran Tiket Bioskop Berbasis Mobile,” Jurnal Siliwangi Seri Sains dan Teknologi, vol. 8, no. 2, pp. 2–8, 2022, doi: 10.37058/jssainstek.v8i2.6254.

C. Ravelino and Y. A. Susetyo, “Perancangan UI/UX untuk Aplikasi Bank Jago menggunakan Metode User Centered Design,” Jurnal JTIK (Jurnal Teknologi …, vol. 7, no. 1, 2023, [Online]. Available: http://journal.lembagakita.org/index.php/jtik/article/view/697%0Ahttps://journal.lembagakita.org/index.php/jtik/article/download/697/638

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 …,” Journal of Emerging Information …, 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

C. Lim, A. C. Sumarlie, F. Fernando, and D. A. Haris, “Perancangan Ui/Ux Aplikasi Absensi ‘Jikan’ Dengan Metode User Centered Design,” Computatio : Journal of Computer Science and Information Systems, vol. 5, no. 1, p. 16, 2021, doi: 10.24912/computatio.v1i1.12992.

M. T. Firmansyah, “Perancangan User Interface Dan User Experience Mobile Application Sibengkel Untuk Memenuhi Kebutuhan Pengguna Dengan Metode User-Centered User Interface and User Design Sibengkel Mobile Application Experience for Meet User Requirements Using User-Centered,” OPEN JOURNAL SYSTEMS, vol. 7, no. 2, pp. 7574–7580, 2020.

D. L. Kaligis and R. R. Fatri, “Pengembangan Tampilan Antarmuka Aplikasi Survei Berbasis Web Dengan Metode User Centered Design,” JUST IT : Jurnal Sistem Informasi, Teknologi Informasi dan Komputer, vol. 10, no. 2, p. 106, 2020, doi: 10.24853/justit.10.2.106-114.

S. L. Ramadhan, “Perancangan User Experience Aplikasi Pengajuan E-KTP menggunakan Metode UCD pada Kelurahan Tanah Baru,” JATISI (Jurnal Teknik Informatika dan Sistem Informasi), vol. 8, no. 1, pp. 287–298, 2021, doi: 10.35957/jatisi.v8i1.633.

S. T. B. Suranto and M. S. Eng, “Penerapan User Interface & User Experience Menggunakan Metode User Centered Design (Ucd) Pada Aplikasi I-Star,” 2022, [Online]. Available: https://dspace.uii.ac.id/handle/123456789/40429%0Ahttps://dspace.uii.ac.id/bitstream/handle/123456789/40429/18523218.pdf?sequence=1

C. Damayanti, A. Triayudi, and I. D. Sholihati, “Analisis UI/UX Untuk Perancangan Website Apotek dengan Metode Human Centered Design dan System Usability Scale,” Jurnal Media Informatika Budidarma, vol. 6, no. 1, p. 551, 2022, doi: 10.30865/mib.v6i1.3526.


Bila bermanfaat silahkan share artikel ini

Berikan Komentar Anda terhadap artikel Perancangan UI/UX Aplikasi Buku Online Mizanstore Berbasis Mobile Menggunakan User Centered Design

Dimensions Badge
Article History
Submitted: 2023-07-13
Published: 2023-07-31
Abstract View: 2705 times
PDF Download: 2157 times
How to Cite
Hamdanuddinsyah, M. H., Hanafi, M., & Sukmasetya, P. (2023). Perancangan UI/UX Aplikasi Buku Online Mizanstore Berbasis Mobile Menggunakan User Centered Design. Journal of Information System Research (JOSH), 4(4), 1464-1475. https://doi.org/10.47065/josh.v4i4.3850
Issue
Section
Articles