Re-design Del Institute of Technology Website For better architecture Using UI/UX Concept
Evaluasi dan Analisis
Daftar Isi:
Dalam tulisan kali ini, saya akan melakukan beberapa evaluasi terhadap beberapa website Universitas baik dalam negeri maupun luar negeri. Website yang akan menjadi acuan dalam melakukan kajian terhadap webiste IT Del adalah:
- Mushasino Art University
- University of Melbourne
- University of Oxford
- Universitas Indonesia
Information Architecture
Information Architecture adalah seni menggambarkan suatu model atau konsep informasi yang digunakan dalam aktivitas-aktivitas yang membutuhkan detail eksplisit dari suatu sistem kompleks. — Wikipedia
Di dalam Information Architecture, terdapat istilah Site map dan Task Flow. Site map menunjukkan arsitektur informasi atau hierarki seluruh website dan Task flow menggambarkan proses yang dilakukan user untuk mencapai tujuannya dalam mengakses website.
Dalam bagian ini, kita akan membahas Information Architecture dari setiap website Universitas diatas.
Pada bagian Homepage dari website Mushasino Art University, kita akan disuguhkan menu utama seperti About MAU, Academic, International relations, Collaborations, Admissions Guide, dan Museum & Library. Pada bagian Homepage, hanya diberikan informasi berupa News dan Academic yang semua memiliki link masing-masing.
- Site Map
Dalam web Mushasino Art University, hirarki visual layout website ditunjukkan dengan menu utama memiliki section, dan setiap section memiliki beberapa subsection. Site map yang terbentuk dari website Mushasino Art University ini adalah hirarki “tree”. Site map yang digunakan pada website Mushasino Art University menggunakan konsep “Deep”. Dimana konsep ini lebih sederhana tetapi membutuhkan aksi dari user lebih banyak. Berikut adalah Site Map pada website Mushasino Art University.
- Task Flow
Dalam website Mushasino Art University, flow yang dihasilkan seperti ilustrasi berikut:
Sebagai contoh, user mengakses menu utama yaitu Academics, di dalam page Academics user mengakses College of Art and Design. User akan dilempar halaman mengenai Art dan Design. Untuk mengakses informasi yang ada di halaman ini, user harus melakukan proses diatas dan untuk dari halaman ini user tidak stuck jika sudah selesai mendapat informasi, user dapat kembali ke halaman utama atau ke halaman sebelumnya, tetapi user tidak dapat langsung mengakses halaman Art and Design jika tidak melewati section College of Art and Design.
- Site Map
Website University of Melbourne menggunakan konsep “Deep”. User akan melakukan banyak aksi untuk mengakses informasi di dalam website tersebut. Website ini memiliki 6 menu utama dan banyak section di setiap menu utamanya. Site map University of Melbourne terbentuk dengan konsep hierarki “tree”. Berikut adalah Site Map pada University of Melbourne.
- Task Flow
Dalam website University of Melbourne, flow yang di hadirkan seperti ilustrasi berikut.
Sebagai contoh, user mengakses menu utama Study. Dalam menu Study user memilih Browse All Interest. Untuk mencapai halaman ini, user harus melalui menu Study kemudian memilih Browse All Interest. User tidak dapat langsung menuju ke halaman Browse All Interest tanpa melalui menu Study. Untuk kembali, user dapat langsung ke halama utaman atau halaman sebelumnya.
- Site Map
Website University of Oxford menggunakan konsep “deep” dan hierarki visual layout yang ditunjukkan memiliki 5 menu utama. Setiap menu utama memiliki section. Berikut adalah Site Map pada University of Oxford.
- Task Flow
Dalam website University of Oxford flow yang dihadirkan seperti ilustrasi berikut:
Setiap page yang di akses user tidak akan mengalami stuck, karena terdapat navigator dari setiap page yang dilalui oleh user, sehingga user dapat kembali kapan saja dan ke page mana saja.
- Site Map
Dalam website Universitas Indonesia, terdapat menu utama, section dan Subsection. Pada Subsection memiliki banyak link yang dapat diakses oleh user. Site map yang dihadirkan dalam website ini dalam bentuk “deep”. Berikut adalah Site Map pada Universitas Indonesia.
- Task Flow
Untuk flow yang dihadirkan oleh website Universitas Indonesia, dapat dilihat pada ilustrasi berikut:
Reference
[1] Musashino Art University, “Musashino Art University ,” 2020. [Online]. Available : https://www.del.ac.id/. [Accessed May 2020].
[2] Melbourne University, “Melbourne University ,” 2020. [Online]. Available : https://www.del.ac.id/. [Accessed May 2020].
[3] Oxford University, “Oxford University ,” 2020. [Online]. Available : https://www.del.ac.id/. [Accessed May 2020].
[4] Universitas Indonesia, “Oxford University ,” 2020. [Online]. Available : https://www.del.ac.id/. [Accessed May 2020].
