Sunday, 8 June 2014

Recognition rather than recall -www.beligajet.com



Minimize the user’s memory load by making objects, actions, and options visible. The user should not have to remember information from one part of the dialogue to another. Instructions for use of the system should be visible or easily retrievable whenever appropriate.( JAKOB NIELSEN, 1995).

Maksud dari Recognition rather than recall yaitu sebisa mungkin website mempermudah user , seperti jangan membiarkan pengguna perlu mengingat instruksi untuk menjalankan suatu fungsi. buatlah sistem yang mudah digunakan dan terlihat fungsi-fungsinya tanpa user harus mengulang ke halaman sebelumnya .

Pengguna dapat mengetahui dimana posisi mereka berada atau pengguna tau jalur menu mana saja yang telah mereka lalui. Sebuah situs biasanya menggunakan breadcrumb agar pengguna bisa melakukan recognition atau mengetahui dimana posisi mereka saat ini hal ini bertujuan agar mereka tidak melakukan recall
 
Dalam website www.beligajet.com  , terdapat masalah yang sebenarnya sepele namun sangat tidak efiesien karena adanya hal tersebut . dari analisa yang di lakukan , bahwa user diharuskan mengingat apa yang telah dipesannya tanpa da pemeberitahuan terlebih dahulu untuk mengingatnya sebelum user mengklik “order” , baru setelah user mengklik “order” , user dibawa ke halaman “cara order” yang mana pada sistem ini harus mengorder melalui pesan singkat (SMS) dengan format harus mencantumkan nama barang yang dipesannya , tanpa danya breadcrumb membuat user harus mem-back halaman untuk mengetahui nama dari apa yang di pesannya .


Rekomendasi:
  • seharusnya pada halaman order diberikan informasi produk apa yang user pilih sebelumnya. sehingga user tidak perlu lagi kembali ke halaman sebelumnya .
  • adanya breadcrumb sehingga user tau posisi dan apa yang telah ia lakukan. 

Saverity Ratings: 4

Webliography-Heuristic Evaluation


Dalam membangun suatu sistem ataupun website banyak sekali hal yang harus diperhitungkan , bukan hanya keindahan yang diutamakan , namun kemudahan bagi pengguna dalam melakukan tugasnya , pengguna dapat menggunakan waktunya agar lebih efisien ,sehingga perlulah adannya pengetahuan mengenai usability.

Alasan mengapa dalam perencanaan suatu web ,usability penting yaitu Web Usability merupakan cerminan dari kebiasan yang umumnya dilakukan pengguna situs. Menurut Jakob Nielsen, memperhatikan usability sangatlah penting agar sebuah situs dapat bertahan. Situs yang memiliki usability tinggi memiliki peluang yang sangat besar untuk sering dikunjungi oleh para pengguna internet. Pada umumnya pengguna ingin mendapatkan informasi secara cepat dan sesuai yang diharapkan. Jika sebuah situs gagal dalam menunjukkan secara jelas apa yang dapat dilakukan dengan situs tersebut, pengguna cenderung akan langsung meninggalkan situs dan beralih ke situs lain

USABILITY 

Usability adalah tingkat kualitas dari sistem yang mudah dipelajari, mudah digunakan dan mendorong pengguna untuk menggunakan sistem sebagai alat bantu positif dalam menyelesaikan tugas. Dalam konteks ini, yang dimaksud sebagai sistem adalah perangkat lunak. Usability adalah suatu ukuran, dimana pengguna dapat mengakses fungsionalitas dari sebuah sistem dengan efektif, efisien dan memuaskan dalam mencapaitujuan tertentu.


Tujuan utama Usability :
·Efektif pada saat digunakan
·Efisien pada saat digunakan
·Aman saat menggunakannya
·Punya utilityyang tinggi
·Mudah untuk dipelajari bagi user saat pertama kali menggunakannya
·Mudah diingat cara menggunakannya

Secara umum cara mengukur dan menilai usability sebuah situs bersifat relatif dan bergantung pada bagaimana pengguna dapat menyelesaikan sekumpulan task. Menurut Jacob Nielsen terdapat beberapa ukuran umum yang dapat dijadikan patokan dalam mengukur usability, yakni:
  • Learnability: seberapa mudahnya user melaksanakan tugas dasar ketika pertama kali melihat desain antarmuka tersebut?
  • Efficiency: setelah user mampu mengerti tampilan antarmuka yang disajikan, seberapa cepatkah mereka melakukan tugas yang lain?
  • Memoriability: ketika user kembali dihadapkan oleh tampilan antarmuka yang sudah lama tidak digunakannya, seberapa mudahkah mereka dapat kembali terbiasa menggunakannya?
  • Errors: seberapa banyak kesalahan yang user lakukan, seberapa parah kesalahan tersebut, dan seberapa mudahnya mereka pulih dari kesalahan tersebut?
  • Satisfaction: seberapa puaskah user menggunakan tampilan antarmuka tersebut?


-----------------------------------------------------------------------------------------------------------------------------------
Heuristic Evaluation
Heuristic evaluation merupakan salah satu metode yang dapat digunakan untuk melakukan review pada sebuah website. Pertama kali dikemukakan oleh Nielsen 1995. Ada 10 komponen yang perlu dievaluasi yaitu:
  1. Visibility of system status
  2. Match between system and the real world
  3. User control and freedom
  4. Consistency and standards
  5. Error prevention
  6. Recognition rather than recall
  7. Flexibility and efficiency of use
  8. Aesthetic and minimalist design
  9. Help users recognize, diagnose, and recover from errors
  10. Help and documentation


Heuristic evaluation populer di kalangan pengembangan Web karena memerlukan sedikit sumber daya dalam bentuk uang, waktu atau keahlian. Oleh kaarena itu pengembangan tidak perlu mengeluarkan cost yang tinggi untuk biaya pengujian software. Berikut merupakan karakteristik dari heuristic evaluation :
  • Skenario pengujian yang lebih kecil dari segi ukuran dengan menggunakan dengan menggunakan mock-up
  • Penilaian dilakukan secara informal sehingga tidak dibutuhkan psikolog
  • Tingka keberhasilan dari pengujian tinggi, sehingga sedikit penguji yang dibutuhka

Keunggulan metode secara umum :
  • Mudah dalam proses evaluasi
  • Proses evaluasi cepat
  • Biaya atau cost yang dikeluarkan murh

Help and documentation-www.beligajet.com

Help and document meruapakan aspek terakhir yang perlu diperhitungkan dalam mendisain suatu  website , karena adanya fasilitas bantuan akan mempermudah user dalam menghadapi kendala yang ditemukannya baik dalam pemesanan maupun dalam hal lainnya. 

Even though it is better if the system can be used without documentation, it may be necessary to provide help and documentation. Any such information should be easy to search, focused on the user’s task, list concrete steps to be carried out, and not be too large.

Dari website www.beligajet.com tidak ditemukannya adanya tab help/tentang kami/kontak kami. Mungkin dikarenakan bahwa pemilik UKM ini hanya untuk menampilkan barang yang diperjualkannya, di bagian bawah web page terdapat menu F.A.Q dimana segala pertanyaan yang sering ditanyakan sudah terdapat disana dan jika user memiliki pertanyaan lain , pemilik UKM memberikan ruang tanya melalui pesan singkat.

Namun menurut saya ini lah masalah yang ditimbulkan , seperti peribahasa “bagai makan buah simalakama” . pemilik UKM memberikan ruang untuk bertanya melalui pesan singkat, namun tidak memberi tau user ke nomor mana harus dihubungi . karena nomor yang di berikan oleh pemilik UKM hanyalah nomor untuk mengorder saja . lihat gambar dibawah ini :



-------------------------------------------------------------------------------------------------------------
Foto yang disajikan jika kita telah mencari produk maka view yang ditampilkan sangatlah besar dan saya rasa itu tidak rapih , membuat kesan bahwa website tidak profesional , sehingga perlulah diadakannya resize sebelum gambar produk di upload .



Rekomendasi:
  • Pada halaman "sering ditanyakan" , dicantumkan nomor yang dapat dihubung. karena pada halaman klaim garansi yang terdapat di footer , pengembang hanya mencantumkan nomor untuk pemesanan saja.
  • sebaiknya halaman klaim dan garansi dibuat menu baru diatas , karena penempatan link di footer sulit dan jarang dilihat user , karena kecenderungan user hanya melihat bagian body dan header saja.
  •  diadakannya halaman contac us baik melalui email maupun SMS , sehingga user yang bingung bisa menggunakan fasilitas tersebut

Saverity Ratings:4

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



Kali ini kita akan mengkaji Help users recognize, diagnose, and recover from errors Menurut Nielsen
Error messages should be expressed in plain language (no codes), precisely indicate the problem, and constructively suggest a solution.
Website yang baik yaitu dapat menampilkan pesan error jika user melakukan kesalahan , pesan error yang dimunculkan merupakan bahasa sehari-hari yang dapat dimengerti semua user.

Dalam website www.beligajet.com tidak ditemukan pesan error meskipun user mengisi sembarang pada formulir testimoni dan menginput sembarang kata di search bar.






Rekomendasi:
  • sebaiknya dibuat standar khusus dalam menginput ID/nama facebook.
  • dibuat isian berbeda untuk nama dan ID .
 Saverity Ratings:1

Aesthetic and minimalist design -www.beligajet.com



Aesthetic and minimalist design Menurut Nelsen
Dialogues should not contain information which is irrelevant or rarely needed. Every extra unit of information in a dialogue competes with the relevant units of information and diminishes their relative visibility.
Pola desain yang minimalis juga dapat dilihat dari penggunaan white space yang minimum. White space merupakan area kosong yang tidak terdapat menu, button, ataupun action lainya, biasanya hanya berupa areal putih biasa saja. Penggunaan white space yang tepat dapat memperindah desain dari suatu website, akan tetapi jika penggunaan white space terlalu banyak maka desain dari website tersebut menjadi kurang menarik. 

Dalam website www.beligajet.com bahwa banyak sekali kesalahan dalam aspek ini. Seperti halnya pada tab “testimoni” yang menurut saya kurang rapi , tidak ada batasan atau sekat antara satu testimoni dengan testimoni yang lainnya. Selain itu hal serupa terdapat pada tab “resi” bahwa tidak ada sekat antar tanggal , ukuran font tanggal dengan resi sama sehingga seolah-olah menjadi satu . seharusnya diberikan pemisah antar tanggal dan ukuran tanggal dan ressi dibedakan . terlepas dari tab , pada bagian kategori harusnya dibeikan tab baru dan diberi drop down list , jika user melihat daftar kategori maka user harus menscrool sampai kebawah , dan pada bagian body terlihat bagian putih yang kosong dan membuat tampilan tidak profesional .


Ukuran header yang terlalu besar dan bagian slide foto yang juga besar mengapit tab menu yang kecil memberikan kesan bahwa dalam website tersebut tidak memiliki menu tab.


Warna background yang menyatu dengan warna latar membuat tampilan menjadi luas , namun content sedikit memberikan kesan boros dan membingungkan user.

Fasilitas share ke media sosial  dengan icon Facebook dan Twitter sehrusnya dihilangkan saja , karena pada pada icon sebelah kiri icon email terdapat fasilitas share ke banyak sosial media, alangkah lebih baik jika icon twitter dan facebook dihilangkan saja suapaya tidak ganda.


Pada bagian footer, terdapat tulisan “info:” dan dibawahnya terdapat link. Sebaiknya tampilan link dibuat mendatar saja sehingga tidak membuat boros space footer . atau lebih baik lagi dihilangkan , karena link tersebut akan membawa user ke halaman yang terdapat di tab dekat header,hal tersebut membuat ganda , padahal sudah ada di bagian atas menu-menu tersebut .

Rekomendasi:
  • gunakan drop list pada list kategori produk sehingga tidak panjang dan user tidak harus menscrool terlalu jauh . 
  •  sebaiknya hapus icon facebook dan twitter, sudah ada icon untuk share ke berbagai sosial media yang lebih lengkap.
  • warna background harus dibedakan dnegan latar karena memberikan keasna luas dan boros karena isi website sangat sedikit.
  • ukuran menu dibawah header seharusnya dibuat lebih besar , header diperkecil dan diberikan jarak anatar menu dengan slide show foto .
  •  Sebaiknya tampilan link dibuat mendatar saja sehingga tidak membuat boros space footer . atau lebih baik lagi dihilangkan , karena link tersebut akan membawa user ke halaman yang terdapat di tab dekat header,hal tersebut membuat ganda , padahal sudah ada di bagian atas menu-menu tersebut .
  • sebaiknya dibuat menu baru disamping menu "home" , buatlah manu "produk" dan buatlah pengelompokan seperti contoh yang saya ambil dari www.jakartanotebook.com.
 
 
 Saverity Ratings:1