ELING
PORTAL KAMPUS DARING FAKULTAS ILMU KOMPUTER UNIVERSITAS BRAWIJAYA
Terkait Pandemi Covid-19, Rektor Universitas Brawijaya telah mengamanatkan bahwa kegiatan Belajar di Fakultas Ilmu Komputer UB diselenggarakan secara jarak jauh hingga semester ganjil 2020/2021. Website ini memuat tentang informasi penyelenggaraan dan pelaksanaan kegiatan pembelajaran dan berbagai informasi yang terkait. Jadi selalu pantau terus informasi dari web ini untuk mendapatkan informasi-informasi terbaru terkaitan Kegiatan Pembelajaran di FILKOM UB.
About the Project
Projek ini adalah bagian dari hasil evaluasi dan perancangan aplikasi ELING UB
Team Role:
Pembuatan project terdiri dari 5 orang dengan dipimpin oleh 1 ketua, adapun posisi yang ada adalah Developer, UX Researcher, UI/UX Designer, UX Designer, Marketing.
Waktu pengerjaan : ± 12 minggu
Pembimbing: Dr. Eng Herman Tolle
Permasalahan:
Seiring digunakannya aplikasi ELING sebagai alat untuk proses pembelajaran secara daring muncul berbagai keluhan terkait pengalaman user dalam menggunakannya. Baik keluhan dari segi tampilan yang rumit, absensi yang menyulitkan, tidak adanya notifikasi mengenai tugas ataupun deadline secara aktual dan keluhan lain yang intinya berkaitan dengan masalah user experience, maka perlunya dilakukan evaluasi untuk mengetahui permasalahan yang ada serta nantinya dapat dibuat rancangan yang bisa digunakan untuk acuan perbaikan user experience.
The Design Process
Research
Ideation
Design
User Testing
Research
Wawancara
Selama fase penelitian proyek ini kami menggunakan dua teknik pengambilan data yaitu wawancara dan kuestioner yang dilakukan kepada mahasiswa FILKOM Universitas Brawijaya sebagai pengguna untuk mendapatkan pemahaman yang lebih baik mengenai tantangan dan motivasi pengguna.
Tujuan Wawancara
- Mengetahui bagaimana cara untuk menggunakan ELING UB secara efektif dan efisien.
- Mengetahui permasalahan yang sering terjadi pada pengguna saat menggunakan sistem.
- Mempelajari bagaimana pengguna menggunakan sistem.
- Mengetaui bagaimana kesan pengguna saat menggunakan sistem.
Kuestioner
Untuk mengukur data yang dikumpulkan dari wawancara kami melakukan survei online. Pertanyaan didasarkan pada kebiasaan, motivasi, dan tantangan saat menggunakan aplikasi ELING UB sebagai media pembelajaran jarak jauh guna menunjang proses pembelajaran tetap berjalan.
11 pertanyaan | 23 responden
Rekap Hasil
- Mayoritas responden merupakan laki-laki.
- Responden terbanyak terdapat pada prodi Teknik Informatika.
- Dengan tahun masuk paling banyak tahun 2020.
- 82.6% pengguna tidak mengalami kendala saat menggunakan sistem
- 78.3 pengguna tidak mengalami kendala saat mengakses materi.
- 52.2% penggung tidak mengalami kendala saat mencari kelas yang diinginkan
Hasil Kuisioner
Persona
Ismail Risky Rahmansyah
Ismail adalah Mahasiswa Alih jenjang, Jurusan Teknik Informatika FILKOM UB 2020. Ia saat ini berusia 23 tahun dan mempunyai minat dalam dunia coding. Selama masa pandemi ini Ia aktif kuliah melalui media pembelajaran online yang telah disediakan Filkom UB, salah satunya yakni ELING UB. Namun selama penggunaan website ELING UB ini ia merasa masih ada kendala, misalnya dalam proses durasi login yang disediakan, menurutnya waktu yang disediakan masih terlalu singkat, dan untuk desain interface serta experience untuk pengguna menurutnya masih cukup susah dipahami, dan Ia berharap agar website ELING UB memiliki desain UI dan UX yang lebih user friendly.
Deflion Yussac Sahlan
Deflion adalah Mahasiswa Reguler Jurusan Sistem Informasi FILKOM UB 2016. Ia saat ini sedang menempuh perkuliahan dan sedang mendirikan sebuah bisnis. Selama masa pandemi ini Ia aktif kuliah melalui media pembelajaran online yang telah disediakan Filkom UB, salah satunya yakni ELING UB. Namun selama penggunaan website ELING UB ini ia merasa masih ada kendala, terhadap fitur notifikasi yang tidak realtime, sehingga Ia sering mengalami keterlambatan dalam pengumpulan tugas dan update materi. Serta Ia juga merasa masih bingung terhadap penempatan tata letak fitur-fitur yang ada pada website ELING UB. Dan Ia berharap agar dilakukan perbaikan terhadap desain UI/UX pada website ataupun apps ELING UB.
Selsa Meiliztira Harahap
Selsa adalah mahasiswa Jurusan Sistem Informasi, Prodi Pendidikan Teknologi Informasi FILKOM UB 2020. Ia saat ini berusia 20 tahun. Dan sedang aktif berkuliah di FILKOM UB, selama menjalankan perkuliahannya, ia melakukannya secara daring dengan media pembelajaran online yang telah disediakan FILKOM UB, salah satunya yakni ELING UB. Dalam menggunakan website ELING UB, ia tidak terjadi masalah, namun terkadang Ia merasa kesal dikarenakan tidak ada notifikasi saat terdapat update tugas dan materi terbaru.
Competitive Analysis
Proses pengumpulan data telah dilakukan dengan menggunakan dua teknik yaitu wawancara dan kuestioner, tahap selanjutnya kami melakukan Competitive Analysis untuk menguji tiga pesaing yang teridentifikasi memiliki fungsi yang sama dan menganalisis fungsi yang menunjang para pengguna untuk menyelesaikan tujuannya dengan menggunakan sistem.
Ideation
Eling Sitemmap
Alur secara umum dari sitemap diatas adalah sebagai berikut:
- Pertama user akan memasuki website https://eling.ub.ac.id/ dan akan dihadapkan halaman homepage yang berisi informasi atau pengumuman.
- Selanjutnya user harus malakukan log in untuk mengakses fitur pembelajaran daring, jika tidak punya , pengguna bisa melakukan sign up atau menghubungi admin untuk dilakukan pendaftaran
- Setelah masuk ke halaman dashboard user bisa melihat profile, ranking, kelas atau keluar dari akun yang user miliki untuk keamanan.
- Jika user masih belum memiliki kelas , user diharuskan melakukan class enrolement dengan menggunakan enrolement key yang disediakan pada halaman pengumuman.
Dalam memulai pembelajaran, user masuk ke dalam kelas untuk melakukan absensi, mengakses materi pembelajaran, tugas atau menghapus kelas.
User Journey
User journey map atau dikenal juga sebagai customer journey map merupakan sebuah tool desain yang penting untuk memahami produk atau layanan menurut perspektif pengguna. User journey map menggambarkan visualisasi langkah-langkah yang diambil pengguna untuk mencapai tujuannya
Emphaty Map
Pada Emphaty Map ini dijelaskan terkait apa saja yang dirasakan, didengar, dilihat, dan kita bisa mengetahui secara jelas bagaimana perasaan yang dialami oleh user saat mencoba suatu aplikasi.
HMW Question
HMW Question berisikan pertanyaan-pertanyaan singkat yang bisa dijadikan untuk bahan evaluasi perancangan dari evaluasi desain nantinya.
Rancangan Prototype
Untuk bertukar pikiran dan menguji desain awal, saya membuat prototipe kertas dan mengujinya menggunakan Aplikasi Marvel.
Iterasi pengujian kegunaan pertama mendeteksi bahwa orang tidak dapat menavigasi melalui layar pertama prototipe tanpa beberapa cerita latar belakang. Saya menyadari akan lebih mudah untuk menambahkan layar orientasi, untuk pengguna pertama kali.
Mobile app Wireframe
Website Wireframe
Design
Mockup
Mockup adalah media visual yang digunakan untuk priview sebuah konsep desain yang kemudian diberikan efek visual sehingga hasil gambar terlihat menyerupai wujud yang sbenarnya.
Mobile app Mockup Eling
WebSite Mockup Eling
UX Test Result For Prototype
- UEQ RESULT :
Hasil kuisioner UEQ yang diisi oleh responden dengan 6 skala pengukuran yaitu daya tarik (attractiveness), kejelasan (perspicuity), efisiensi (efficiency), ketepatan (dependabilty), stimulasi (stimulation) dan kebaruan (novelty) pada kedua rancangan prototype high fidelity pada website dan mobile apps ELING UB, memiliki nilai evaluasi yang positif. Hal tersebut dapat dilihat pada nilai rata-rata, dan stdev kedua rancangan prototype website dan mobile apps ELING UB mempunyai nilai rata-rata berkisar >0,8 sehingga menunjukkan terjadinya evaluasi positif. Kemudian dapat dilihat juga pada panah hijau di scale mean yang menandakan bahwa responden memberikan evaluasi positif pada masing-masing point pengujian di UEQ. Kemudian jika dilihat pada hasil MVI pada prototype website ELING UB ini menunjukkan hasil bahwasannya penilaian dari tiap item, prototype website Eling cenderung memiliki nilai atau hasil yang baik, tetapi tetap memiliki kelemahan dalam user experience nya yaitu kejenuhan pemakai. Sedangkan pada pengujian prototype mobile apps ELING menunjukkan hasil yang memuaskan.
- HEURISTIC EVALUATIPN RESULT
Pada analisis Heuristic Evaluation yang dilakukan pada website hampir semua aspek memperoleh Nilai Evaluator yang kecil / cosmetic problem sehingga dapat diselesaikan bila terdapat waktu dan sumber daya ekstra. Tetapi terdapat aspek yang memperoleh nilai minor pada Visibility if system state dan Help and Documentation sehingga memperoleh prioritas rendah untuk diselesaikan. Hal ini di sebabkan oleh tidak adanya fitur popup untuk menampilkan informasi , peringatan dan error serta tidak adanya fitur help and documentation untuk panduan pengguna. Untuk Heuristic Evaluation pada prototype mobile app hasilnya pun tidak jauh berbeda pada prototype website.
Value Adding
Dalam proses yang telah dilakukan mulai dari tahapan paling awal hingga tahapan pengujian saran rancangan UI pada aplikasi ELING UB didapati beberapa hal yang bisa dijadikan saran atau masukan untuk menghasilkan hasil yang terbaik kedepannya :
- Pada tahapan evaluasi dengan form heuristic terdapat beberapa poin pada aspek penilaian heuristic yang kejelasan dari maksud masih dirasa kurang, sehingga hal ini memungkinkan untuk menghasilkan penilaian buta, atau penilaian yang kurang tepat
- Pada tahapan evaluasi juga, aktor atau expert yang berperan adalah pembuat dari desain atau prototype usulan UI pada ELING UB itu sendiri. Sehingga tingkat objektivitas nya masih diragukan.
- Pertanyaan – pertanyaan yang ada pada kuesioner untuk mendapatkan insight atau informasi mengenai kendala yang dialami oleh pengguna aplikasi ELING UB masih kurang baik atau tepat, sehingga hasil yang didapatkan masih belum terlalu mendapatkan beberapa permasalahan yang memang benar – benar dikeluhkan oleh pengguna ELING selama ini.
- Saran atau hasil dari evaluasi aplikasi ini juga bisa ditingkatkan apabila bisa mendapatkan informasi mengenai pendapat stakeholder. Informasi tersebut bisa didapatkan dari proses wawancara yang dilakukan.
Our Team
Miftachul Bachruddin
UI/UX Designer
Read more
Faizal Dias Caesar
Developer
Read more
Muhammad Redo
Public Speaking/ Marketing
Read more
Miranda Eristiana
UX Researcher
Read more
Dwi Indra Kusuma
UX Designer
Read more
Demo Final Project
https://www.youtube.com/watch?v=fCvScPC-7do
Video ini merupakan presentasi final project mata kuliah Perancangan User Experience Kelas D. Didalam video ini berisikan pen-demo-an hasil rancangan re-design wireframe high fidelity dari aplikasi mobile serta website ELING UB.
Website dan aplikasi ELING UB adalah media pembelajaran berbasis online yang di-develop oleh Fakultas Ilmu Komputer Universitas Brawajiya, untuk menunjang pembelajaran secara online, terutama pada masa pandemi COVID-19.