Analisis Layout Website Responsive Menggunakan Material Design Guidelines dan User Centered Design

Abstrak

Perbedaan ukuran layar antara layar dekstop, tablet dan smartphone serta keberagaman jumlah kolom website menyebabkan permasalahan menurunnya nilai efektivitas dan efisiensi website. Hal tersebut terjadi karena penataan layout yang kurang baik ketika suatu website memiliki kondisi jumlah kolom tertentu dan ditransformasi menjadi device tertentu. Sehingga perlu adanya penataan ulang layout website yang baik dengan menyesuaikan jumlah kolom dan device tertentu. Penataan layout yang dilakukan terdiri dari website dengan jumlah kolom yaitu satu kolom, dua kolom, dan tiga kolom serta device yang dipilih untuk penataan layout adalah tablet dan smartphone. Penataan ulang layout website didapatkan dari penerapan pendekatan Material Design Guidelines (MDG) dan User Centered Design (UCD) untuk mengetahui pendekatan manakah yang lebih baik diterapkan untuk penataan layout dengan jumlah kolom tertentu dan device tertentu guna meningkatkan nilai efektivitas dan efisiensi website. Persamaan nilai efektivitas dan efisiensi dari Anton Sergeev (2010) digunakan untuk mengetahui adanya peningkatan atau penurunan nilai efektivitas dan efisiensi pada website dibandingkan dengan sebelum dimodelkan. Berdasarkan hasil dari penelitian ini, pendekatan MDG lebih meningkatkan nilai efisiensi waktu website tiga kolom versi tablet. Sedangkan pendekatan UCD lebih meningkatkan nilai efisiensi waktu website satu dan dua kolom versi tablet dan smartphone serta website tiga kolom versi smartphone.