Error Prevention - saqina.com

Pada kali ini saya akan membahas situs saqina.com dari aspek yang kelima, yaitu error prevention. Error Prevention, menuntut untuk merancang sistem yang mencegah terjadinya kesalahan lebih baik daripada merancang pesan kesalahan yang baik.

Berikut adalah pembahasannya :

1. Pertama, menurut saya, pada saqina.com untuk aspek error prevention masih ada point negatifnya, yaitu tidak ada dialog box pada saat klik menu "save" saat ingin bergabung menjadi member untuk meyakinkan calon member, apakah calon member tersebut sudah yakin benar data yang diinputkan ataukah belum. Hal tersebut dapat menyebabkan errornya data member apabila data yang diisi ada kesalahan.
   

   

   Formulir Bergabung Menjadi Member

   

   Message Box Proses Akhir Bergabung Menjadi Member

2. Kedua, kurang terlihat pembeda antara data yang harus diisi dengan yang tidak harus diisi. Pada situs ini, untuk menunjukkan bahwa data harus diisi atau tidak boleh kosong ditandai dengan tulisan yang tebal, misalnya username. Serta tidak ada keterangan apa VAT Registration Number, sehingga orang awam tidak mengatahui maksud dara kolom data tersebut.

   

   Error Prevention

Rekomendasi :

1. Memberikan dialog box untuk meyakinkan calon member apakah yakin untuk melanjutkan proses dan save datanya  serta data yang diisikan benar, agar tidak ada kesalahan data.

   

   Rekomendasi Dialog Box

2. Memberikan tulisan "*data wajib disisi/required" disamping kolom data yang wajib disii dengan tulisan berwarna merah, agar dapat terlihat oleh calon member.

   

   Rekomendasi Error Prevention 

Severity Ratings : 2

Consistency and Standards - saqina.com

Pada kali ini saya akan membahas situs saqina.com dari aspek yang keempat, yaitu consistency and standards. Consistency and standards, menuntut suatu sistem untuk membuat pengguna tidak perlu mempertanyakan lagi mengenai perbedaan pemahaman pada sebuah kata dan kalimat, situasi dan aksi. Semua harus sudah mengikuti standar yang ada.

Berikut adalah pembahasannya :

1. Tidak sama nama yang dipakai pada menu dan pada menu title yang ditampilkan . Seharusnya nama yang dipakai pada menu sama dengan menu title yang ditampilkan. Misalnya menu "login member" saat di menu title menjadi "Login Pelanggan at Saqina".

   

   Tampilan Login Member

2. Menu yang ditampilkan pada sub-menu pada menu utama dan pada tampilan single menu saat menu utama dipilih sesuai. Seharusnya konsisten antara penamaan menu pada sub menu dengan single menu.
   
3. Hanya menampilkan breadcrumb pada beberapa  pilihan menu saja. Contohnya pada saat memilih sub-menu "Blus Motif", breadcrumb tidak ditampilkan. Sedangkan pada saat memilih sub-menu "Blus Big Size", breadcrumb ditampilkan. Penambahan breadcumb sebenarnya sangat baik untuk memudahkan pengunjung kembali ke halaman sebelumnya.
   
   

   

   Tidak Ada Breadcrumb

   

   Ada Breadcrumb

4. Menurut saya, point yang terakhir ini fatal, yaitu tidak fleksibel tampilannya saat screen browser dikecilkan. Hal ini menyebabkan sulitnya pengunjung untuk melihat isi situsnya, sebab pengunjung harus scroll baik secara horizontal maupun vertikal yang akan membuat pekerjaan pengunjung rumit dan lama, selain itu tidak semua pengunjung mempunyai lebar layar yang sesuai dengan lebar situs yang dibuat.

5. 

   Screen yang Tidak Fleksibel

   Warna tulisan pada message box berwarna pink, sehingga kurang terlihat menegaskan, meskipun sudah ditandai dengan box.

   

   Message Box yang Kurang Terlihat

Rekomendasi :

1. Menyamakan nama menu dengan menu title yang ada di browser, agar pengunjung tidak bingung saat membukanya.
2. Menyamakan isi dari menu utama (sub-menu) dengan menu yang ditampilkan saat menu utama yang dipilih.
3. Menyamakan untuk menggunakan atau tidak menggunakan breadcrumb pada setiap tampilan yang ditampilkan saat menu dipilih.
4. Membuat ukuran lebar situs menjadi lebih fleksibel untuk digunakan disegala jenis perangkat, dan ukuran layar.
5. Menggunakan warna merah untuk tulisan pada message box.

   

   Rekomendasi Warna Message Box

Severity Ratings : 3

Help Users Recognize, Diagnose, and Recover from Errors - saqina.com

Pada kali ini saya akan membahas situs saqina.com dari aspek yang ketiga, yaitu help users recognize, diagnose, and recover from errors. Help users recognize, diagnose, and recover from rrrors, menuntut suatu sistem untuk membuat Pengguna tidak perlu mempertanyakan lagi mengenai perbedaan pemahaman pada sebuah katadan kalimat, situasi dan aksi. Semua harus sudah mengikuti standar yang ada.

Berikut adalah pembahasannya :

1. Saya mencoba untuk memasukkan password yang salah untuk login, dan hasilnya adalah sistem mengeluarkan message box yang berbunyi "Wrong login or password!", dengan disertai tombol back. Menurut saya, hal tersebut kurang baik sebab untuk login kembali, pengunjung harus menekan tombol back, lalu menggu loading, baru form untuk login dimunculkan kembali.

   

   Form Login

   

   Message Box

2. Saat saya tidak memasukkan data yang wajib diisi pada saat mencoba proses bergabung menjadi member, muncul message box yang berarti bahwa saya harus mengisi data tersebut, dan terdapat highlight merah pada kolom yang belum diisi. Menurut saya, hal ini menjadi nilai positif bagi situs ini, sebab pengunjung dengan mudah memasukkan data yang belum diisi.

   

   Form Bergabung Menjadi Member

3. Saat menambahkan tulisan pada url box, yaitu www.saqina.com/agisha, maka akan muncul tampilan halaman web "Not Found" , yang tidak menjelaskan mengapa terjadi kesalahan. Dan itu menyebebakan pengunjung situs tersebut binung apabila hal tersebut terjadi. 

   

   Not Found

4. Setelah selesai proses bergabung menjadi member, saat menekan tombol back. Maka akan muncul message box, menurut saya hal ini baik sebab message box pada tampilan ini menjelaskan mengapa muncul error dan pengguna diharuskan melakukan apa untuk melanjutkan langkah setelah muncul error.

   

   Message Box Back Setelah Berhasil Bergabung Menjadi Member

5. Saat meng-klik link, halaman yang ditampilkan link tersebut tidak berisi keterangan apapun. Hal ini dapat membuat pengunjung bingung, dan mengira apakah hal tersebut terjadi karena sedang loading dan lain-lain.

   

   Link

   

   Tidak Ada Keterangan

6. Saat memilih menu header "Peluang Investasi di SAQINA", menu tersebut tidak menampilkan keterangan apapun. Hal ini juga dapat menyebabkan ambiguitas pada pengunjung.
   
   
   
   

Rekomendasi :

1. Menampilkan message box apabila salah memasukkan password maupun username di atas form login tersebut, dan memberi highlight merah pada data yang salah, untuk memudahkan pengunjung dalam memasukkan data kembali, seperti pada situs zalora.com.

   

   Recomendasi untuk Login 

2. Menampilkan hal yang menyebabkan error pada sistem di message box, dan langkah yang harus dilakukan oleh pengunjung, agar tidak terjadi ambiguitas.

Severity Ratings : 2

Aesthetic and Minimalist Design - saqina.com

Pada kali ini saya akan membahas situs saqina.com dari aspek yang kedua, yaitu aesthetic and minimalist design. Aesthetic and minimalist design menuntut suatu sistem untuk hanya menghasilkan informasi yang relevan, informasi yang tidak relevan mengurangi visibilitas dan usability dari sistem.

Berikut adalah pembahasannya :

1. Pada saat memilih menu "PERNIK MUSLIM", tampilah barang-barang yang termasuk dalam kategori tersebut, tetapi pada list tersebut, muncul juga baju koko yang tidak sesuai dengan menu yang dipilih.

   

   Tampilan dari Menu PERNIK MUSLIM

2. Sulit untuk mencari tombol back sebab penempatannya yang terlalu dibawah dan terlalu kecil ukurannya.

   

   Tombol Back

3. Menu pada header yang seperti link, ternyata setelah di klik bukan link. Hal ini dapat membuat pengunjung bingung.

   

   Menu Footer

4. Saat memilih menu profil, tidak ada tampilan yang dimunculkan.

   

   Tampilan Menu Profil

5. Menu tampilan home yang terlalu ramai dengan gambar. Memang dengan adanya gambar yang menunjukkan kategori barang-barang yang dijual, memudahkan pengunjung dalam menemukan kategori yang ingin dia lihat, tetapi jika terlalu banyak dan menumpuk pada tampilan home, malah akan membuat home terlalu ramai dan pusing untuk dilihat. 

   

   Tampilan Menu Home
6. Menu search yang kurang terlihat, sebab tidak ada icon atau tulisan yang menunjukkan kolom tersebut adalah kolom untuk search barang.

   

   Tampilan Menu Search

Rekomendasi :

1. Membuat menu baru yaitu Menu "Pria" dan Menu "Wanita", seperti pada situs zalora.com.
2. Memperbesar tulisan tombol back, dan menempatkannya diatas.
3. Tidak membuat tulisan yang tidak dapat me-link terlihat seperti dapat di link.
4. Lebih baik untuk tidak membuat menu yang tidak berisi apa-apa.
5. Menyederhanakan tampilan home, misalnya pada tampilan home terdapat hot item, discount, atau promo saja. Sebab untuk kategori sendiri sudah terdapat di menu utama pada header.
6. Menambahkan icon atau tulisan search pada menu search, agar memudahkan pengunjung untuk mencari barang.

   

   Rekomendasi untuk Search

Severity Ratings : 2

Visibilty of System Status - saqina.com

Tampilan home

Saat masuk ke situs saqina.com, tentunya dapat langsung diketahui bahwa situs tersebut menjual aneka macam pakaian untuk wanita dan pria muslim. Situs tersebut menawarkan pengunjungnya dengan dapat melihat barang-barang yang diualnya tanpa harus menjadi member terlebih dahulu. 

Pada saat pertama kali saya membuka situs tersebut, saya mencoba untuk melakukan pembelian. Pertama saya harus memilih kategori barang yang ingin dibeli, misalnya "JILBAB&KERUDUNG". Lalu saat saya hover mouse ke menu itu, akan ada sub-menu lagi yang tampil, lalu saya memilih menu "Jilbab Bergo". Setelah itu muncul macam-macam produk jilbab dan kerudung yang ditawarkan oleh situs tersebut. Lalu saya memilih salah satunya. Setelah memilih dengan cara klik nama barang atau klik gambar barang, saya dihadapkan dengan pilihan warna yang tersedia. Lalu klik tombol "Klik disini untuk BELI". Setelah itu saya dihadapkan dengan tampilan menu "Tas Belanja". Menurut saya menu ini sudah baik, sebab pembeli dapat menghapus barang yang sudah terlanjur dipilih dan ini menjadi salah satu point postif bagi situs ini. Selain itu, pembeli juga dapat menyimpan tas belanjaannya terlebih dahulu, atau melanjutkan belanja, atau selain itu juga dapat langsung order produk yang sudah dibeli dengan memilih menu "SELESAI BELANJA".   

Menu Tas Belanja

Selain hal tersebut situs ini juga memiliki point positif lainnya, yaitu pengunjung situs ini dapat mengetahui sedang dimana posisinya saat ini. Hal ini terbukti dengan judul menu yang ditampilkan pada browser sesuai dengan nama menu yang kita pilih saat kita klik atau membuat tab baru. 

Judul Menu Home

Judul Menu JILBAB & KERUDUNG

Tetapi sayangnya, situs ini juga memiliki kekurangan, yaitu :

1. Tidak memperlihatkan perbedaan antara menu yang sedang dipilih dan yang tidak saat memilih sub-menu dari menu, meskipun pada tampilannya terdapat menu breadcrumb. Misalnya, saya memilih menu "BUSANA", lalu memilih sub-menu "Blus Big Size".
   
2. Tidak memberikan label "Sold Out" pada barang yang sudah tidak ada stock untuk dijual, sehingga menyebabkan pengunjung melakukan hal yang sia-sia apabila barang yang ingin dibelinya sudah habis terjual.
   

Rekomendasi :

1. Memberikan warna yang berbeda pada menu yang sedang dikunjungi dengan yang tidak pada saat memilih sub-menu dari menu, seperti saat memilih menu "JILBAB & KERUDUNG" (gambar : judul menu JILBAB& KERUDUNG).
2. Membuat label "Sold Out" pada gambar produk yang sudah habis terjual, atau tidak menampilkan barangnya pada daftar barang yang dijual.

   

   Rekomendasi untuk Sold Out

Severity Ratings : 2