PERANCANGAN DESAIN UI/UX KURSUS ONLINE BERBASIS MOBILE MENGGUNAKAN METODE DESIGN THINKING

Authors

  • Johan Suryo Prayogo Universitas Anwar Medika
  • Rony Kriswibowo Universitas Anwar Medika
  • Rusina Widha Febriana Universitas Anwar Medika
  • Putri Ariatna Alia Universitas Anwar Medika
  • Agung Budi Setyawan Universitas Anwar Medika

DOI:

https://doi.org/10.70248/jismdb.v2i2.1904

Keywords:

Mobile app, UI/UX, Kursus Online, Design Thinking, System Usability Scale (SUS)

Abstract

Pada era digital saat ini, Pendidikan berbasis teknologi menjadi solusi untuk meningkatkan aksesibilitas dan kualitas pembelajaran. Serena Sarana Teknologi sebagai perusahaan yang bergerak di bidang teknologi informasi berupaya untuk menyediakan kursus online berbasis mobile yang dapat memenuhi kebutuhan pembelajaran masyarakat. Penelitian ini bertujuan untuk merancang desain UI/UX kursus online yang intuitif dan user friendly. Metode yang digunakan pada penelitian ini adalah Design Thinking, yaitu metode yang berpusat kepada pengguna. Metode Design Thinking mempunyai 5 tahapan, yaitu emphatize, define, ideate, prototyping dan test. Pada tahap emphatize, yaitu peneliti harus berempati untuk menggali informasi dari pengguna. Pada tahap ini peneliti menggunakan in-depth interview untuk mendapatkan pain point, user persona dan user journey map. Pada tahap define adalah menentukan tantangan/challenge menggunakan How Might we. Setelah itu adalah memprioritaskan tantangan/challenge menggunakan Challenge Metrix dan memprioritaskan ide solusi tersebut menggunakan Solution Metrix. Membuat konsep desain lo-fidelity atau wireframe berdasarkan ide solusi yang sudah diprioritaskan. Setelah membuat wireframe (desain lo-fi) lalu membuat desain hi-fidelity berdasarkan desain wireframe yang sudah dibuat. Pada tahap prototype adalah menyelesaikan desain akhir yang nantinya akan dilakukan pengujian kepada pengguna. Desain pada prototype akan dilakukan pengujian kepada pengguna pada tahap test. Metode yang digunakan untuk pengujian adalah System Usability Scale (SUS). Peneliti akan membagikan kuisioner SUS kepada 20 responden. Hasil pengujian pada penelitian ini adalah prototipe desain Kursus Online mendapatkan nilai 78.125, nilai tersebut menyatakan bahwa tingkat penerimaan pengguna pada desain prototipe UI/UX Kursus Online Serena Course adalah acceptable dan berada pada grade B.

 

References

Alazhari, M. R., Prabandaru, H., Anggia, R. H., Soewardikoen, W., & Rurianto, J. (n.d.). PENERAPAN METODE DESIGN THINKING PADA MODEL PERANCANGAN UI / UX APLIKASI ISTIQOMAH. https://www.decisionanalyst.com/blog/designthinking]

Aminudin, Aldiensyah, Gita Indah Marthasari, Ilyas Nuryasin, Saiful Amien, Galih Wasis Wicaksono, Didih Rizki Chandranegara, & I’anatut Thoifah. (2023). Redesigning the User Interface in the Mobile-Based Ngaji.AI Application Using the Design Thinking Method. Conference Series, 4(1), 97–105. https://doi.org/10.34306/conferenceseries.v4i1.635

Azi, M. F., Wiguna, C., & Meiah, K. N. (2022). Analisis User Interfaces Pada Website Kampiun ITTP Dengan Metode Heuristik dan System Usability Scale (SUS). JURNAL MEDIA INFORMATIKA BUDIDARMA, 6(2), 1080. https://doi.org/10.30865/mib.v6i2.3802

Azizah, E. N., Gito Resmi, M., & Alam, S. (2023). PENERAPAN METODE DESIGN

Thing. 1

Journal of Science and Technology Revolution and Innovation Service

Volume 1, No 1 – February 2023

e-ISSN :

p-ISSN :

Journal of Information Systems Management and Digital Business (JISMDB)

Volume 1, No 2 – April 2023

e-ISSN : xxx-xxx

THINKING PADA PERANCANGAN USER INTERFACE APLIKASI MOBILE PENGENALAN BAHASA ISYARAT INDONESIA (BISINDO). In Jurnal MNEMONIC (Vol. 6, Issue 1).

Chairunnisa, A. A., Widodo, S., Wachid, N., Majid, A., & Kunci, K. (n.d.). PERANCANGAN DESAIN UI/UX SISTEM E-LEARNING MENGGUNAKAN METODE DESIGN THINKING. In Journal of Information System Management (JOISM) e-ISSN (Vol. 6, Issue 1).

Darmawan, I., Saiful Anwar, M., Rahmatulloh, A., & Sulastri, H. (n.d.). INTERNATIONAL JOURNAL ON INFORMATICS VISUALIZATION journal homepage : www.joiv.org/index.php/joiv INTERNATIONAL JOURNAL ON INFORMATICS VISUALIZATION Design Thinking Approach for User Interface Design and User Experience on Campus Academic Information Systems. www.joiv.org/index.php/joiv

Gustiara, D., Okmayura, F., Sopira, N., Harahap, L. N., Martiana, S., Yuliani, S., Muhammadiyah, U., Program, R., Pendidikan Informatika, S., & Riau, U. M. (2024). PERANCANGAN APLIKASI JASA SALON (JASSON) MENGGUNAKAN PEMODELAN DESIGN THINKING. Hal. 84 Journal of Information Systems Management and Digital Business (JISMDB), 1(2).

Hadi, A., Sukmono, Y., Harjanto, A., & Suprihanto, D. (2024). REDESIGNING THE UI/UX WEBSITE FOR THE INDUSTRIAL ENGINEERING DEPARTMENT AT MULAWARMAN UNIVERSITY USING DESIGN THINKING METHOD. Jurnal Teknik Informatika (JUTIF), 5(1), 105–119. https://doi.org/10.52436/1.jutif.2024.5.1.1252

Isadora, F. R., Hanggara, B. T., & Mursityo, Y. T. (n.d.). PERANCANGAN USER EXPERIENCE PADA APLIKASI MOBILE HOMECARE RUMAH SAKIT SEMEN GRESIK MENGGUNAKAN METODE DESIGN THINKING. https://doi.org/10.25126/jtiik.202184550

Karlina, D., & Indah, D. R. (2022). Perancangan User Interface dan User Experience Sistem Informasi E-learning Menggunakan Design Thinking. Jurnal Teknik Informatika Dan Sistem Informasi, 8(3). https://doi.org/10.28932/jutisi.v8i3.5412

Kurniawan, G., Adnan, F., Putra, J. A., Jember, U., & Korespondensi, P. (2023). PERANCANGAN USER INTERFACE DAN USER EXPERIENCE APLIKASI E-COMMERCE KAIN BATIK PADA UMKM REZTI’S BATIK MENGGUNAKAN PENDEKATAN DESIGN THINKING. 10(3), 551–560. https://doi.org/10.25126/jtiik.2023106733

Novita, V., Okmayura, F., Aditya, R., Endah Rizka Latifa, S., Safitri, R., Fauzan, H., & of Muhammadiyah Riau, U. (2024). PERANCANGAN UI/UX PADA APLIKASI JASA RENTAK MOTOR (SAREMO) MENGGUNAKAN METODE DESIGN THINKING. Journal of Information Systems Management and Digital Business (JISMDB), 1(123).

Okmayura, F., Ramadhan, G., Chan, R., Arman, R. A., Rahmadani, R., & Tria Marisa, C. (2024). PERANCANGAN UI/UX APLIKASI HARMOC BERBASIS HARMOC DENGAN METODE DESIGN THINGKING. Hal. 65 Journal of Information Systems Management and Digital Business (JISMDB), 1(2).

Setiawan, D., Noratama Putri, R., & Sari, I. P. (n.d.). IMPLEMENTASI MODEL DESIGN THINKING PADA PROTOTYPE APLIKASI E-GROWTH. https://doi.org/10.25126/jtiik.202295765

Suryo Prayogo, J., Kriswibowo, R., Ariatna Alia, P., Widha Febriana, R., Budi Setyawan, A., & Anwar Medika, U. (n.d.). PERANCANGAN ULANG DESAIN UI/UX WEBSITE UNIVERSITAS DENGAN METODE DESIGN THINKING. In Journal of Information Systems Management and Digital Business (JISMDB) (Vol. 1).

Zidhan, M., Okmayura, F., Udtari Anjani, H., Fadilah Achmad, N., Wilyani, F., & of Muhammadiyah Riau, U. (2024). PERANCANGAN UI/UX PADA APLIKASI SAYUR MAYUR ONLINE (SAMARON) MENGGUNAKAN METODE DESIGN THINKING. Hal. 96 Journal of Information Systems Management and Digital Business (JISMDB), 1(2).

Downloads

Published

2025-02-04

Issue

Section

Articles