Re-Design Information Architecture in Del Institute of Technology Website
Dalam pembahasan kali ini, kita akan membahas tentang redisgn website dari Institut Teknologi Del berdasarkan Heuristic Evaluation yang sudah kita lakukan sebelumnya (Explore about Heuristic Evaluation dan Information Architectur in University Website in the World).
Daftar Isi
- Explore about Heuristic Evaluation dan Information Architectur in University Website in the World
- Improve User Experience in Del Institute of Technology Website by Understanding of UI/UX Concept
- Re-Design Del Institute of Technology Website to Improve User Experience
Adapun contoh contoh masalah yang perlu saya perbaiki dalam website Institu Teknologi Del adalah :
1. Bagian Menu dan Sub Menu
Untuk bagian menu ini saya lebih mengelompokkan menu nya dan membuatnya kedalam submenu saja. Adanya penambahan dari menu yang tidak ada sebelumnya yaitu Penerimaan Mahasiswa Baru. Menurut saya menu ini sangat penting dalam sebuah website Univeritas dan harus langsung ditampilkan dalam page. Bukan seperti sekarang, dimuat dalam submenu yang membuat user lebih lama untuk mengaksesnya.
2. Penyusunan Berita atau Informasi tertentu
Menurut saya, penyusunan informasi atau berita dalam halaman website ini masih sangat perlu diperhatikan lagi. Bisa kita lihat penyusunan informasi pada halaman website University of Oxford. Jika dibandingakan akan lebih rapi jika dibuat dalam pengelompokkan informasi sehingga tampilan halaman website lebih rapi.
3. Penempatan Icon
Jika kita melihat halaman website Institut Teknologi Del (link), ada beberapa icon yang tidak tepat peletakannya. Seperti button FAQ, Kerja sama, Lokasi, dan juga Akreditas.
4. Warna
Pemberian warna dalam halaman website ini juga harus diperhatikan karena menururt saya kurang menarik. Karena yang membuat user semakin tertarik dengan suatu website adalah dari tampilan visualnya terutama dari warnanya.
Information Architecture
Sitemap website IT Del akan saya redesign. Adapun hasil dari sitemap yang baru dapat dilihat pada gambar dibawah ini. Jiki kita bandingakan dengan yang lama, akan ada menu yang dihapus dan ada juga penambahan menu dan submenu.
Berikut adalah taskflow dan userflow untuk mencari halaman Penerimaan Mahasiswa baru Institut Teknologi Del sebelum di redesign.
- Taskflow
2. Userflow
Dan berikut adalah taskflow dan userflow untuk mencari halaman Penerimaan Mahasiswa baru Institut Teknologi Del setelah di redesign.
- Taskflow
2. Userflow
Dalam gambar setelah dan sesudah redesign, dapat kita lihat perubahan yaitu pada hasil redesign lebih sedikit proses yang dilewati user. Hal ini akan membuat user lebih cepat mengetahui informasi mengenai Penerimaan Mahasiswa Baru IT Del.
Adapun unutk sitemap yang baru setelah redesign adalah
Gambar diatas adalah gambar redisgn sitemap website Institut Teknologi Del yang baru. Masih tetap menggunakan seperti website Institut Teknologi Del yang lama yaitu sitemap dengan bentuk deep, hanya saja yang saya ubah adalah menu nya lebih sedikit karena saya membuatnya menjadi di submenu yang berkaitan dengan menu tersebut.
Prtotipe Baru Website Institut Teknologi Del
Dibawah ini akan saya jelaskan mengenai prototype baru dari website Institut Teknologi Del.
- Home
Dapat kita lihat, bahwa tampilan Home untuk website baru adalah ditunjukkan pada gambar diatas. Akan ada 7 menu yaitu Home, Tentang Del, Penerimaan Mahasiswa Baru, Program Pendidikan, Fasilitas, Civitas, dan Alumni Del. Dimana masing — masing dari menu tersebut memiliki submenu tersendiri. Dalam halaman Home juga akan ada slideshoe (Carousel) yang jika diklik akan langsung menuju berita tertentu. Dalam halaman Home juga akan ada pemilihan bahasa yang diinginkan user ada yang dalam bahasa Indonesia dan juga dalam bahasa Inggris. Dan untuk memudahkan user mencari langsung informasinya, saya menyediakan button search agar user lebih cepat mencari informasi yang diinginkan.
Dalam gambar diatas, halaman home pada website baru akan dilakukan pengelompokan berita. Ada pengelompokan berita tentang mahasiswa, event, pengumuman, dosen/staff, masyarakat, dan akreditas. Dengan demikian, susunan dari informasinya akan lebih rapi jika dibandingkan dengan sebelumnya.Jiki user mengklik salah satu dari jenis berita tersebut maka akan langsung menuju jenis berita tersebut.
Selain itu juga, dalam menu home ini, akan ditampilkan berita terkini dalam lingkup yang berhubungan dengan Institut Teknologi Del yaitu berita — berita terupadate. Akan ditampilakan berita — berita apa saja yang baru terjadi.
Dalam halaman Home yang baru juga terdapat daftar testimonial yang dibuat oleh para alumni.Akan ditampilkan foto, nama, dan identitas beserta testimoninya selama kuliah di Institut Teknologi Del.
Dan yang terakhir yang akan ditampilakan dalam halaman Home adalah alamat dari kampus, nomor telepon, media sosial yang terkait dengan Institut Teknologi Del dan juga akreditasi dari kampus IT Del.
2. Tentang Del
Gambar diatas adalah halaman untuk menu tentang del. Dapat kita lihat bahwa ada pembeda menu dari tentang del dari yang lainnya karena menu tentang del sedang diakses oleh user.
Dapat kita lihat pada gambar diatas submenu yang terdapat dalam menu tentang del yaitu akreditas, testimoni, keunggulan, sambutan, visi dan misi, sejarah del dan struktur organisasi. Jika user mengarahkan kursor kesalah satu submenu tersebut, maka submenu tersebut akan berubah warnanya seperti ditunjuk dalam submenu struktur organisasi. Jika kita mengklik submenu struktru organisasi maka akan user akan berada dalam halaman struktur organisasi seperti ditunjukkan dalam gambar dibawah ini.
3.3.3 Program Pendidikan
Gambar diatas adalah halaman untuk program pendidikan. Dalam halaman tersebut dijelaskan apa itu program studi dan fakultas apa saja serta prodi apa saja yang ada di Institut Teknologi Del. Dan jika kita mengarahkan lursor kita ke button Fakultas Informatika dan Teknik Elektro dan mengkliknya maka button tersebut akan berubah warna. Seperti ditunjukkan pada gambar dibawah ini.
Dan setelah button tersebut diklik maka akan mengarahkan user kehalaman Fakultas Informatika dan Teknik Elektro.
Untuk melihat halaman Home, Tentang Del dan Program Pendidikan dengan jelas, Anda bisa langsung mengakses url ini.
There are three responses to a piece of design
“yes , no, and WOW!”
WOW is the one to aim for.
~Milton Glaser
Reference:
- Institut Teknologi Del, “Institut Teknologi Del,” 2020. [Online]. Available: https://www.del.ac.id/. [Accessed May 2020].
