Joy Rochelle Kartolo | Matthew Anderson | William Pratama

PPTI 22 – Computer Science – BINUS @Kemanggisan – B28

Online Judge merupakan salah satu fasilitas yang dihadirkan oleh Universitas Bina Nusantara (BINUS) bagi para mahasiswa jurusan Computer Science. Fasilitas ini ditujukan untuk mengasah logika dan pola pikir mahasiswa pada mata kuliah Algorithm and Programming yang menjadi mata kuliah fundamental dalam jurusan ini. Tentunya, fasilitas ini hanya difokuskan pada fungsionalnya saja tanpa memperhatikan desain dan tampilan.

Kami, para penulis artikel ini, berinisiatif untuk melakukan re-design Online Judge yang dikembangkan oleh SOCS BINUS. Proses re-design yang dilakukan lebih berfokus pada perbaikan tampilan dan memberi pilihan warna yang lebih variatif sehingga tampilan tidak membosankan bagi para pengguna situs ini. Elemen-elemen interaktif pun ditambahkan untuk menambah nilai estetika dari situs ini. Desain yang dilakukan tentunya desain yang klasik dan sederhana mengingat kinerja website ini harus berlangsung dengan cepat, namun tidak menghilangkan prinsip estetika.

Gambar 1. Hasil re-design homepage dari Online Judge.

Flow atau alur proses dari beberapa tahapan turut menjadi pertimbangan dalam proses re-design ini. Salah satu perubahan yang ada, yakni adanya notifikasi pop-up yang menampilkan apa yang sedang terjadi pada sistem, misalnya saat jawaban sedang diproses maupun status jawaban yang di-upload dan di-submit. Hal ini juga bertujuan untuk menghadirkan elemen emosional pada situs terkemuka di kalangan mahasiswa Computer Science BINUS ini.

Gambar 2. Notifikasi pop-up saat jawaban benar.

Beberapa fitur baru juga hadir mengisi proses re-design ini, salah satunya fitur chat dengan teman satu kelas maupun dosen mata kuliah. Fitur ini dihadirkan untuk menghadirkan elemen interaksi sosial antar pengguna situs. Fitur ini diharapkan bisa menjadi jembatan komunikasi dan berbagi ilmu antar mahasiswa maupun mahasiswa dan dosen berkaitan dengan dunia coding.

Gambar 3. Tampilan fitur chat.

Fitur collaboration juga menjadi fitur baru yang diikutsertakan dalam proses re-design. Fitur ini memungkinkan code bisa dikerjakan oleh dua orang dengan bagiannya masing-masing sesuai ketentuan yang tertera pada soal. Tentunya, fitur ini diharapkan bisa melatih mahasiswa dalam teamwork skala yang sangat kecil.

Tentunya, re-design yang telah kami lakukan tidak bisa dinyatakan sebagai suatu hal yang ”sempurna”. Masih banyak kekurangan dari proses yang telah dilaksanakan ini. Kami sangat mengharapkan saran dan masukan dari para pembaca artikel ini atas hasil re-design yang dilakukan sehingga re-design ini bisa semakin baik dan sesuai dengan apa yang diharapkan oleh para pengguna.

 

Untuk informasi lebih detail: https://medium.com/@williampratama/ui-ux-case-study-re-design-online-judge-socs-binus-8f6c3d06f17c