TUGAS MK.
INTERAKSI MANUSIA DAN KOMPUTER
CRITICIZING USER INTERFACES
Disusun oleh:
Taofik Ramdani 152022094
Reyhan Arief 152022222
M Zulfan A 152022243
M Anfasya R 152022248
Bintan Maulana R.R 152022258
Kelas FF
INSTITUT TEKNOLOGI NASIONAL BANDUNG
FAKULTAS TEKNOLOGI INDUSTRI
INFORMATIKA
2023
The 8 Golden Rules of Interface Design Ben Shneidermen
1. Desain Interface yang baik
Desain yang kelompok kami pilih yaitu interface dari sebuah aplikasi E-Commerce yaitu
Tokopedia.
Berikut adalah bagaimana Shneiderman’s Eight Golden Rules diterapkan pada aplikasi
Tokopedia:
● Strive for consistency
Tokopedia menggunakan ikon burung hantu, warna hijau sebagai ciri khas, dan hierarki
menu yang familiar untuk memastikan pengguna dapat menerapkan pengetahuan dari
satu klik ke klik lainnya tanpa perlu mempelajari representasi baru untuk tindakan yang
sama.
● Enable frequent users to use shortcuts
Pada aplikasi Tokopedia terdapat fitur-fitur yang memungkinkan pengguna mencari
sesuatu sesuai kategori.
Pada fitur pencarian ditampilkan juga rekomendasi paling populer untuk dapat dipilih
oleh pengguna.
● Offer informative feedback
Pengguna dapat mengetahui posisi mereka saat ini dan aktivitas pada system yang sedang
berjalan. Contohnya seperti pada gambar dibawah yang ditandai dengan kotak berwarna
hitam.
Contoh lainnya jika pada versi mobile terdapat hover.
● Design dialogue to yield closure
Terdapat fitur untuk melihat berapa sisa stok yang tersisa dalam bentuk bar dan juga
terdapat countdown untuk mengetahui sisa atau berapa lama diskon berlangsung.
Pengguna juga dapat melihat status pemesanan dan sampai mana proses pemesanan berlangsung.
● Offer Error Handling
Ketika akan memilih lokasi, jika pengguna belum menyalakan lokasi maka akan muncul
pesan error.
Contoh lainnya ketika akan melakukan checkout kita tidak bisa langsung membayar
sebelum memilih tipe pengiriman terlebih dahulu.
● Permit easy reversal of actions
Pengguna masih dapat merubah jumlah barang baik itu menambah,mengurangi,bahkan
menghapus pada menu Keranjang sebelum akhirnya melakukan checkout dan
pembayaran.
● Support internal locus of control
Fitur ulasan dan rating memungkinkan pengguna untuk memberikan feedback terhadap
produk yang mereka beli serta pengalaman mereka selama berbelanja di Tokopedia. Hal
ini memberikan kontrol kepada pengguna untuk berbagi pengalaman mereka dan
membantu pengguna lain dalam membuat keputusan pembelian.
● Reduce short-term memory load
Homepage Banner pada Tokopedia termasuk kedalam kriteria yang terakhir ini karena
akan mengurangi beban ingatan jangka pendek pada pengguna. Karena pada saat
membuka aplikasi Tokopedia Banner tersebut akan langsung muncul di homepage.
2. Desain Interface yang kurang baik
Desain yang kelompok kami pilih yaitu interface dari sebuah website bernama Hoobly
Tampilan Home
Di halaman home, pengkategorian terlihat kurang menarik
Proses Registrasi/Login
Setiap ingin login harus memasukkan kode akses login yang dikirim ke email pengguna
Tombol Pemesanan Kurang Menarik
Saran dari kelompok kami untuk web ini:
[Link] Tampilan Home yang Lebih Rapi:
● Pastikan tata letak dan desain halaman home lebih bersih dan teratur.
● Gunakan whitespace dengan bijak untuk memisahkan elemen-elemen yang berbeda.
● Pertimbangkan untuk menggunakan gambar atau grafis yang menarik namun tidak membuat
tampilan terlalu ramai.
[Link] Form Login dengan Password:
● Tambahkan bidang kata sandi (password) pada formulir login.
● Berikan opsi kepada pengguna untuk menyimpan kata sandi mereka (dengan enkripsi yang aman)
atau menggunakan fitur "Remember Me" untuk login yang lebih cepat di masa mendatang.
[Link] Kategori dengan Icon:
● Gunakan ikon yang jelas dan representatif untuk setiap kategori.
● Pastikan pengguna dapat dengan mudah mengidentifikasi dan memahami apa arti dari setiap ikon
yang digunakan.
[Link] Fitur 'Help':
● Tambahkan bagian bantuan (Help) atau FAQ yang mudah diakses pada website.
● Sediakan panduan langkah demi langkah untuk masalah umum yang mungkin dihadapi
pengguna.
● Jika memungkinkan, pertimbangkan untuk menyertakan opsi dukungan pelanggan langsung
melalui obrolan langsung (live chat) atau formulir kontak.