Redesign Website Kampus : #1 Research
--
Ide
Pada kesempatan kali ini saya berkeinginan untuk mendesain ulang website kampus (unsika.ac.id), berikut tampilannya :
Elemen yang terdapat pada website meliputi :
- Logo & Nama
- Translate
- Search
- Navigasi
- Carousel
- Daftar Berita
- 9 Link Program (pmb unsika, journal unsika, gallery unsika, forum unsika, digital library, tracer alumni, sipeg unsika, sipus, kuesioner)
- Kontak (alamat, email, kontak, rektor)
- Berita (limited 7 news— pagination)
- Career Center (list)
- Ruang Informasi (list)
- Artikel Baru (list)
- Footer (copyright)
Berikut beberapa tujuan yang kuat kenapa perlu adanya redesign pada website unsika, berikut tujuannya :
- Desain website sudah lama sekali tidak pernah diupdate 3 tahun lebih sejak saya menjadi mahasiswa baru tahun 2016 hingga saya saat ini sudah semester akhir tahun 2020. Saya mencoba melakukan interview singkat kepada dosen dan mahasiswa yang sudah lulus pada kurun waktu 2010–2016 untuk menanyakan tampilan pada saat itu sehingga diketahui apakah website pernah dilakukan redesign atau belum. Berdasarkan hasil interview dengan teman dan dosen bahwa website dibangun pada tahun 2012 dan hingga saat ini belum pernah di lakukan redesign.
- Sudah saatnya website dilakukan re-branding karena pada tahun 2014 status kampus dalam transisi dari swasta menjadi negeri.
- Beberapa tahun belakangan terdapat perubahan logo yang tentu akan merubah branding.
- Rendahnya tingkat kunjungan (hipotesis)
- Desain yang kaku dan monoton/membosankan (hipotesis)
- Tidak mobile friendly (https://search.google.com/test/mobile-friendly?id=aZVfyB7CjAB8r2Vrw_MMqw)
Research
Pada tahap ini saya melakukan beberapa metode untuk menjadi bahan pertimbangan redesign, yaitu :
- Survey, untuk mendapatkan feedback seperti tingkat kunjungan, konten dan design
- Tree Testing, untuk mengevaluasi menu navigasi sehingga menu dan informasi yang ada dapat dengan mudah diakses dan ditemukan oleh users.
- Card Sorting, pelaksanaan card sorting dilakukan setelah pelaksanaan tree testing, sehingga perancangan card sorting dibangun berdasarkan hasil evaluasi tree testing.
1. Survey
Dalam mengidentifikasi masalah perlu adanya data atau fakta rill dari lapangan agar dalam proses ideation dapat ter-define dengan efisien dan efektif. Maka pada tahap ini saya melakukan User Research dengan metode Kuesioner dengan bantuan tools Google Form.
Dalam kuesioner tersebut terdiri dari Data Analytic, Pertanyaan seputar traffic visitor atau tingkat frekuensi kunjungan, Alasannya karena perlu adanya data rill dan validasi asumsi/hipotesis terhadap tingkat kunjungan website agar terbukti bahwa perlunya melakukan redesign. Berikut pertanyaannya :
- Pernahkah kamu mengunjungi website?
- Seberapa sering kamu mengunjungi website?
- Kapan terakhir kali mengunjungi website?
- Menggunakan media apa saat membuka websitenya?
- Saat terakhir kali mengunjungi website, kamu mencari apa?
- Apa yang membuatmu tidak tertarik dengan websitenya?
- Bagaimana menurutmu tampilan websitenya?
- Mohon berikan saran terhadap websitenya?
Jumlah responden survey yang didapat berjumlah 30 responden yang mewakili ke sembilan fakultas. Berikut hasil tanggapan dari responden :
Berdasarkan hasil survey bahwa seluruh responden pernah membuka atau mengunjungi website unsika
Kemudian hasil membuktikan responden “JARANG” (50%)
Rata-rata tingkat kunjungan terakhir website unsika dari 32 responden menghasilkan 1 bulan yang lalu atau sudah lama tidak membuka website
Media platform yang sering digunakan oleh user adalah smartphone dengan perolehan nilai 71.9%, jadi rata-rata user membuka website melalui smartphone.
Kemudian berdasarkan data yang telah terkumpul, berikut hal-hal yang telah saya rangkum menggunakan tool Miro.
2. Tree Testing
Selain melakukan survey kuesioner menggunakan google form, saya juga melakukan Tree Testing untuk menguji Information Architecture. Berikut IA pada kondisi pra redesign menggunakan tools coggle.it :
Pada tahap Tree Testing saya menggunakan tool yang bernama Treejack yang merupakan salah satu layanan dari Optimal Workshop, pengujian ini diberikan kepada 5 responden dengan memberikan 3 buah task untuk mencari informasi didalam menu navigasi. Alasan kenapa hanya 3 buah task saja karena Layanan Free pada Treejack hanya membatasi 3 buah saja, agar mendapatkan layanan lebih maka perlu membeli layanan berbayar.
Berikut Task (scenario) yang akan di uji kan kepada 5 responden :
- Kamu adalah mahasiswa baru yang belum mengetahui pimpinan fakultas seperti dekan, wakil dekan, kaprodi dan lain-lain. Tolong cari dimana lokasi pimpinan fakultas berada?
- Di awal tahun kamu ingin melihat jadwal atau kalender akademik agar kamu tidak ketinggalan informasi penting. Dimanakah lokasi tempat kalender akademik itu berada?
- Saat ini kamu ingin melihat informasi tata tertib lab komputer di kampus unsika. Dimanakah lokasi untuk mencari informasi tata tertib lab komputer tersebut berada?
Hasil Tree Testing : Task 1
- Pada task 1 diperoleh 3 responden yang sukses (indirect) dengan nilai presentase 60%
- dan 2 responden yang gagal (direct) dengan nilai presentase 40%
Hasil Tree Testing : Task 2
Pada task 2 berdasarkan hasil pengujian sangat baik dan berhasil dengan perolehan nilai 100%
Hasil Tree Testing : Task 3
- Pada task 3 menghasilkan 4 responden yang berhasil dengan perolehan presentase 60% direct dan 20% indirect
- dan 1 responden yang gagal dengan perolehan presentase 20% direct
Hasil Tree Testing :
Maka berdasarkan data yang didapat bahwa dari ketiga task yang diberikan kepada kelima users, masih terdapat task yang membingungkan dan sulit untuk dicari. Contohnya pada task 1 yang bertujuan untuk mencari informasi pimpinan fakultas, bahwa terdapat 2 user yang salah dalam mencari informasi tersebut. Pada task 1 memperoleh nilai presentase 40% failure dan task 3 20% failure. Karena tingkat failure pada menu pimpinan fakultas dibawah 50% maka tidak perlu dilakukan redesign navigasi dengan card sorting.
Rangkuman
Pada artikel sebelumnya tepatnya pada tahap research saya melakukan beberapa hal yaitu melakukan survey untuk mengetahui tingkat kunjungan & mendengar user insight yang akan menjadi bahan pertimbangan redesign kali ini, dari hasil survey mengatakan bahwa website tersebut rendah visitor bahkan terakhir kali users mengunjungi website pada 1 bulan yang lalu, dampak tersebut dikarenakan karena tidak diperbaharui informasi yang disajikan serta tampilan web yang membosankan.
Selanjutnya saya melakukan tree testing yang bertujuan untuk melakukan evaluasi dan pengujian pada elemen navigasi agar navigasi tersebut mudah diakses oleh users. Pada pengujian tree testing dilakukan pada 5 users. dari hasil tree testing menghasilkan kesimpulan bahwa terdapat 2 user dari total 5 users yang gagal dalam mencari menu pimpinan fakultas. Maka dapat disimpulkan bahwa tidak perlu/darurat dilakukan redesign navigasi menggunakan card sorting karena presentase failure-nya 40% (dibawah 50%)
Terima kasih dan cukup sekian, jika terdapat kekeliruan mohon untuk berkenan di koreksi dan diberikan feedback. berikut redesign pada tahap wireframing 👇
- Instagram : @budhilhr
- Instagram Portfolio : @buds.xd
- Dribbble : Budhi Luhoer