Error Prevention - bursatanahabang.com

Error Prevention merupakan suatu pencegahan adanya error yang dilakukan oleh pengguna pada suatu website.
Saya akan membahas error prevention pada website bursatanahabang.com, menurut saya pada web ini error prevention sangat kurang. Dimana terdapat kesalahan yang tidak sesuai pada aturan suatu input data.
1. Ketika mencoba memesan produk, kita harus mengisi sebuah form terlebih dahulu. Terdapat form telepon dan iseng saya mengisi dengan inputan huruf. Setelah di klik OK, ternyata inputan tersebut tidak menimbulkan suatu pesan error, dan langsung muncul kode barang yang telah dipesan oleh user.

Gambar 1. Menginput form telepon dengan inputan huruf

Gambar 2. Setelah mengklik tombol OK

--------------------------------------------------------------------------------------------------------------------------

2. Ketika melakukan konfirmasi  pembayaran pada form no rekening, biasanya no rekening hanya memiliki inputan angka. Ketika saya menginputkan sebuah huruf ternyata tidak ada suatu peringatan tentang kesalahan penginputan. 

Gambar 3. Ketika dimasukkan inputan huruf.

Rekomendasi : Seharusnya pada suatu website harus disertakan suatu eror pada saat user melakukan suatu kesalahan. 

Severity Range : 1

Visibilty of System Status – bursatanahabang.com

Visibility of System Status merupakan status sistem yang terlihat oleh user, yaitu dengan memberikan feedback terhadap user.

1. Saya akan mencoba menganalisa visibily of System Status pada bursatanahabang.com. Ketika kita hover menu pada header, warna menu berubah menjadi warna merah, hal ini tentu memberikan informasi kepada user. Akan tetapi ketika kita mengklik suatu menu , kemudian kursornya kita jauhkan dari menu, warnanya berubah kembali menjadi warna biru. Hal ini tentu akan menjadikan user bingung akan keberadaannya.

Gambar 1. Menu "Tentang Kami" ketika dihover

Gambar 2. Ketika masuk menu ‘Tanya Kami’ 

--------------------------------------------------------------------------------------------------------------------------

2. Pada bagian sidebar (katagori produk), terdapat icon arrow yang dapat membuat bingung user, seolah-olah bagian itu akan ter-extend ketika diklik, padahal tidak.

Gambar 3. Menu Sidebar.

Rekomendasi : Untuk memberitahu dimana pengguna berada, maka harus dibedakan warna pada menu ketika sebelum diklik dan setelah diklik.

Saverity Ranking : 5

Consistency and Standards – bursatanahabang.com

Saya akan mencoba membahas Consistency and Standars pada bursatanahabang.com

1. Saya akan membahas tentang peletakkan menu yang tidak konsisten di header dan footer, dimana menu pada header menggunakan align right, sedangkan menu yang berada di footer menggunakan align center.  

Gambar 1. Menu Header 

Gambar 2. Menu Footer

--------------------------------------------------------------------------------------------------------------------------

2. Jenis fontstyle pada bursatanahabang.com tidak konsinten, khususnya pada menu "Tanya Kami".

Gambar 3. Menu "Tanya Kami".

Rekomendasi : Sebaiknya dalam suatu web itu harus diperhatikan kekonsitensian dalam semua hal, agat terlihat lebih bagus dann rapi.

Severity Rating : 5

Match between System and The Real World – bursatanahabang.com

 Sebuah website yang baik akan mempunyai suatu komunikasi yang sesuai antara user dan sistem, hal ini bertujuan agar user dapat memahami setiap fungsi yang ada.

1. Pada bursa tanah abang, saya sendiri pada awalnya merasa kebingungan ketika akan melakukan pembelian suatu produk. 

Ketika saya mengklik tombol beli yang ada di sebelah kanan bawah dari gambar. Ternyata muncul suatu peringatan kalau kalau jumlah produk tidak boleh kosong. Disini tidak terdapat suatu keterangan untuk menambahkan jumlah produk yang akan dibeli. Saya mencoba untuk mengganti angka 0 yang disamping icon beli itu menjadi 1, tapi ternyata angka itu tidak bisa diedit. Dan ternyata setelah ditelusuri, angka 0 tersebut dapat berubah jika kita memilih warna dari produk , misalnya saya memilih produk warna biru, sehingga angka 0 tersebut otomatis berubah menjadi angka 1. Dan proses pembelian dapat dilakukan

Gambar 1.

Gambar 2. Muncul peringatan tentang jumlah produk

Gambar 3. 

Gambar 4.

--------------------------------------------------------------------------------------------------------------------------

2. Pada bursatanahabang.com khususnya pada menu “Tanya Jawab” tidak jelas bagaimana caranya bertanya dan tidak ada tempat untuk meng-input pertanyaan.

Gambar 5. Menu tanya jawab pelanggan.

Gambar 6.  Menu tanya jawab pelanggan (2).

Rekomendasi : Ada baiknya ditambahkan suatu keterangan atau penjelasan dalam setiap fungsi yang ada.

Severity Rating : 3

Aesthetic and Minimalist Design – bursatanahabang.com

Website yang baik akan memiliki unsur desain yang minimalis dan berestetika.

Saya akan mencoba menganalisis desain dari bursa tanah abang, tampilan website ini sangat rancu, dimana terdapat iklan diberbagai sudut, hal ini tentu dapat membingungkan user tentang produk yang ditawarkan oleh website itu sendiri dengan produk yang ditawarkan oleh iklan.

Gambar 1.Letak Iklan yang berada diatas pada halaman utama website

Gambar 2. Letak iklan yang berada disebelah kanan.

---------------------------------------------------------------------------------------------------------------

Selain itu, pada bursatanahabang.com terdapat gambar-gambar bergerak yang dapat mengalihkan konsentrasi user.

Gambar 3. Gambar Berubah (1)

Gambar 4. Gambar Berubah (2)

Rekomendasi : Sebaiknya untuk suatu website jangan terlalu banyak memuat iklan, karena hal ini akan membuat user merasa kebingungan antara produk yang benar-benar ditawarkan oleh website sama produk iklan.

Severity Rating : 3