Perancangan Antarmuka Aplikasi Pembelajaran Mobile untuk Siswa SMA dengan Figma
Keywords:
UI/UX Design, Mobile Learning Application, Design Thinking, Figma, Online LearningAbstract
Perkembangan teknologi informasi mendorong pemanfaatan aplikasi pembelajaran berbasis mobile sebagai sarana pendukung kegiatan belajar mengajar. Namun, efektivitas aplikasi pembelajaran tidak hanya bergantung pada kelengkapan fitur, tetapi juga pada kualitas desain antarmuka pengguna dan pengalaman pengguna (UI/UX) yang memengaruhi, kenyamanan serta kemudahan penggunaan aplikasi. Penelitian ini bertujuan untuk merancang antarmuka pengguna (UI/UX) aplikasi pembelajaran online berbasis mobile bernama ViyNa yang ditujukan untuk siswa SMA. Metode yang digunakan dalam penelitian ini adalah Design Thinking, yang meliputi tahapan empathize, define, ideate, dan prototype. Proses perancangan dilakukan dengan mengidentifikasi kebutuhan pengguna, menyusun alur navigasi aplikasi, serta menghasilkan mockup antarmuka menggunakan aplikasi Figma. Hasil penelitian berupa rancangan UI/UX yang mencakup halaman login dan registrasi, pemilihan kelas, beranda utama, mata pelajaran, tugas, pesan kelas, profil, serta pengaturan aplikasi. Rancangan antarmuka disusun dengan menekankan kesederhanaan tampilan, konsistensi navigasi, dan kejelasan fungsi setiap fitur untuk mendukung aktivitas pembelajaran siswa. Penelitian ini dibatasi pada tahap perancangan mockup tanpa implementasi sistem dan pengujian usability. Hasil perancangan diharapkan dapat menjadi dasar pengembangan aplikasi pembelajaran berbasis mobile pada tahap selanjutnya serta menjadi referensi dalam perancangan UI/UX aplikasi pembelajaran yang berorientasi pada kebutuhan pengguna.