Perancangan Antarmuka Aplikasi Pembelajaran Mobile untuk Siswa SMA dengan Figma

Authors

  • Muhamad Yumni Universitas Pamulang Author
  • Devira Nazra Suhendra Universitas Pamulang Author
  • Najwa Rena Amanda Universitas Pamulang Author

Keywords:

UI/UX Design, Mobile Learning Application, Design Thinking, Figma, Online Learning

Abstract

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. 

Published

2025-11-23

Similar Articles

31-40 of 48

You may also start an advanced similarity search for this article.