Visibility of System Status - ratugalery.com

Pada kesempatan kali ini saya akan membahas tentang Visibility of System Status. perlu diketahui bahwa visibility of system status adalah bahwa sistem harus selalu menginformasikan pada pengguna apa yang sedang terjadi, melalui pesan yang baik dan waktu yang sesuai.

Dan pada kesempatan kali ini saya akan menganalisis website ratugaleri.com.

1. Posisi Pengguna

Berikut adalah halaman utama dari website ratugaleri.com

halaman utama dari ratugalery.com

Pada bagian atas ada terdapat beberapa menu bar seperti home, foto pabrik dan lainnya. saya mencoba untuk mencari informasi tentang cara pembelian barang, jadi saya mencoba untuk mengklik menu Harga Konveksi. Saat  belum diklik atau dihover, warna menu masih tetap berwarna biru, namun setelah di hover menu berubah menjadi berwarna putih. hal itu didemonstrasikan seperti berikut.

font sebelum di hover

font setelah di hover

namun, setwelah saya mengklik menu tersebut, font menu Harga Konveksi tidak tetap berwarna putih, namun berubah menjadi berwarna biru dan saya telah berada pada halaman Harga Konveksi. Sebenarnya yang demikian sudah bisa memberikan informasi kepada pengguna bahwa posisi pengguna sekarang berada pada menu Harga Konveksi akan tetapi apabila melihat ke bagian atas tidak cukup jelas menunjukkan keberadaan dari pengguna.

 2. Ikon dan Skema Design web

Pada halaman utama ratugalery.com, terdapat ikon (-) yang terdapat di sisi atas postingan NEWS & UPDATE seperti pada gambar berikut..

ikon pada pos dan widget

Pada postingan NEWS & UPDATE terdapat ikon (-), saya mencoba untuk mengklik ikon tersebut, dan saya pikir ikon tersebut bekerja seperti acordion, yaitu ketika saya klik ikon tersebut maka postingan NEWS & UPDATE akan tertutup dan menyisakan postingan-postingan yang lain, namun yang terjadi adalah seluruh pos menjadi tertutup, seperti yang diperlihatkan gambar berikut.

Seetelah Ikon (-) ditekan

3. Keberadaan Pengguna
Pada halaman Contoh Baju Konveksi,  saya mencoba mencari contoh baju, lalu saya mengklik judul Contoh Hasil Produksi Seragam Kemeja untuk melihat contoh seragam kemeja yang ratugalery  buat. 

halamn contoh baju konveksi

saya dibawa ke halaman contoh seragam kemeja, disana ada banyak foto dan saya mencoba mengklik salah satu gambar. namun, saya malah dibawa kehalaman lain dimana gambar tersebut di postingkan.

saat mau memilih salah satu foto

 

potingan foto

lalu baru saya bisa mengklik foto tersebut.

masalah:
- tidak adanya pemberitahuan atau breadcrumb dimana posisi user saat ini. ini membuat user harus mengingat kemana saja dia harus menuju.
- saat dihover ke area foto pada saat mau memilih foto tidak diberitahu foto ini namanya apa, melainkan hanya tooltip yang bertuliskan "contoh dan design seragam kemeja". seharusnya diberitahu namanya dan saat pindah halaman, judul halaman juga berganti sehingga jika user tidak ingat foto yang mana yang diklik maka akan menyebabkan kebingunangan bagi pengguna


Rekomendasi:
1. Untuk mempertegas keberadaan pengguna bisa dengan membedakan warna font atau warna background font yang berada pada menu bar -saat pengguna berada pada disana- sehingga terrlihat jelas dimana keberadaan pengguna saat itu

2. Teknik akordion itu sebenarnya sudah bagus, namun tidak digunakan pada satu widget yang menampung semua postingan. namun ditaruh disetiap posting saja. sehingga saat pengguna mau menutup salah satu pos, ia tidak akan menutup semua postingannya.

3. Berikan breadcrumb pada halaman Contoh Baju Konveksi. sehingga pengguna tidak perlu kembali mengklik menu Contoh Baju Konveksi saat dia sudah diposisi yang jauh dari sana, ini mencegah user untuk melakukan kegiatan yang tidak perlu

4. Tidak perlu membuat postingan lagi yang berisi foto, cukup memberikan foto dengan tooltip nama fotonya. sehingga user tidak perlu pergi ke halaman lain untuk melihat fotonya.


Severity Rating 3