PERANCANGAN DESAIN UI DAN PROTOTYPE PADA APLIKASI PEMBELAJARAN AL-QUR'AN DAN PRAKTIKNYA DALAM MODUL PEMBELAJARAN AL-QUR'AN UMY

Selama masa pandemi Covid-19 seluruh aktivitas masyarakat dituntut menggunakan sistem online, masyarakat khususnya pelajar, banyak yang mengeluhkan kesulitan ketika mengikuti kegiatan belajar-mengajar secara online tersebut, seperti pelajar mahasiswa UMY yang mengikuti kegiatan pembelajaran Al-Qur’an online, mereka mengeluh kualitas jaringan yang buruk, yang menyebabkan terganggunya kelancaran video conference, selain itu mahasiwa juga mengatakan modul yang diberikan pihak kampus tidak dapat digunakan secara mandiri sedangkan mahasiswa juga mempunyai kendala pribadi dalam membaca Al-Qur’an. Tentunya hal ini sangat berpengaruh pada kualitas pembelajaran. Oleh sebab itu diperlukannya aplikasi pembelajaran (mobile learning) yang dapat membantu mahasiswa ketika mengikuti kegiatan pembelajaran Al-Qur’an tersebut. Sebelum aplikasi pembelajaran Al-Qur’an tersebut dikembangkan, diperlukan sebuah rancangan tampilan UI beserta prototype-nya. Tujuan merancang tampilan UI beserta prototype-nya tersebut agar memudahkan tim pengembang dalam tahap pembuatan aplikasi pembelajaran Al-Qur’an tersebut. Penelitian ini berfokus pada perancangan tampilan UI beserta prototype aplikasi pembelajaran Al-Qur’an dan praktikunya pada tahap high fidelity prototype. Untuk tercapainya tujuan tersebut, penelitian ini menggunakan pendekatan UCD, sedangkan dalam perancangannya menggunakan tools Miro untuk pembuatan Wireframe (low fidelity), dan Figma untuk pembuatan mockup (high fidelity prototype).