Website Staff Site Universitas — UI/UX Case Study

Rofii Shiddiq Maulana
5 min readDec 31, 2020

--

Ringkasan Project

STAFF SITE adalah sebuah solusi yang di buat dalam bentuk website dari sebuah masalah yang sering terjadi di universitas yang di alami oleh mahasiswa yakni sulit nya mendapatkan akses informasi dosen dan staff ketika mereka membutuhkan untuk mendukung aktivitas nya sehingga cukup sering terjadi mahasiswa terhambat aktivitas nya karena hal tersebut, oleh karena itu disini saya mencoba untuk membuat website dengan UI yang simple dan mudah di pahami oleh user (Mahasiswa). tentunya mengacu pada data yang telah di kumpulkan berasal dari interview ke beberapa mahasiswa di universitas yang berbeda

Problem Statement

Awal nya saya dan beberapa teman saya sedang berkumpul seperti biasa kita membicarakan apapun dari yang lagi viral atau pun masalah pribadi, tapi ada salah satu dari teman saya berkeluh kesah karena susah nya mendapatkan data informasi staff yang sedang dia cari untuk melancarkan aktivitas di kampus nya, ternyata di mulai dari situ teman teman saya yang lain pun bercerita bahwa memang mahasiswa di buat sulit untuk mencari informasi seperti itu dan mahasiswa di suruh untuk extra berusaha mencari nya, yang malah menjadi hambatan kelancaran aktivitas mahasiswa, pada di era modern saat ini hal tersebut bisa terselesaikan akan tetapi ternyata tidak, karena memiliki pengalaman yang sama dan rasa penasaran untuk mencari solusi tentunya saya tidak tinggal diam

User Interview

Mencari tau lagi dengan melakukan survei dengan beberapa teman saya baik itu yang satu kampus atau pun berbeda kampus dengan memberikan beberapa pertanyaan untuk mencari solusi dari masalah tersebut, dari hasil survei tersebut saya gabungkan sebagai berikut :

Point Problem

Dari penelusuran saya melalui survei tersebut saya mendapat feedback yang terkait masalah yang sering di alami oleh mahasiswa, untuk itu saya ringkas secara garis besar permasalahan nya
1. Tidak semua kampus menyediakan fasilitas untuk memberikan data informasi dosen atau staff nya
2. jika ada yang menyediakan fasilitas tersebut baik berupa web atau pun aplikasi, tampilan nya, data dan user interface nya masih kurang dari yang di harapkan

Saya juga membuat solusi dari hasil survei yang telah saya gabungkan dan hasil nya sebagai berikut :

Research Data

Dari data yang sudah di kumpulan melalui survei saya buat kesimpulan sebagai berikut :

Personas

Dari hasil survei tersebut saya dapat gambarka persona dari salah satu mahasiswa yang saya tanyakan :

Dengan demikian dapat saya banyak dari mahasiswa mengalami hal yang sama ketika membutuhkan data informasi dosen atau staff untuk aktivitas nya

Problem solving Mapping

Proses dalam sulit nya mahasiswa dalam masalah tersebut bisa saya gambarkan sebagai berikut

Adapun ketika saya mencoba mengimplementasikan solusi yang saya dapatkan dari survei akan menjadi seperti ini :

Design Solutions

Dari point problem yang telah di tentukan, disini saya akan mencoba menyelesaikan masalah tersebut, berikut kita bisa melihat design solution yang terdapat pada point problem

  • Membuat design solution untuk tampilan awal ketika membuka website tersebut (saya nama kan staff site) dengan tampilan dan fitur yang mudah di pahami, dimana mahasiswa dapat langsung mencari data yang di perlukan nya
  • Membuat design solution untuk tampilan menu dosen dan staff, jika user ( mahasiswa ) memilih itu baik dari header atau pun button selengkapnya yang terdapat pada tampilan awal
  • Tampilan jika user memilih menu yang tersedia pada dosen atau staff, contoh nya jika user memilih struktural organisasi universitas dan staff keuangan universitas sebagai berikut :
  • Berbeda jika user memilih sebu menu salah satu dari fakultas yang terdapat pada menu dosen, karna di dalam fakultas bisa menampung lebih dari satu jurusan yang ada di universitas, adapun tampilan nya sebagai berikut
  • Adapun fitur yang terdapat pada button search jika saya menambahkan fitur search by name dan filter agar memudahkan user, tampilan nya sebagai berikut
  • Adapun Fitur data profil yang saya sajikan aman untuk keamanan pribadi jika, pihak kampus mengikuti solusi yang saya berikan “ Membuatkan email khusus tiap dosen dengan nama kampus, dan memberikan no tlp khusus kepada dosen untuk melayani mahasiswa jika mengalami kesulitan”, saya hanya menampilkan data yang di butuhkan untuk perkulihan saja, tampilan nya sebagai berikut
  • Jika user ingin menghubungi melalui email fitur email akan langsung membuka Gmail untuk mengirim pesan nya lewat sana, dan jika user ingin menghubungi melalui whatsapp fitur ini akan langsung membuka aplikasi tersebut

Pihak kampus masih bisa menambahkan kebijakan ketika mahasiswa nya ingin menghubungi melalui email atau pun apk whats app

Conclusion

Proses untuk case study ini cukup menjadi perjalanan yang sederhana, mungkin ada kendala sedikit ketika membuat beberapa pertanyaan untuk survei agar bisa mendapatkan hasil semaksimal mungkin. Namun setelah itu berlalu semua dapat bejalan dengan baik karena semua berdasarkan data dari hasil survei tersebut.

Sekian UI/UX case study saya yang masih banyak memiliki kesalahan dan kekurangan karena ini tulisan pertama saya, untuk itu saya harap teman-teman semua bisa membantu mengkoreksi serta memberi kritik dan saran terbaik terkait ini.

Terimakasih.

--

--

Rofii Shiddiq Maulana
0 Followers

Hii, I'm interested in Mobile programming, Front End Developer and UI / UX