alasan saya masuk departemen AAA

referensi saya adalah

http://www.chem-is-try.org/

biodata saya…

nama saya adalah : bla…bla…bla….

analisis web usability pada site www.jakartanotebook.com (part 4 of 4)

alhamdulillah… akhirnya sampai juga di part 4. (setelah capek memperbaiki screen shoot yang kegedean)

di part terakhir ini, saya akan coba menganalisis 3 aspek. yaitu

h. Berhubungan dengan keindahan dan desain minimalis

i. Bantuan bagi user untuk mengenali, mendiagnosis dan memperbaiki dari kesalahan,

j. Help dan dokumentasi.

untuk analisis yang pertama. saya bisa mengatakan bahwa desain ini sama sekali tidak indah dan sangat jauh dari minimalis. terlalu banyak scroll dan iklan. walaupun semua tulisan terlihat dengan jelas, namun tampaknya kurang indah saja jika setiap saat kita selalu disuguhkan iklan atau promo dari produk tertentu di setiap halaman.

dari segi bantuan untuk pengguna, ada menu cara transaksi di menubar atas. sekilas dibaca, cukup untuk membantu pengguna menyelesaikan tasknya. guidelines yang ditampilkan secara sederhana namun dengan indikator yang jelas yang menerangkan pengguna tentang dimana dia sekarang berada, mampu membuat pengguna paham akan task yang akan dia kerjakan

Picture1.png

pengeluaran pesan error juga cukup baik disampaikan kepada pengguna apabila pengguna melakukan kesalahan seperti salah memasukkan alamat email

Capture4.PNG

untuk dokumentasi, diakhir proses transaksi, pengguna akan diberikan print out dari hasil transaksi yang telah berhasil dilakukan. dokumentasinya cukup lengkap (pengalaman beli soalnya)..

untuk help, ada 1 halaman khusus yang memberikan informasi tentang penggunaan web ini, namu lagi-lagi sangat disayangkan bahwa harus terjadi scroll yang sangat panjang untuk membaca itu0.PNG

kesimpulannya adalah usability dari web ini masih harus ditingkatkan. akan lebih baik jika kontennya dipersingkat dan dikurangi scrolling-nya.

analisis web usability pada site www.jakartanotebook.com (part 3 of 4)

kembali lagi bersama saya di part 3… wah gak kerasa udah 2 part terakhir… hore… hore…

cukup perayaannya… sekarang kita akan masuk ke poin

d. Konsisten dan standar

e. Pencegahan kesalahan

f. Pengenalan atas penarikan kembali

g. Fleksibilitas dan efisiensi

secara umum, bahasa yang digunakan dalam situs ini tidak konsisten. kadang bahasa inggris, kadang bahasa indonesia. hal ini mungkin terjadi karena barang-barang yang dijual sulit dikategorikan kedalam bahasa indonesia. contohnya..

Picture2.png

kadang2 tertulis aksesoris, kadang2 tertulis accesories.

untuk pencegahan dan kesalahan, web ini sudah bisa melakukan pencegahan terhadap kesalahan user dalam berbelanja. misalnya dalam pengisian alamat email yang salah. web ini akan memberitahukan kalau kita salah memasukkan alamat email.

Capture4.PNG

untuk tingkat ke efisienan, web ini kayaknya harus banyak berbenah diri. hampir disetiap halaman, kita akan menemukan iklan atau suggestion untuk membeli sebuah produk tertentu. contohnya :

6.PNG

hampir disetiap halaman, kita akan melihat jquery dari 7 penawaran. hal ini sangat mengganggu pengguna karena memaksa pengguna untuk melakukan scroll jika ingin melihat informasi dari barnag yang akan dibelinya.

web ini juga sangat panjang. sangat melelahkan untuk melakukan scroll. saya coba ambil screen shoot dengan zoom out maksimal pada firefox. ternyata di halaman home. masih ada scroll nya

9.PNG

bayangkan kalau anda harus melakukan scroll sampe bawah banget kayak gitu.. pasti capeknya minta ampun… keburu bosen. akan lebih baik jika dikategorikan saja atau menggunakan jquery untuk barang-barang promo.

analisis web usability pada site www.jakartanotebook.com (part 2 of 4)

okeh…

mari kita lanjutkan postingan kita.

postingan kali ini hanya akan membahas 3 point saja. yaitu

a. Visibilitas status system,

b. Kecocokan anatara system dan dunia nyata,

c. Kontrol user dan kebebasan,

kita coba untuk point a yaitu visibilitas

Capture2.PNG

secara umum, kita bisa melihat secara jelas apapun yang tertulis di dalam web ini. tidak ada yang tersembunyi. pengguna bisa dengan mudah mencari informasi apa yang dibutuhkan oleh dirinya sendiri. tampilan background juga terlihat natural dan standar. tidak ada warna yang terkesan “nabrak” . Ada perbedaan juga antara mana tulisan yang berupa teks biasa dan mana yang merupakan tautan.

kita beralih sekarang untuk ke point b, yaitu Kecocokan anatara system dan dunia nyata,

kita bisa mencermati bahwa situs ini merupakan sebuah situs yang menuntun kita untuk belanja secara swalayan. mirip dengan kalau kita belanja di super market. kita coba cermati bagian bawah dari screen shoot yang saya ambil di web tersebut, ada keranjang belanja ! ya benar ! ada keranjang belanja. mirip banget kalau kita berbelanja di super market. hmmm.. indikator lainnya, coba kita lihat pada guidelines step per step berbelanja di www.jakartanotebook.com Picture1.png

lalu bandingkan dengan saat kita belanja di supermarket. Biasanya, setelah kita pilih belanjaan, kita akan membayarnya dikasir, kemudian dapet struk, lalu baru barang kita bisa kita bawa pulang. Indikator status di atas, juga mirip dengan kalau kita belanja di jakartanotebook.com. bedanya hanyalah adanya status pengiriman karena barang yang sudah kita bayar, tidak kita bawa sendiri ke rumah, melainkan dikirim langsung ke rumah kita. untuk di jakartanotebook.com, biasanya menggunakan jasa dari kurir JNE.

poin c. yaitu Kontrol user dan kebebasan

dari segi kontrol user, situs jakartanotebok.com ini memberikan keleluasaan user untuk berbelanja, membatalkan belanja atau hanya sekedar untuk melihat-lihat barang yang dijual di jakarta notebook. cuma ada sedikit yang mengganggu. terlalu banyak iklan penawaran (promo) dari barang-barang tertentu. contohnya. saya ingin membeli hardisk yang di iklankan dengan gambar gajah.. (hmm… cukup menarik….)

capture3.PNG

kemudian saya klik gambar tersebut, dan yang terjadi adalah, saya tidak langsung masuk ke menu pilihan hardisk, melainkan saya masuk ke halaman

4.PNG

jadi tidak langsung masuk ke halaman pemilihan hardisk, sayangnya pengguna tidak bisa melewatkan halaman ini, dikarenakan prosedurnya harus seperti ini. jika pengguna ingin melihat detail produk ini, maka pengguna harus melakukan klik pada ujung kanan atas halaman ini.

tampaknya di sisi ini, ada kebebasan user yang terganggu. lebih baik jika halaman ini dihilangkan saja.

analisis web usability pada site www.jakartanotebook.com (part 1 of 4)

site yang akan saya analisis adalah www.jakartanotebook.com. site ini, adalah e-store barang-barang kategori komputer dan laptop serta aksesoris pendukung lainnya.

seca fungsi, mirip dengan www.bhinneka.com. namun kalau sekilas kita lihat, tampilan dari www.jakartanotebook.com ini kalah jauh dengan www.bhinneka.com

biar analisisnya kelihatan lebih mantep, saya akan menggunakan evaluasi heuristik.

Apa itu evaluasi heuristik ?

Evaluasi ini diusulkan oleh Nielsen dan Molich. Heuristik adalah guideline, prinsip umum dan peraturan, pengalaman yang bisa membantu suatu keputusan atau kritik atas suatu keputusan yang telah diambil, beberapa penilaian bebas terhadap suatu design supaya kritik bisa memajukan potensi daya guna.

Ada sepuluh dasar dari heuristik, seperti :

a. Visibilitas status system,

b. Kecocokan anatara system dan dunia nyata,

c. Kontrol user dan kebebasan,

d. Konsisten dan standar

e. Pencegahan kesalahan

f. Pengenalan atas penarikan kembali

g. Fleksibilitas dan efisiensi

h. Berhubungan dengan keindahan dan desain minimalis

i. Bantuan bagi user untuk mengenali, mendiagnosis dan memperbaiki dari kesalahan,

j. Help dan dokumentasi.

Tujuan dari evaluasi heuristik adalah untuk memperbaiki perancangan secara efektif.

sebagai tampilan awal, inilah halaman home dari jakartanotebook.com

Capture2.PNG

lho kapan analisisnya ??

nanti ya…

dipostingan berikutnya…

untuk sekarang, coba main-main dulu ke www.jakartanotebook.com

ciao….

Heuristic evaluation

Evaluasi Heuristik
Evaluasi ini diusulkan oleh Nielsen dan Molich. Heuristik adalah guideline, prinsip umum dan peraturan, pengalaman yang bisa membantu suatu keputusan atau kritik atas suatu keputusan yang telah diambil, beberapa penilaian bebas terhadap suatu design supaya kritik bisa memajukan potensi daya guna.

Ada sepuluh dasar dari heuristik, seperti :
a. Visibilitas status system,
b. Kecocokan anatara system dan dunia nyata,
c. Kontrol user dan kebebasan,
d. Konsisten dan standar
e. Pencegahan kesalahan
f. Pengenalan atas penarikan kembali
g. Fleksibilitas dan efisiensi
h. Berhubungan dengan keindahan dan desain minimalis
i. Bantuan bagi user untuk mengenali, mendiagnosis dan memperbaiki dari kesalahan,
j. Help dan dokumentasi.

Tujuan dari evaluasi heuristik adalah untuk memperbaiki perancangan secara efektif. Pendekatan ini mudah dan relatif cepat.