[UI/UX Design Study Case] Redesign UII RAS

Agung Sadewo Parmanto
4 min readOct 22, 2021

UII RAS(Rancangan Akademik Semester) adalah salah satu layanan dari UII Gateway. UII RAS membantu mahasiswa dalam membuat Rancangan Akademik Semester untuk mengambil mata kuliah yang mereka inginkan dan mereka rencanakan dalam semester tersebut.

Content
- Sejarah UIIRAS
- Flow UII RAS
- Problem
- Redesign

Sejarah UII RAS

UII RAS adalah perubahan sistem lama dari Universitas Islam Indonesia dari monolitik menjadi microservice. Aplikasi yang digunakan mahasiswa sebelumnya adalah unisys untuk melakukan kegiatan RAS.

Unisys

Kemudian dikembangkanlah salah satu aplikasi dari UII Gateway yaitu UII RAS. Di aplikasi RAS ini memiliki beberapa menu yaitu Key-in, Isian, Laporan

Flow UII RAS

flow UII RAS

User Journey

User Journey

Problem

Dari menu menu di atas saya akan bercerita tentang redesign UII RAS, khususnya pada bagian key-in.

key-in adalah kegiatan yang dilakukan mahasiswa untuk mengambil mata kuliah untuk dapat disusun menjadi sebuah KRS(Kartu Rancangan Studi) di semester depan.

Masalah aplikasi lama adalah
1. keterbatasan mahasiswa dalam melihat keseluruhan mata kuliah
2. kurangnya informasi mata kuliah mana yang harus diambil
3. tidak adanya wadah untuk merencanakan dalam pembuatan jadwal mata kuliah

Masalah aplikasi baru adalah
1. keranjang terjamin untuk mahasiswa, sehingga sering terjadi permasalahan pada aplikasi baru
2. kurang intuitif dalam menggunakan aplikasi baru ketika melakukan keyin menggunakan handphone

Key-in dengan Gateway UII RAS telah berjalan selama 3 Tahun, banyak sekali masukkan yang didapatkan mengenai UII RAS.

Problem UII RAS Baru

Mahasiswa sering merasa hilang arah ketika mereka sudah memasukkan mata kuliah ke dalam keranjang atau key-in.

Mahasiswa harus meletakkan jari di sebelah kanan atau kiri untuk dapat melihat keranjang.

Seringnya mahasiswa melakukan laporan ketika mata kuliah yang telah di keranjangkan tidak masuk dalam hasil keyin

Adanya keranjang terjamin yang membuat mata kuliah yang masih dalam keranjang, terjamin terambil. sehingga ketika masa keyin dimulai banyak mahasiswa yang tidak mendapatkan kelas.

Tombol keyin dan keranjang sejajar membuat mahasiswa bingung.

User persona

Redesign

Redesign dimulai dari rangkuman masalah yang telah dijelaskan di atas. disini saya akan melakukan redesign berdasarkan UI Kit yang ada pada sistem gateway.

Wireflow

wireflow perubahan Rekomendasi dan semua mata kuliah
wireflow memasukkan mata kuliah ke dalam keranjang

hal yang diubah :

  1. Menghapus tombol keranjang dan keyin yang sejajar sehingga tidak membingungkan mahasiswa dalam menentukan pilihan saat keyin.
  2. ketika belum masa key-in pilihan mata kuliah menjadi keranjang, ketika sudah masa key-in pilihan menjadi key-in mata kuliah.
  3. Menggabungkan rekomendasi mata kuliah dan semua mata kuliah menjadi satu wadah.
  4. Memindahkan keranjang yang tadinya berada di bawah menjadi tab, sehingga mahasiswa mampu mengetahui mata kuliah apa yang sudah diambilnya.
  5. memberikan notifikasi berapa mata kuliah yang telah masih ada dikeranjang.

A/B Testing

Saya melakukan testing kepada user terkait dengan desain baru. Dengan membandingkan desain lama dengan desain baru untuk mendapatkan hasil dan feedback dari user terkait desain yang baru.

Issue : melakukan key-in

Hasil testing sudah masuk dan kami bangga dengan hasil prototype yang saya buat disini. hasil yang didapat adalah 8/10 dari mahasiswa mampu melakukan keyin dengan lancar dan tidak bingung ketika membuka UII RAS. adapun 2 dari mahasiswa yang masih merasa bingung melakukan keyin dikarenakan ia menganggap sistem keranjang masih sama seperti sebelumnya.

“keranjang sebelumnya merupakan keranjang terjamin, artinya mata kuliah yang masuk ke dalam keranjang tersebut akan terjamin menjadi hasil keyin mahasiswa”

Conclusion

Final Thoughts and Future Steps

project ini merupakan tantangan yang menarik dan sangat bermanfaat, hasil yang didapat juga sangat memuaskan namun masih banyak yang perlu dikembangkan atau masih belum saya tuliskan disini. jika diberikan waktu yang saya ingin mengexplore tentang tutorial yang membantu mahasiswa dalam penggunaan RAS untuk pertama kali.

beberapa potensi yang dapat dikembangkan dalam UII RAS

  • memberikan opsi lain ketika kelas yang dipilih sudah penuh, sehingga sistem merekomendasikan untuk langsung memilih kelas lain.
  • pemberian notifikasi kepada seluruh mahasiswa terkait dengan waktu mulai keyin atau waktu perencaan prakeyin.

Learnings

Project ini mengajarkan saya ketika melakukan re-design suatu produk kita diharuskan untuk benar-benar memahami suatu masalah dari user baik dengan kata-kata atau perbuatan user terhadap aplikasi yang digunakan. Tak ada salahnya kita dalam mencoba hal baru, cara terbaik untuk mengetahuinya adalah dengan mengujinya dan mengulanginya.

Terima kasih sudah membaca ciao!

--

--