Explore about Heuristic Evaluation dan Information Architectur in University Website in the World

Marcelino Sofian Sirait
5 min readJun 3, 2020

--

Dalam materi ini, kita akan membahas tentang masalah Information Architecture dan juga Heuristic Evaluation di beberapa website universitas di dunia termasuk website Institut Teknologi Del.

Jika melihat website universitas yang ada di dunia, misalnya jika kita melihat website Universitas Gunadarma, Universitas Indonesia, University of California, University of oxford, dan juga Institut Teknologi Del.

Daftar Isi

  1. Explore about Heuristic Evaluation dan Information Architectur in University Website in the World
  2. Improve User Experience in Del Institute of Technology Website by Understanding of UI/UX Concept
  3. Re-Design Del Institute of Technology Website to Improve User Experience
  4. Universitas Indonesia
Source : https://www.ui.ac.id/

Halaman website Universitas indonesi sudah tergolong baik. Warna yang diberikan pada halaman website disesuaikan dengan ciri khas Universitas Indonesia yaitu kuning. Dan juga struktur peletakan button dalam page sudah rapi dan mudah untuk ditemukan. Gambar diatas adalah gambar website Universitas Indonesia. Dari gambar tersebut, kita lihat bahwa website Universitas Indonesia memiliki struktur sitemap dengan bentuk deep.

Berikut ini akan ditampilkan task flow dan user flow dari user untuk mengetahui informasi tentang SBMPTN Univeristas Indonesia.

Taskflow
Useflow

2. Universitas Gunadarma

Source : https://www.gunadarma.ac.id/

Gambar diatas adalah gambar website Universitas Gunadarma. Dari gambar tersebut, kita lihat bahwa website Universitas Indonesia memiliki struktur sitemap dengan bentu deep. Untuk tampilan website Universitas Gunadarma dapat dijadikan acuan dalam meredesign website Institute Teknologi Del. Namun, dalam halaman website perlu juga ditambahkan button search untuk memudahkan user dalam menemukan informasi yang mereka inginkan. Selain itu, perlu juga ditambahkan warna yang mencolok pada menu yang sedang diakses agar terlihat berbeda dari yang lainnya supaya user tau menu apa yang sedang mereka akses. Hal ini juga bisa menjadi acuan bagi redesign website Institut Teknologi Del.

Berikut ini akan ditampilkan task flow dan user flow dari user untuk mengetahui informasi tentang sejarah Univeristas Gunadarma.

Taskflow
Useflow

3. University of California

sumber : https://uci.edu/

Gambar diatas adalah gambar website Universitas California. Dari gambar tersebut, kita lihat bahwa website Universitas Indonesia memiliki struktur sitemap dengan bentu deep. Dalam website universitas ini, pemberian informasi dilakukan dengan cara mengelompokkan informasi tersebut. Sehingga membuat tampilan websitenya kelihatan rapi. Sebaiknya dalam membuat submenu dari setiap menu ada pembatasnya seperti gambar diatas namun itu tidak ditemukan dalam semua menu. Untuk button search nya lebih baik tidak diletakkan didalam slideshow tetapi diatas slideshow. Selanjutnya lebih meperhatikan lagi masalah pewarnaan dalam halaman website. Alangkah lebih baiknya, warna yang diberikan tidak terlalu banyak.

Berikut ini akan ditampilkan task flow dan user flow dari user untuk mengetahui informasi about us dari University of California.

Taskflow
Userflow

4. University of Oxford

sumber : http://www.ox.ac.uk/

Gambar diatas adalah gambar website Universitas Oxford. Dari gambar tersebut, kita lihat bahwa website Universitas Indonesia memiliki struktur sitemap dengan bentu deep.

Pemberian informasi dalam halaman website ini, dibuat dengan mengelompokkanm jenis dari informasi nya dan ini bisa dijadikan acuan untuk redesign website Institut Teknologi Del. Dan untuk bentuk dari courser dari halaman website ini bisa dijadikan referensi unutk redesign website Institut Teknologi Del. Namun dalam halaman website ini, struktur peletakan dari menu nya harus diperhatikan lagi supaya disusun lebih rapi.

Berikut ini akan ditampilkan task flow dan user flow dari user untuk mengetahui informasi tentang organisasi dari University of Oxford.

Taskflow
Userflow

5. Institut Teknologi Del

Tidak jauh berbeda, website Institut Teknologi Del sendiri juga menggunakan sitemap dalam bentuk deep. Dapat dilihat pada gambar dibawah ini.

sumber : http://www.del.ac.id/

Untuk sitemap yang dibuat dalam website Institut Teknologi Del sudah baik dan terstruktur dengan rapi namun menurut saya untuk lebih menstrukturkan menu-menunya alangkah lebih baiknya lagi jika lebih dikelompokkan lagi. Jangan terlalu banyak menampilkan menu dalam website tetapi mungkin lebih baik jika dimuat dalam submenu. Namun dengan catatan submenu-nya harus rapi dan tidak terlalu panjang kebawah seperti pada website Universitas Indonesia. Untuk masalah flow-nya, menurut saya user sudah mendapatkan informasi dengan baik, user tidak kebingungan lagi dalam menjalankan atau mengidentifikasi website yang saya eksplore begitu juga dengan website Institut Teknologi Del. Dan juga untuk peletakan setiap informasinya masih berantakan, perlu dibuat dalam pengelompokan informasi seperti pada website University of California. Untuk slideshow pada halaman website ini perlu diperbesar lagi seperti pada website sebelumnya. Peletakan button dalam halaman website ini juga perlu diperhatiakn lagi supaya lebih rapi dan juga perlu untuk menambahkan warna dalam halaman website agar user lebih tertarik untuk membuka website Instutut Teknologi del.

Berikut ini akan ditampilkan task flow dan user flow dari user untuk mengetahui informasi tentang visi dan misi dari Institut Teknologi Del.

Taskflow
Userflow

Reference :

1. Stanford University, “Stanford University,” 2020. [Online]. Available: https://www.stanford.edu/. [Accessed May 2020].

2. Oxford University, “Oxford University,” 2020. [Online]. Available: http://www.ox.ac.uk/. [Accessed May 2020].

3. Universitas Indonesia, “Universitas Indonesia,” 2020. [Online]. Available: https://ui.ac.id/. [Accessed May 2020].

4. Universitas Gunadarma, “Universitas Gunadarma,” 2020. [Online]. Available: https://www.gunadarma.ac.id/. [Accessed May 2020].

5. Institut Teknologi Del, “Institut Teknologi Del,” 2020. [Online]. Available: https://www.del.ac.id/. [Accessed May 2020].

--

--