Senin, 09 Juni 2014

Help and documentation - sahabatbambu.com

Ringkasan masalah
Adanya menu Help dan dokumentasi.
Deskripsi masalah
Dalam website ini menu Help diganti dengan Navigasi. Dengan demikian memudahkan pengguna untuk menemukan di menu mana kita bisa menemukan sub-sub menu yang diinginkan.





















Gambar 1

Rekomendasi perbaikan
Kata Navigasi sebaiknya diganti dengan kata yang familiar bagi pengguna, misalnya dengan 'Help'.

Severity rating
0
Keterangan:  
     0 : Saya tidak setuju, tidak menjadi masalah
     1 : Tidak perlu diperbaiki, kecuali tersedia waktu tambahan untuk project
     2 : Permasalahan Minor, prioritas rendah (low priority)
     3 : Permasalahan Mayor, prioritas tinggi (high priority)
     4 : Penting untuk diperbaiki sebelum product di release

 
Sumber: http://www.nngroup.com/articles/ten-usability-heuristics/
http://www.nngroup.com/articles/how-to-rate-the-severity-of-usability-problems/ 
http://www.sahabatbambu.com/produk/

Help users recognize, diagnose, and recover from errors - sahabatbambu.com

Ringkasan masalah
Pesan error menggunakan bahasa yang singkat dan jelas.
Deskripsi masalah
Pada pengisian Buku Tamu, jika kita tidak mengisi kolom yang bertanda (*) maka muncul pesan error di bagian atasnya. Seperti gambar berikut:
Rekomendasi perbaikan
Text box sebaiknya disusun sejajar agar terlihat rapi.
Severity rating
4

 Keterangan: 
     0 : Saya tidak setuju, tidak menjadi masalah
     1 : Tidak perlu diperbaiki, kecuali tersedia waktu tambahan untuk project
     2 : Permasalahan Minor, prioritas rendah (low priority)
     3 : Permasalahan Mayor, prioritas tinggi (high priority)
     4 : Penting untuk diperbaiki sebelum product di release












Sumber: http://www.nngroup.com/articles/ten-usability-heuristics/
http://www.nngroup.com/articles/how-to-rate-the-severity-of-usability-problems/ 
http://www.sahabatbambu.com/produk/

Aesthetic and minimalist design - sahabatbambu.com

Ringkasan masalah
Pengguna ingin dengan cepat menemukan apa yang dicari.
Deskripsi masalah
Pengguna menggunakan kotak Search untuk memudahkannya mencari apa saja yang diinginkan dari web tersebut. Misalnya: pengguna ingin mencari "Kontak" secara cepat melalui Search. Tapi yang muncul bukan halaman Kontak yang sama dengan yang seharusnya.

Hal ini juga menimbulkan kebingungan pengguna. Walaupun tulisan 'kontak' itu bisa di klik, namun tidak terlihat kalau bisa di klik (hyperlink).














Rekomendasi perbaikan
Sebaiknya kotak Search dibuat relevan dengan halaman-halamannya, agar terlihat manfaatnya. Jika ingin membuat tulisan 'Kontak' dan yang lainnya bisa terhubung dengan halamannya, sebaiknya di-hyperlink saja. Tapi, lebih baik langsung dihubungkan dengan halamannya saja. Agar pengguna tidak melakukan aksi klik lagi.
Severity rating
4
Keterangan:
     0 : Saya tidak setuju, tidak menjadi masalah
     1 : Tidak perlu diperbaiki, kecuali tersedia waktu tambahan untuk project
     2 : Permasalahan Minor, prioritas rendah (low priority)
     3 : Permasalahan Mayor, prioritas tinggi (high priority)
     4 : Penting untuk diperbaiki sebelum product di release


Sumber: http://www.nngroup.com/articles/ten-usability-heuristics/
http://www.nngroup.com/articles/how-to-rate-the-severity-of-usability-problems/ 
http://www.sahabatbambu.com/produk/

Flexibility and efficiency of use - sahabatbambu.com

Ringkasan masalah
Fleksibilitas dan efisiensi dalam penggunaan.

Deskripsi masalah
Website ini sangat fleksibel dan efisien dalam penggunaannya. Karena adanya Menu di sebelah kanan dari artikel yang aktif, membuat pengguna mudah menjelajahi website ini. Serta adanya menu Search di sebelah kanan atas menu juga sangat membantu pengguna mempersingkat waktunya mencari menu apa yang diinginkan. Letaknya yang sama-sama disebelah kanan, menjadikannya fleksibel digunakan.

Rekomendasi perbaikan
-
Severity rating
0



Keterangan :
     0 : Saya tidak setuju, tidak menjadi masalah
     1 : Tidak perlu diperbaiki, kecuali tersedia waktu tambahan untuk project
     2 : Permasalahan Minor, prioritas rendah (low priority)
     3 : Permasalahan Mayor, prioritas tinggi (high priority)
     4 : Penting untuk diperbaiki sebelum product di release


Sumber: http://www.nngroup.com/articles/ten-usability-heuristics/
http://www.nngroup.com/articles/how-to-rate-the-severity-of-usability-problems/ 
http://www.sahabatbambu.com/produk/

Recognition rather than recall - sahabatbambu.com

Ringkasan masalah
Adanya menu-menu bantuan disetiap halaman web.


Deskripsi masalah
Pengguna saat ini berada di menu utama Jasa. Pada menu utama Jasa ini terdapat beberapa menu. Diantaranya Pengawetan Bambu, Konstruksi Bambu dan lain-lain.

Jika pengguna berada pada menu Konstruksi Bambu, pengguna tidak akan bingung kalau saat ini berada di halaman Konstruksi Bambu. Karena tiap-tiap menu, di halamannya akan diberi judul yang sama dengan menu yang ada di sebelah kanan artikel tersebut dimuat. 












Rekomendasi perbaikan
Sebaiknya pada menu sebelah kanan, diberikan perbedaan untuk menu yang sedang aktif saat itu.


Severity rating
2
Keterangan:
     0 : Saya tidak setuju, tidak menjadi masalah
     1 : Tidak perlu diperbaiki, kecuali tersedia waktu tambahan untuk project
     2 : Permasalahan Minor, prioritas rendah (low priority)
     3 : Permasalahan Mayor, prioritas tinggi (high priority)
     4 : Penting untuk diperbaiki sebelum product di release


Sumber: http://www.nngroup.com/articles/ten-usability-heuristics/
http://www.nngroup.com/articles/how-to-rate-the-severity-of-usability-problems/ 
http://www.sahabatbambu.com/produk/

Error prevention - sahabatbambu.com

Ringkasan masalah
Jika pengguna melakukan kesalahan, maka ada peringatan yang diberikan sistem.


Deskripsi masalah
Jika pengguna lupa mengisi nama atau email, maupun membiarkan salah satunya kosong, maka ada peringatan kepada pengguna agar mengisi nama dan email. seperti gambar berikut ini:











Rekomendasi perbaikan
Lebih baik ditambahkan tombol Cancel, agar memudahkan pengguna untuk membatalkan pengisian form.

Severity rating
2


Keterangan:
     0 : Saya tidak setuju, tidak menjadi masalah
     1 : Tidak perlu diperbaiki, kecuali tersedia waktu tambahan untuk project
     2 : Permasalahan Minor, prioritas rendah (low priority)
     3 : Permasalahan Mayor, prioritas tinggi (high priority)
     4 : Penting untuk diperbaiki sebelum product di release

Sumber: http://www.nngroup.com/articles/ten-usability-heuristics/
http://www.nngroup.com/articles/how-to-rate-the-severity-of-usability-problems/ 
http://www.sahabatbambu.com/produk/

Consistency and standards - sahabatbambu.com

Ringkasan masalah
Perbedaan warna background - tampilan pada halaman kontak
Deskripsi masalah















Gambar 1

Gambar 1 menunjukkan halaman Beranda pada saat kita memilih bahasa Indonesia. Terlihat jelas bahwa warna yang digunakan adalah coklat baik untuk background maupun menunya.












Gambar 2

Pada Gambar 2 menggunakan warna hijau disaat kita memilih bahasa Inggris. Perbedaan lain yang nampak adalah pada Gambar 1 bertuliskan "Sahabat Bambu Indonesia" sedangkan pada Gambar 2 "SaBa"



















Gambar 3

Gambar 3 dan 4 ini menunjukkan ketidak konsistenan sistem. Pada halaman 'Kontak' di saat kita menggunakan bahasa Indonesia sebagai bahasa pengantar, disediakan form untuk menghubungi produsen. Sedangkan di saat kita menggunakan bahasa Inggris sebagai bahasa pengantar, form itu tidak ada.



















Gambar 4

Rekomendasi perbaikan
Sebaiknya sistem harus konsisten agar pengguna tidak bingung dengan perbedaan yang terjadi. Misalkan menggunakan background yang ada pada saat kita memilih bahasa Indonesia sebagai pengantarnya.

Severity rating
4
Keterangan:
     0 : Saya tidak setuju, tidak menjadi masalah
     1 : Tidak perlu diperbaiki, kecuali tersedia waktu tambahan untuk project
     2 : Permasalahan Minor, prioritas rendah (low priority)
     3 : Permasalahan Mayor, prioritas tinggi (high priority)
     4 : Penting untuk diperbaiki sebelum product di release


Sumber: http://www.nngroup.com/articles/ten-usability-heuristics/
http://www.nngroup.com/articles/how-to-rate-the-severity-of-usability-problems/ 
http://www.sahabatbambu.com/produk/

User control and freedom - sahabatbambu.com

Ringkasan masalah 
Tidak ada tombol keluar atau batal disaat berada di halaman tertentu.

Deskripsi masalah 










Gambar 1

Misalkan pada menu kontak ini, kita diminta untuk mengisi nama dan email. Setelah itu kita klik tombol 'Continue...'

















Gambar 2

Selanjutnya kita diminta untuk mengisi Message. Kalau masih kosong dan kita melakukan Submit Form, maka muncul peringatan Please enter a value for "Massage" seperti Gambar 3.

Jika kita tidak jadi mengisi form ini, kita tidak bisa langsung keluar dari halaman ini.

Tombol Back... hanya membantu kita untuk kembali pada halaman kontak awal. Kalau ingin meninggalkan halaman ini, kita harus memilih salah satu menu yang ada di atas.



 



















Gambar 3
 
Rekomendasi perbaikan 
Pada halaman kontak ini sebaiknya diberikan tombol Cancel / Batal.

Severity rating 
3
Keterangan:
     0 : Saya tidak setuju, tidak menjadi masalah
     1 : Tidak perlu diperbaiki, kecuali tersedia waktu tambahan untuk project
     2 : Permasalahan Minor, prioritas rendah (low priority)
     3 : Permasalahan Mayor, prioritas tinggi (high priority)
     4 : Penting untuk diperbaiki sebelum product di release


Sumber: http://www.nngroup.com/articles/ten-usability-heuristics/
http://www.nngroup.com/articles/how-to-rate-the-severity-of-usability-problems/ 
http://www.sahabatbambu.com/produk/

Match between system and the real world - sahabatbambu.com

Ringkasan masalah
Kata-kata yang digunakan sistem dan pengguna.

Deskripsi masalah
Kata-kata yang digunakan dalam website ini mudah dipahami oleh pengguna.



Rekomendasi perbaikan
-
Severity rating
0
Keterangan:
     0 : Saya tidak setuju, tidak menjadi masalah
     1 : Tidak perlu diperbaiki, kecuali tersedia waktu tambahan untuk project
     2 : Permasalahan Minor, prioritas rendah (low priority)
     3 : Permasalahan Mayor, prioritas tinggi (high priority)
     4 : Penting untuk diperbaiki sebelum product di release


Sumber: http://www.nngroup.com/articles/ten-usability-heuristics/
http://www.nngroup.com/articles/how-to-rate-the-severity-of-usability-problems/ 
http://www.sahabatbambu.com/produk/

visibility of system status - sahabatbambu.com

Ringkasan masalah
Di website sahabatbambu.com ini, ditemukan navigasi yang membuat bingung penggunanya. 

Deskripsi masalah





Gambar 1

Previous page dan Next page yang ada pada halaman ini hanya berupa tulisan saja, tanpa bisa di klik oleh pengguna. Pengguna biasanya familiar dengan previous page dan next page yang bisa digunakan untuk ke halaman berikutnya atau kembali ke halaman sebelumnya yang diinginkan. Yang bisa di klik adalah Galeri Foto untuk previous page dan Navigasi untuk next page.







Gambar 2
Rekomendasi perbaikan
Agar tidak membuat kerancuan bagi pengguna, sebaiknya Previous page dan Next page saja yang bisa di-klik. Dan menghapus Galeri Foto maupun Navigasi yang berada disampingnya. Karena pengguna lebih cenderung menggunakan Previous page dan Next page dibanding dengan hal lainnya.

Untuk Gambar 2, sebaiknya pilih salah satu saja yang akan digunakan. Sebaiknya gunakan Previous page dan Next page saja. Karena Menu Beranda dan yang lainnya itu tetap berada pada menu paling atas, bukan paling bawah juga.

Severity rating   
4
Keterangan:
     0 : Saya tidak setuju, tidak menjadi masalah
     1 : Tidak perlu diperbaiki, kecuali tersedia waktu tambahan untuk project
     2 : Permasalahan Minor, prioritas rendah (low priority)
     3 : Permasalahan Mayor, prioritas tinggi (high priority)

     4 : Penting untuk diperbaiki sebelum product di release


Sumber: http://www.nngroup.com/articles/ten-usability-heuristics/
http://www.nngroup.com/articles/how-to-rate-the-severity-of-usability-problems/ 
http://www.sahabatbambu.com/produk/