Eksplorasi dan Analisis : website kampus Institut Teknologi Del
Daftar isi :
- Evaluasi
- Eksplorasi dan analisis
- Redesign Informasi
Untuk mendesain ulang sebuah website tidak semudah yang kita bayangkan, ada beberapa konsep yang perlu diperhatikan seperti User Research, Persona, Information Architecture, Wireframing, Prototyping, dan Usability Testing konsep ini yang kita gunakan sebagai acuan mendesain ulang website Institut Teknologi Del. Sebelum mendesain ulang website Institut Teknologi Del, sebaiknya kita memahami beberapa konsep di atas.
User research adalah untuk memahami apa tujuan user serta mengerti tentang apa yang mereka rasakan dan pikirkan. User Research biasanya dapat dilakukan dengan beberapa teknik seperti : user interview, usability test, contextual inquiry, competitive analysis, survey, focus group, card sorting dan lainnya.
Persona adalah dokumen yang menggambarkan user target.
Wireframing adalah kerangka atau coretan kasar untuk penataan item-item pada halaman website sebelum proses desain sesungguhnya dimulai. Contoh item-item yang bisa ditata diantaranya banner, header, content, footer, link, form input, dll. Biasanya proses ini ditugaskan kepada UI Designer. Untuk merancang wireframe sang UI Designer bisa menggunakan coretan tangan di kertas ataupun menggunakan tools desain khusus wireframing. Secara visual wireframe hanya berupa garis dan kotak yang mengatur tata letak elemen-elemen pada website.
Prototype
Prototyping adalah cara yang efektif untuk menguji dan memvalidasi fungsi dan desain yang diusulkan sebelum berinvestasi dalam development/ implementasi. Prototyping juga merupakan cara yang baik untuk bereksperimen dan membuat ide dengan tim Anda dan / atau klien Anda, terutama ketika berhadapan dengan flow halaman website atau interaksi yang kompleks.
Usability Testing
Usability Testing merupakan salah satu cara untuk mengetahui apakah user dapat mudah menggunakan aplikasi , seberapa efisien dan efektif sebuah aplikasi dapat membantu user mencapai tujuannya dan apakah user puas dengan aplikasi yang digunakan.
Pada kali ini kita akan lebih fokus membahas tentang Information Architecture (IA)
Information Architecture (IA)
Infromation architecture adalah praktik memutuskan bagaimana mengatur bagian-bagian dari sesuatu yang dapat dimengerti, dalam kata lain IA berfungsi untuk membuat struktur konten yang dapat digunakan dan ditemukan dari set data dan informasi yang kompleks. Intinya, menyusun konten agar mudah bagi pengguna untuk menemukan apa yang mereka cari. Pada topik IA kita akan mempelajari lebih dalam tentang site map dan task flow.
1. Site map menggambarkan stuktur hirarki halaman yang ada dalam sebuah website atau aplikasi yang membuat user lebih memahami dan memudahkan menemukan konten yang dicari.
Site map sendiri dapat dibedakan atas dua tipe yaitu flat dan deep.
dari kedua gambar di atas kita dapat melihat perbedaan struktur antara flat dan deep, kedua struktur ini akan memberikan pandangan yang berbeda ketika kita sebagai pengguna(user) mencari informasi pada sebuah halaman web.
2. Task Flow task flow menggambarkan perjalanan atau tahap halaman mana saja yang terbuka saat kita menjalankan suatu proses,
Setelah mempelajari topik tentang Information Architecture(AI), website perguruan tinggi merupakan salah satu website yang sangat sering dikunjungi khususnya bagi para calon mahasiswa dan orangtua siswa tentunya, dari beberapa website perguruan tinggi terdapat beberapa perbedaan pengalaman penggunaan antara website luar maupun dalam negeri, maka selanjutnya kita akan meninjau AI pada beberapa website kampus baik luar maupun dalam negeri. Seperti beberapa website kampus dibawah ini:
Information Architecture pada universitas lain
- Website Universitas Indonesia
Dari eksplorasi yang dilakukan, terdapat beberapa informasi yang ditonjolkan pada website UI, yaitu :
1. Informasi penerimaan mahasiswa baru
2. Pengumuman
3. Informasi bagi mahasiswa yang berasal dari luar negeri
4. Video acara universitas
Berdasarkan hasil analisa yang dilakukan, website UI meononjolkan desain deep sitemap dan target utama dari Universitas Indonesia adalah civitas kampus, calon mahasiswa, serta orang tua mahasiswa atau calon mahasiswa. Terdapat beberapa kelebihan dan kekurangan pada website ini berdasarkan eksplorasi yang dilakukan
Kelebihan:
1. Warna dasar dari website sederhana sesuai dengan warna dasar universitas
2. Terdapat fitur navigasi (breadscrums)
3. Informasi yang disampaikan tidak hanya gambar atau berita, tetapi juga menggunkana video
Kekurangan
1. Terlalu banyak submenu
2. Dalam menu terdapat submenu yang tidak sesuai tempatnya
2. Website Institut Teknologi Bandung
Dari eksplorasi yang dilakukan, terdapat beberapa informasi yang ditonjolkan pada website ITB, yaitu:
1. Kata sambutan oleh rektor
2. Memberikan layanan informasi publik
3. Video acara universitas
4. Menampilkan keuangan Institut
Berdasarkan hasil analisa yang dilakukan, target utama dari Universitas Indonesia adalah civitas kampus, calon mahasiswa, serta orang tua mahasiswa atau calon mahasiswa. Terdapat beberapa kelebihan dan kekurangan pada website ini berdasarkan eksplorasi yang dilakukan
Kelebihan:
1. Memberikan Informasi tentang layanan publik
2. Kata sambutan dari rektor pada halaman utama
3. Informasi yang disampaikan tidak hanya gambar atau berita, tetapi juga menggunkana video
Kekurangan
- Terlalu banyak menampilkan berita
3. Website Standford University
Dari eksplorasi yang dilakukan, terdapat beberapa informasi yang ditonjolkan pada website Stanford, yaitu:
1. Kegiatan kampus
2. Research
3. Peduli kesehatan
4. Kehidupan mahasiswa
Berdasarkan hasil analisa yang dilakukan, Standford menyajikan informasi dengan jelas, target utama adalah calon mahsiswa maka website ini lebih menonjolkan kehidupan mahasiswa disana. Terdapat beberapa kelebihan dan kekurangan pada website ini berdasarkan eksplorasi yang dilakukan
Kelebihan:
1. Menu sedikit
2. Berita tersusun dengan rapi
3. Mudah mendapatkan informasi
Kekurangan:
1. Tidak memiliki submenu
4. Website Oxford University
Dari eksplorasi yang dilakukan, terdapat beberapa informasi yang ditonjolkan pada website Oxford University, yaitu:
1. Menampilkan kegiatan yang dilakukan oleh kampus
2. Menampilkan berita terkini
3. Memiliki halaman sharing bersama alumni
Berdasarkan hasil analisa yang dilakukan, Oxford lebih menonjolkan konsep deep site, target utama dari Oxford University adalah calon mahasiswa yang ingin kuliah disana. Terdapat beberapa kelebihan dan kekurangan pada website ini berdasarkan eksplorasi yang dilakukan
Kelebihan
1. Menu sangat sedikit dan sesuai fungsinya sehingga tidak membuat pengunjung kebingungan
2. Terdapat fitur navigasi (breadscrums)
3. Berita ditampilkan terpisah berdasarkan kategorinya
Kekurangan
1. Terlalu banyak berita
Dari ke empat website diatas memiliki site map yang deep, site map dapat membantu pengguna untuk menemukan informasi yang mereka butuhkan. Umumnya Informasi pada sebuah website perguruan tinggi dapat dikatakan kompleks sehingga membutuhkan banyak halaman, oleh karena itu banyak website perguruan tinggi memekai struktur site map deep. Website Institut Teknologi Del memakai site map deep, namun pada website Institut Teknologi Del informasi sangat kompleks sehingga membuat pengunjung susah membedakan informasi yang ingin dicarinya.
Referensi :
