ANALISIS DAN PERANCANGAN UI/UX SISTEM RECALL DENGAN METODE DESIGN THINKING DAN REMOTE USABILITY TESTING

Authors

  • Raldi Fitra Dewa Program Studi Sistem Informasi Fakultas Sains dan Teknologi Universitas Jambi Jl. Jambi - Muara Bulian No.KM. 15, Mendalo Darat, Kec. Jambi Luar Kota, Kabupaten Muaro Jambi, Jambi
  • Tri Suratno Program Studi Sistem Informasi Fakultas Sains dan Teknologi Universitas Jambi Jl. Jambi - Muara Bulian No.KM. 15, Mendalo Darat, Kec. Jambi Luar Kota, Kabupaten Muaro Jambi, Jambi
  • Pradita Eko Prasetyo Utomo Program Studi Sistem Informasi Fakultas Sains dan Teknologi Universitas Jambi Jl. Jambi - Muara Bulian No.KM. 15, Mendalo Darat, Kec. Jambi Luar Kota, Kabupaten Muaro Jambi, Jambi

DOI:

https://doi.org/10.26418/justin.v12i2.74013

Keywords:

Design Thinking, User Interface, User Experience, Remote Usability Testing, Usability Score

Abstract

Learning for preparation of college (RECALL) merupakan upaya peningkatan mutu kualitas pendidikan di SMA Global Islamic Boarding School (GIBS) untuk mempersiapkan siswa menghadapi ujian masuk perguruan tinggi dengan program try out. Untuk proses try out masih menggunakan sistem Ujian Tulis Berbasis Kertas (UTBC). Dimana proses ini masih memiliki kekurangan, yaitu proses membutuhkan banyak waktu terutama proses penilaian oleh guru. Untuk menyelesaikan masalah tersebut dibutuhkan sebuah sistem try out berbasis website yang dapat memudahkan proses pelaksanaan try out. Dengan penerapan sistem try out berbasis website dapat meningkatkan proses penilaian yang lebih efisien dan efektif. Untuk menyelesaikan masalah tersebut dilakukan pendekatan design thinking untuk proses merancang user interface dan user experience pada sistem try out berbasis website yang diberi nama sistem learning for preparation of college (RECALL). Dengan metode design thinking proses perancangan mampu menggambarkan permasalahan dan menghasilkan rancangan desain solusi untuk menyelesaikan permasalahan. Hasil rancangan desain solusi akan diuji menggunakan metode remote usability testing dengan bantuan tools maze. Hasil testing pada siswa dengan 69 responden menghasilkan usability score sebesar 90, testing pada guru dengan 10 responden menghasilkan usability score sebesar 80, sedangkan 5 responden admin mendapatkan hasil usability score sebesar 84. Dari tahap evaluasi perancangan UI/UX dapat disimpulkan hasil desain website RECALL memiliki rancangan pengalaman pengguna yang optimal dan sesuai dengan kebutuhan pengguna.

References

Sriyati, “Analisis Hasil Tes Potensi Skolastik sebagai Indikator Kesiapan Siswa Menghadapi Tes UTBK 2022,†J. Penelit. Pendidik. dan Pembelajaran, vol. 9, no. 2, pp. 1–10, 2022.

R. W. Rachmadtullah and A. Prihanto, “Implementasi Algoritma Random Number Generator (RNG) pada Aplikasi Try Out Berbasis Framework Laravel,†J. Informatics Comput. Sci., vol. 3, no. 03, pp. 300–307, 2022, doi: 10.26740/jinacs.v3n03.p300-307.

D. T. Widiatmoko and B. S. Utami, “Perancangan UI/UX Purwarupa Aplikasi Penentu Kualitas Benih Bunga Berbasis Mobile Menggunakan Metode Design Thinking (Studi Kasus PT Selektani),†Aiti, vol. 19, no. 1, pp. 120–136, 2022, doi: 10.24246/aiti.v19i1.120-136.

R. P. Gani, I. A. Puspita, and W. Tripiawan, “Perancangan Ui/ux Design Pada Dashboard Monitoring Proyek Menggunakan Metode Design Thinking Untuk Penerapan Sistem Earned Value Management Pada Pt. Xyz,†J. Teknol. dan Sist. Inf., vol. 8, no. 5, pp. 8465–8480, 2021.

C. Z. Alrazi and A. Rachman, “Penerapan Metode Design Thinking Pada Model Perancangan Animasi Periklanan Digital Pencegahan Covid-19,†Ultim. J. Komun. Vis., vol. 14, no. 2, pp. 190–202, 2021, doi: 10.31937/ultimart.v14i2.2247.

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.

R. A. Setyo Prayoga, “Pemodelan proses bisnis coffee shop menggunakan business model canvas dan empathy map,†J. Ind. Serv., vol. 7, no. 2, p. 308, 2022, doi: 10.36055/jiss.v7i2.14419.

E. Stevens, “Stage 2 in the Design Thinking Process: Define the Problem,†Career Foundry, pp. 1–8, 2021, [Online]. Available: https://careerfoundry.com/en/blog/ux-design/stage-two-design-thinking-define-the-problem/

Muhammad Shulhan Khairy, “Penerapan Design Thinking Pada Perancangan Ui/Ux Marketplace Sistem Rantai Pasok ‘Panen- Panen,’†J. Inform. Polinema, vol. 8, no. 3, pp. 39–44, 2022, doi: 10.33795/jip.v8i3.818.

R. F. A. Aziza, “Analisis Kebutuhan Pengguna Aplikasi Menggunakan User Persona Dan User Journey,†Inf. Syst. J., vol. 3, no. 2, pp. 6–10, 2021, doi: 10.24076/infosjournal.2020v3i2.420.

M. Taufiqul Hidayat, B. Zaman, S. Bahri, T. Informatika, and S. Kharisma Makassar, “Perancangan Ulang User Interface Dan User Experience Pada Aplikasi Ladder Menggunakan Metode Design Thinking,†Jtriste, vol. 9, no. 2, pp. 50–64, 2022.

N. A. S. Winarsih and P. H. M. D. Kurniawan, “Penerapan User-Centered Design pada Sistem Informasi Dewan Masjid Indonesia (DMI) Kota Semarang Berbasis Web untuk Mengelola Potensi Masjid Kota Semarang,†J. Ilmu Komput., vol. 8, no. 1, pp. 1–8, 2020, [Online]. Available: https://ojs.unud.ac.id/index.php/jik/article/view/57626/34393

F. R. Isadora, B. T. Hanggara, and Y. T. Mursityo, “Perancangan User Experience Pada Aplikasi Mobile HomeCare Rumah Sakit Semen Gresik Menggunakan Metode Design Thinking,†J. Teknol. Inf. dan Ilmu Komput., vol. 8, no. 5, pp. 1057–1066, 2021, doi: 10.25126/jtiik.2021844550.

M. S. Hartawan, “Penerapan User Centered Design (Ucd) Pada Wireframe Desain User Interface Dan User Experience Aplikasi Sinopsis Film,†Jeis J. Elektro Dan Inform. Swadharma, vol. 2, no. 1, pp. 43–47, 2022, doi: 10.56486/jeis.vol2no1.161.

A. Mursyidah, I. Aknuranda, and H. Muslimah Az-Zahra, “Perancangan Antarmuka Pengguna Sistem Informasi Prosedur Pelayanan Umum Menggunakan Metode Design Thinking (Studi Kasus: Fakultas Ilmu Komputer Universitas Brawijaya),†J. Pengemb. Teknol. Inf. dan Ilmu Komput., vol. 3, no. 4, pp. 3931–3938, 2019, [Online]. Available: http://j-ptiik.ub.ac.id

D. Widoseno, A. Voutama, and T. Ridwan, “Perancangan Ui/Ux Berbasis Website Pada Penerimaan Peserta Didik Baru (Ppdb) Di Smk Taruna Karya 1 Karawang,†JATI (Jurnal Mhs. Tek. Inform., vol. 7, no. 2, pp. 1401–1409, 2023, doi: 10.36040/jati.v7i2.6864.

A. Agung, A. Wiryya, R. I. Rokhmawati, and H. M. Az-zahra, “Perancangan dan Evaluasi User Experience Aplikasi Microteaching Pendukung Standar Kompetensi Mahasiswa Calon Guru berbasis Mobile dengan Pendekatan Human Centered Design dan Remote Usability Testing,†vol. 6, no. 1, pp. 402–410, 2022.

A. Kathleen, R. P. Sutanto, and A. P. K., “Analisis Perbandingan User Flow Dari Aplikasi E-Catalogue Ifurnholic,†J. DKV Adiwarna, vol. 1, no. 18, pp. 121–131, 2021.

D. Subagja and R. Hartono, “Evaluasi UI/UX Pada Sistem Informasi Pendaftaran TNI-AD Menggunakan System Usability Scale (SUS) Dan Design Thinking,†J. Teknol. Inf., vol. 7, no. 1, 2023.

N. Aulia, S. Andryana, and A. Gunaryati, “User Experience Design Of Mobile Charity Application Using Design Thinking Method,†Sisfotenika, vol. 11, no. 1, p. 26, 2020, doi: 10.30700/jst.v11i1.1066.

Downloads

Published

2024-04-30

Issue

Vol. 12 No. 2 (2024)

Section

Articles

License

Copyright (c) 2024 JUSTIN (Jurnal Sistem dan Teknologi Informasi)

Creative Commons License

This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.

The author owns the copyright in his paper and agrees to publish his paper to JUSTIN by giving the rights to the first publication of his paper which is simultaneously licensed under the Creative Commons Attribution License, namely the Similar International 4.0 license (CC BY-NC-SA 4.0).  

                             

This is a human-readable summary of (and not a substitute for) the license. Disclaimer.

You are free to:
Share "” copy and redistribute the material in any medium or format
Adapt "” remix, transform, and build upon the material
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.
NonCommercial "” You may not use the material for commercial purposes.
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.