Cumlaude | UI/UX Case Study

Project Overview

Cumlaude merupakan aplikasi yang dapat digunakan oleh pelajar dan mahasiswa yang membutuhkan media untuk belajar dan juga untuk mencari pekerjaan sampingan sebagai seorang pengajar/tutor.
Proyek ini merupakan tugas kelompok yang dibuat dengan tujuan untuk memenuhi tugas akhir mata kuliah Sistem Interaksi semester Ganjil 2022/2023.

                                    Key Challenges
                                    Materi yang diperlukan sulit dicari.
Kurang banyaknya soal latihan yang bisa dikerjakan beserta
                                                penjelasan jawabannya.
Sulit menemukan aplikasi yang menyediakan interaksi langsung tutor
                                                dengan murid.
Terkadang sulit menentukan batasan materi yang perlu diajarkan
                                                kepada murid.

                              

                                    Project Goals
                                    Membuat fitur pencarian materi menjadi lebih spesifik agar materi
                                                yang didapat sesuai dengan yang diinginkan.
Menyediakan forum disetiap materi yang dapat digunakan untuk tanya
                                                jawab dann diskusi antara murid.
Membuat bagian rekomendasi yang berisi materi-materi yang
                                                berhubungan dengan jurusan user.
Tutor dapat langsung direkomendasikan kepada pencari tutor yang
                                                mempunyai jurusan yang sama.
Memiliki media pembelajaran yang cocok antara tutor dengan murid
                                                seperti dengan menggunakan aplikasi online learning.
Tutor mendapatkan ringkasan materi yang perlu diajarkan kepada
                                                murid.

                              

Research Phase

Month 1

Value Proposition Canvas

Melakukan rekapitulasi hasil pemetaan atau analisis menggunakan Value Proposition Canvas, dengan tujuan mendokumentasikan temuan masalah ke dalam value proposition canvas dan menyusun solusi desain secara komprehensif.

Month 2

User Research and Persona

Membuat rencana User Research sederhana yang bertujuan menggali feedback dari end user aplikasi, melakukan wawancara dengan end user, mengetahui bagaimana pengguna dalam melakukan proses bisnis di dalam aplikasi, dan membuat Persona. Metode user research yang digunakan adalah wawancara dengan minimal 5 responden. Kegiatan yang dilakukan adalah (1) menyusun rencana wawancara, (2) melakukan wawancara dengan end user, (3) membuat profil responden dan meringkas hasil temuan saat wawancara dengan responden tersebut, (4) membuat persona berdasarkan profil responden dan hasil temuan wawancara, dan (5) mengetahui proses (tahap demi tahap) bagaimana user memenuhi kebutuhannya terkait aplikasi.

Month 3

Recap. of User Journey Mapping

Melakukan rekapitulasi hasil pemetaan masalah yang ditemukan, ke dalam User Journey Mapping. Tujuannya adalah untuk mendokumentasi pemetaan user journey yang sudah dilakukan dengan template User Journey Canvas dan menjadi dokumentasi hasil analisis terhadap hasil wawancara yang sudah dilakukan

Month 4

Information Architecture and Design

Melakukan aktivitas perancangan desain interaksi yang meliputi pembuatan arsitektur informasi, wireframing, hingga desain high fidelity mockup.

Month 5

Usability Testing and Design Evaluation

Melakukan usability testing untuk memeriksa efektivitas desain yang sudah dibuat sebelumnya, serta melakukan evaluasi performa desain dengan salah satu penilaian kuantitatif yaitu System Usability Scale (SUS). Terdapat 5 responden yang dilakukan usability testing. Sedangkan evaluasi performa desain menggunakan SUS sebanyak 12 responden.

User Persona

Ajoma Sijabat, 20

Mahasiswa

Laki-Laki

Jakarta

Biography

Ajoma adalah seorang mahasiswa Informatika ITS angkatan 2020. Selain sibuk dengan menjalani kegiatan perkualiahan, Ia juuga menjadi tutor untuk anak-anak Sekolah Dasar. Ajoma memiliki ketertarikan untuk mengajar melalui platform online, sehingga Ia berharap ada aplikasi yang mempunyai fitur tutoring dan menyediakan pelatihan untuk tutor maupun para calon tutor.

Motivations

Aplikasi mudah dan dapat digunakan dimana saja.
Aplikasi tidak membutuhkan terlalu banyak ruang penyimpanan.

Frustrations

Sering mengalami error pada saat mengunggah file.
Sering mengunduh file yang sama lebih dari satu kali.

Goals

Menyediakan kuis rutin dan reminder untuk tryout atau ujian yang diberikan.
Terdapat fitur To Do List pelajaran yang dipelajari dalam aplikasi.
Disable slot file yang sudah pernah diunduh.

Design Process

Information Architecture

Membuat hierarki navigasi dan struktur konten yang jelas, menyusun sitemap untuk menentukan hubungan antar halaman atau fitur dalam produk, mengidentifikasi jalur pengguna (user flow) untuk memastikan pengalaman yang efisien.

Wireframing

Membuat sketsa tata letak halaman, menentukan posisi elemen UI seperti tombol, teks, gambar, dan navigasi, supaya desain mempunyai struktur dasar antarmuka sebelum menambahkan detail visual.

High-fidelity Prototypes

Membuat versi desain yang lebih mendekati tampilan dan fungsi produk final, menambahkan warna, animasi, efek hover, dan transisi antar halaman, membuat prototipe interaktif agar bisa diuji dengan pengguna.

Usability Testing

Melakukan uji coba desain dengan pengguna nyata, mengamati bagaimana pengguna berinteraksi dengan desain dan mencatat hambatan yang mereka alami, mengumpulkan feedback untuk meningkatkan pengalaman pengguna, menggunakan metode wawancara dan kuesioner SUS untuk menganalisis hasil.