Institut Teknologi Del Website Recast — Redesign

Boaz Demeson
6 min readSep 2, 2020

--

Daftar Isi

  1. Institut Teknologi Del Website Recast — Evaluasi Website IT Del
  2. Institut Teknologi Del Website Recast — Website Comparison
  3. Institut Teknologi Del Website Recast — Redesign

1.1 Daftar Masalah dan Rekomendasi Perbaikan

Dari hasil evaluasi yang telah dilakukan, telah ditemukan kekurangan dari halaman website IT Del. Hal utama yang menjadi kekurangan halaman website IT Del terletak di bagian struktur menu dan peletakan elemen pada halaman website yang dianggap belum tersusun dengan baik sehingga menyulitkan pengunjung dalam memperoleh informasi secara cepat dan mudah.

1. Rekomendasi untuk merapikan susunan tiap menu

2. Rekomendasi Menggunakan Bahasa yang baik dan benar

3. Rekomendasi untuk mengatasi Link yang tidak dapat diakses

4. Rekomendasi untuk mengganti konten pada halaman

Mengacu kepada beberapa kekurangan yang terdapat pada website IT Del yang diperoleh dari hasil identifikasi diatas, tentunya dapat ditentukan beebrapa rekomendasi untuk memperbaiki tampilan dan pengalaman dalam menggunakan website IT Del. Dengan adanya rekomendasi maka akan dilakukan beberapa desain untuk memperbaiki beberapa kesalahan yang ada, menghilangkan menu dan submenu yang dianggap tidak penting, memperbaiki penamaan menu dan submenu agar lebih relevan, memperbaiki tata peletakan dan penyampaian berita pada halaman website, dan menambahkan fitur navigasi di setiap halaman website.

Situs ini mengandung terlalu banyak menu dan menu tersebut tidak perlu untuk disajikan pada target pengguna. Sebagai contoh dapat dilihat pada menu Regulasi dan Lembaga. Lebih baik untuk tidak ditampilkan karena para pengguna baru tentunya hanya ingin melihat seputar tentang kampus dan mungkin prestasi yang diraih oleh kampus. Beberapa bahasa yang digunakan ini sangat terlihat jelas mencampur bahasa Indonesia dan Inggris. Tentunya hal tersebut dapat diatasi dengan tidak menggunakan bahasa asing. Namun, apabila beberapa elemen harus ditulis dengan bahasa asing, jangan sampai menhilangkan esensi bahas Indonesia pada situs tersebut. Lebih baik untuk menghilangkan link yang menuju ke halaman tertentu, apabila halaman tersebut tidak dapat diakses. Lebih baik pada halaman awal untuk menampilkan halaman yang bersifat menyambut pengguna baru yang akan mendaftar ke kampus IT Del.

1.2 Information Architecture

Information Architecture (IA) adalah suatu cara dalam menyusun bagian-bagian dari suatu informasi agar lebih mudah dimengerti oleh orang lain. Dengan adanya IA dapat membantu orang lain untuk dapat mengerti mengenai tata cara penyusunan informasi pada halaman website atau aplikasi sehingga pengguna dapat dengan mudah menemukan informasi yang dicari.

Dalam penerapan Information Architecture (IA), terdapat beberapa komponen yang harus dipahami. Komponen tersebut antara lain Site Map, Task Flow, dan User Flow. Site Map adalah struktur yang menggambarkan hirarki halaman pada suatu website atau aplikasi. Task Flow adalah

1. Site Map

Site Map merupakan sebuah susunan hirarki halaman pada sebuah situs atau aplikasi. Site Map dapat mengarahkan pengguna dalam memahami struktur pada sebuah situs dan lokasi setiap halaman dalam situs.

2. Task Flow

Task flow adalah alur kerja yang menggambarkan urutan halaman apa saja yang dilalui user dalam melakukan suatu aktivitas. Berikut adalah Task Flow untuk melihat informasi mengenai penerimaan mahasiswa baru melalui jalur USM pada website IT Del setelah dilakukan proses perancangan ulang (redesign).

Pada Task Flow diatas dijelaskan bahwa untuk menuju halaman Asrama, maka pengguna akan memulai pada halaman beranda kemudian Kehidupan Kampus lalu ke Halaman Asrama.

3. User Flow

User Flow adalah alur yang dilakukan oleh user dalam sebuah experience. Berikut adalah User Flow untuk membuka halaman USM pada website IT Del setelah dilakukan proses perancangan ulang (redesign).

Pada user flow diatas dapat dilihat bahwa alur untuk melihat halaman S1 Sistem Informasi adalah dengan mengakses menu Fakultas Informatika dan Elektro pada menu beranda yang kemudian akan menunjukkan beberapa Sub Menu salah satunya adalah Sub Menu S1 Sistem Informasi dan setelah itu akan diarahkan ke halaman S1 Sistem Informasi.

1.3 Prototype Baru Website IT Del

  1. Halaman Beranda

2. Halaman Visi Misi

3. Halaman Sejarah

4. Halaman Sambutan Rektor

5. Halaman Sambutan Ketua Yayasan

6. Halaman Fakultas Informatika dan Teknik Elektro

7. Halaman Prodi D3 Teknik Informatika

8. Halaman Prodi D3 Teknik Komputer

9. Halaman Prodi D4 Teknik Rekayasa Perangkat Lunak

10. Halaman Prodi S1 Informatika

11. Halaman Prodi Sistem Informasi

12. Halaman Prodi Teknik Elektro

13. Halaman Fakultas Bioteknologi

14. Halaman Fakultas Teknik Industri

1.4 Usability Testing

Usability testing merupakan serangkaian uji coba User experience secara sederhana dengan memberikan beberapa tugas pada user kemudian mencatat masalah apa yang ditemukan oleh user dan mencatat seberapa baik desain tersebut untuk digunakan.

Metode yang akan dilakukan adalah Qualitative Usability Testing yang memiliki seraingkaian pengukuran dan jumlah user dalam pengujian yang lebih kecil. Pemilihan 4 orang user dilakukan secara acak dari 52 mahasiswa/i Institut Teknologi Del angkatan 2016 program studi Sistem Informasi yang mengambil matakuliah UI UX. 1 orang user dari luar IT Del juga diminta ikut serta dalam menguji desain ini.

Karena saat ini user tidak dapat diawasi secara langsung ketika melakukan pengujian, maka usability testing dilakukan dengan mengirimkan link shareable desain kepada user. Link ini akan menampikan hasil desain interaktif yang telah dibuat sebelumnya. Pengawas akan memberitahu user mengenai task-task yang harus dicapainya satu persatu secara sequence. Setelah menunggu beberapa menit, pengawas akan mengirimkan link Google form yang berisi beberapa pernyataan seperti gambar di bawah ini.

User akan mengisi nilai dari penyataan tersebut sebagai penilaian terhadap desain dari tugas yang diselesaikannya. Adapun pernyataan yang terdapat pada form dapat dilihat pada tabel di bawah ini.

Setelah user mengisi form penilaian task pertama, maka pengawas akan memberikan task selanjutnya dan user akan mengisi kembali form penilaian task kedua, begitu seterusnya hingga task terakhir.

Usability testing dilakukan mulai dari tanggal 21 Mei 2020 sampai tanggal 30 Mei 2020 oleh 5 orang mahasiswa/i angkatan 2016 yang menempuh perkuliahan di Intitut Teknologi Del dengan program studi Sistem Informasi, di mana mereka telah memiliki pengetahuan dasar mengenai User Interface dan User Experience. User terdiri dari 2 orang mahasiswa dan 3 orang mahasiswi. Setiap user melakukan usability testing dari tempat masing-masing secara online dengan waktu yang berbeda (tergantung jadwal kosong user).

Adapun waktu dan tanggal pelaksanaan setiap user dapat dilihat pada tabel di bawah ini.

Jangka waktu setiap user sudah termasuk waktu pengarahan, dan juga delay time yang diakibatkan oleh jaringan yang tidak stabil.

--

--