Aesthetic and Minimalist Design -www.satubaju.com

Aesthetic and minimalist design adalah mengenai sebuah desain minimalis yang menarik pengguna untuk fokus pada subjek utama di tangan tanpa terganggu oleh gambar atau teks yang tidak relevan. Jaga informasi yang ditampilkan pada aplikasi.

Ringkasan Masalah

Ketika pengunjung masuk ke home awal dari web, maka pengunjung akan terganggu dengan desain gambar promo yang berjalan. Padahal itu merupakan web jualan kaos, karna gambar yang terlalu besar, contoh desain kaos pada halaman home hanya terlihat setengah. Padahal gambar promo itu hanyalah gambar berjalan yang tidak bisa diklik, hanya beberapa saja yang bisa diklik, itu juga bukan pada gambar melainkan pada link kecil dibawah. Berikut gambarannya:

Rekomendasi perbaikan
Sebaiknya gambar promo lebih di kecilkan ukurannya atau mungkin kalau tidak digunakan sebaiknya dihilangkan saja, karena mengganggu dari tujuan utama yang akan disampaikan.

Severity rating

Untuk permasalahan ini, severity ratingnya adalah 3 (Permasalahan Mayor, prioritas tinggi/high priority).

____________________________________________________

Ringkasan Masalah

Pada web ini terjadi pengulangan menu, perulangan terjadi diantara menu di atas dengan samping kiri. Berikut gambarannya:

Rekomendasi perbaikan
Sebaiknya tuliskan salah satu menu saja, karena bisa membuat bingung pengunjung. Letakkan pula dalam satu sisi. 

Severity rating

Untuk permasalahan ini, severity ratingnya adalah 3 (Permasalahan Mayor, prioritas tinggi/high priority).

____________________________________________________

Ringkasan Masalah

Jumlah kaos dalam satu halaman pagging terlalu banyak dan terlalu besar. Hal ini membuat pengguna harus menscrol terlalu banyak. Berikut gambarannya:

Rekomendasi perbaikan
Buat ukuran gambar dalam satu baris yang awalnya tiga jadikan menjadi antara 4-6 gambar perbaris. Selain itu buat pembatasan jumlah dalam satu halaman pagging sebanyak 3 kali scrol. Jadi seumpama dalam satu bari ada 5 gambar, berarti dalam satu halaman pagging ada 20 gambar.

Severity rating

Untuk permasalahan ini, severity ratingnya adalah 2 (Permasalahan Minor, prioritas rendah/low priority).

____________________________________________________

Help and documentation - www.satubaju.com

Help and documentation adalah bagian penting dalam web, itu berhubungan dengan documentasi dalam sistem. Memang sebaiknya suatu sistem tanpa documentasi, tapi lebih baik jika diberikan documenatasi yang jelas, detail langkah-langkah dan jangan terlalu besar untuk memudahkan pengguna awal untuk mempelajari.

Help users recognize, diagnose and recover from errors adalah mengenai pesan kesalahan harus dinyatakan dalam bahasa yang sederhana dan konstruktif memberikan menyarankan solusi.

Ringkasan Masalah

Masalahnya terdapat pada menu "cara kerja" pada no 2, di sana dijelaskan cara menambahkan dengan mengulagi langkah 1 dan 2, bukan dengan cara memilih button "lanjut belanja". Selain itu penggunaan tulisan dan gambar pada menu "cara kerja" terlalu besar. Berikut gambarannya:

Rekomendasi Perbaikan

Seharusnya lebih baik menjelaskan cara menambah barang dengan button "lanjut berbelanja" agar button tersebut bisa membantu pengguna awal, selain itu bisa menjelaskan maksut dari adanya button tersebut. Solusi untuk ukuran tulisan dan gambar sebaiknya lebih diperkecil, agar tidak terlalu banyak menscrol kebawahnya.

Severity Rating

Untuk permasalahan ini, severity ratingnya adalah 2 (Permasalahan Minor, prioritas rendah/low priority).

____________________________________________________ 

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

Help users recognize, diagnose and recover from errors adalah mengenai pesan kesalahan harus dinyatakan dalam bahasa yang sederhana dan konstruktif memberikan menyarankan solusi.

Ringkasan Masalah

Ketika pengguna masuk ke tas belanja dalam halaman tersebut terdapat pilihan untu mengisi kode voucher. Apabila pengguna memasukkan kode voucher salah, akan muncul peringatan salah tetapi hanya beberapa detik dan tetap berada di halaman yang sama. Hal itu membuat pengguna yang tidak teliti akan kebingungan dengan yang terjadi dalam web tersebut, karena penempatan peringatan juga kecil. Berikut tampilan peringatan:

Rekomendasi Perbaikan

Sebaiknya peringatan "kode salah" jangan hanya sebentar, berikan dalam bentuk message box/alert sehingga pengguna bisa tahu apa yang terjadi.

Severity Rating

Untuk permasalahan ini, severity ratingnya adalah 3 (Permasalahan Mayor, prioritas tinggi/high priority).

____________________________________________________ 

Flexibility and Efficiency of Use - www.satubaju.com

Flexibility and efficiency of use maksutnya adalah letakkan sesuatu pada tempatnya, jangan buat tidak terlihat oleh pengunjung web. Hal ini bisa mempercepat interaksi.

Ringkasan Masalah
Pada halaman konfimasi setelah halaman form data terdapat button yang susah terlihat oleh pengunjung, yaitu button "kembali ke tahan sebelumnya". Dimana button itu terletak sedikit kebawah dibanding button "konfimasi", sehingga membuat pengunjung awal menganggap button itu tidak ada. Berikut gambarannya:

Rekomendasi Perbaikan
Sebaiknya letakkan button "kembali ke tahap sebelumnya" di letakkan sejajar dengan button "konfimasi" agar lebih mudah terlihat dan memudahkan pengunjung dalam berinteraksi.

Severity Rating
Untuk permasalahan ini, severity ratingnya adalah 3 (Permasalahan Mayor, prioritas tinggi/high priority).

Recognition Rather Than Recall - www.satubaju.com

Recognition rather than recall adalah minimalkan beban memori pengguna dengan membuat objek, tindakan, dan pilihan terlihat. Pengguna tidak perlu mengingat informasi dari satu bagian dari dialog yang lain. Instruksi untuk penggunaan sistem harus terlihat mudah.

Ringkasan Masalah

Ketika pengguna sudah memilih barang yang akan di beli, pengunjung dapat melihat barang belanjaannya di dalam menu tas belanja, sayangnya pada tas belanja tersebut tidak terdapat button untuk mengedit pesanan yang telah dipilih dan  melihat detail kaos. Berikut tampilan tas belanja tanpa button edit:

Rekomendasi Perbaikan

Sebaiknya berikan menu hyperlink untuk mengedit pesanan barang atau hanya ingin melihat detail barang yang di pesan pada tas belanja. Letakkan menu hyperlink edit di sebelah hyperlink hapus. Hal tersebut akan sangat membantu pengunjung untuk mengedit dan melihat detail pesanan yang dipesan.

Severity Rating

Untuk permasalahan ini, severity ratingnya adalah 2 (Permasalahan Minor, prioritas rendah/low priority).

Error prevention - www.satubaju.com

Error prevention adalah kesalahan yang tidak dilakukan oleh pengunjung. Bisa karena dari sistem atau dari pembuat web.

Ringkasan Masalah

Kesalahan terdapat pada menu "hubungi kami", yaitu ketika form yang ada pada "hubungi kami" dibiarkan kosong kemudian pilih "kirim", maka akan muncul pesan yang menginformasikan kesalahan teknis. Berikut gambarannya :

Rekomendasi Perbaikan

Seharusnya berikan peringatan saja ketika memilih "kirim", berikan umpan balik seperti "data yang anda masukan belum lengkap".

Severity rating

Untuk permasalahan ini, severity ratingnya adalah 2 (Permasalahan Minor, prioritas rendah /low priority)

Visibility of system status - http://www.satubaju.com/

Visibilty of system status merupakan hal yang paling mudah tetapi paling sering pula diabaikan oleh pembuat web. Hal ini yang membuat pengunjung web akan kabur karena tidak nyaman dengan desain awal yang langsung ditemui.

Ringkasan Masalah

Ketika pengunjung bingung dan ada yang ingin ditanyakan, pastinya akan masuk ke menu "hubungi kami". Namun pada menu ini ada sedikit kekurangan, yaitu ketika nama dan pesan di biarkan kosong tetap bisa mengirim pesan. Berikut gambarannya:

Rekomendasi perbaikan
Sebaiknya berikan peringatan peringatan, ketika pengunjung tidak mengisi nama dan pesan. Dan buat pesan tidak bisa dikirim ketika ada yang kosong. Hal ini bisa mengurangi spam-spam masuk ke database.

Severity rating

Untuk permasalahan ini, severity ratingnya adalah 3 (Permasalahan Mayor, prioritas tinggi/high priority).

____________________________________________________

Ringkasan Masalah

Kesalahan yang selanjutnya masih pada saat melakukan pemesanan, pengunjung harus mengisi data. Dalam mengisian data diharusnya mengisi email. Apabila email diisi dengan cara asal-asalan, maka akan keluar peringatan bahwa yang dimasukan salah, tetapi tidak diberitahukan format yang benarnya. Berikut gambarannya :

Rekomendasi Perbaikan

Seharusnya berikan contoh format penulisan email yang benar, seperti diberi kalimat berikut "contoh: ardian@gmail.com. 

Severity rating

Untuk permasalahan ini, severity ratingnya adalah 3 (Permasalahan Mayor, prioritas tinggi/high priority).

Match Between System and The Real World - www.satubaju.com

Match between system and the real world merupakan unsur heuristics no 2 yang penting dalam mendesain sebuah web. Match between system and the real world ini penting dalam mendesain sebuah web, karena menjadi salah satu hal yang bisa membuat pengunjung betah di dalam web. Selain itu match between system and the real world berhubungan dengan penggunaan istilah dan kata-kata yang baik dan tepat.

Ringkasan Masalah

Ketika pengguna masuk ke tas belanja dalam halaman tersebut terdapat pilihan untu mengisi kode voucher. Apabila pengguna memasukkan kode voucher salah, akan muncul peringatan salah tetapi hanya beberapa detik dan tetap berada di halaman yang sama. Hal itu membuat pengguna yang tidak teliti akan kebingungan dengan yang terjadi dalam web tersebut, karena penempatan peringatan juga kecil. Berikut tampilan peringatan:

Rekomendasi Perbaikan

Sebaiknya peringatan "kode salah" jangan hanya sebentar, berikan button ok untuk kembali memasukan kode voucher sehingga pengguna bisa tahu apa yang terjadi.

Severity Rating

Untuk permasalahan ini, severity ratingnya adalah 3 (Permasalahan Mayor, prioritas tinggi/high priority).

____________________________________________________ 

Ringkasan Masalah

Pada saat proses pemesan palin terakhir, pengunjung hanya akan di tunjukkan kode voucher tanpa ada pilihan untuk cetak atau print bukti pemesanan pengunjung malah disuruh mencatat. Berikut gambarnya:

Rekomendasi Perbaikan

Sebaiknya tambahkan fasilitas cetak bukti pemesanan atau fasilitas simpan bukti pemesanan. Agar pengunjung tidak direpotkan dengan menulis kode pemesanan, yang dimungkin bisa hilang juga.

Severity Rating

Untuk permasalahan ini, severity ratingnya adalah 3 (Permasalahan Mayor, prioritas tinggi/high priority).

____________________________________________________ 

Ringkasan Masalah

Ketika pengunjung memilih menu "cek status". Setelah pengunjung memasukan kode pemesanan yang terjadi informasi yang disampaikan kurang baik dalam penggunaan bahasanya. Berikut tulisan dalam pesan informasi yang disampaikan:

Rekomendasi Perbaikan

Dalam penggunaan kata sebaiknya gunakana kata-kata yang baik dan tepat. Sebaiknya ganti dengan "Status pemesana anda: belum bayar" untuk status belum bayar dan  "Status pemesana anda: sudah bayar". Agar memudahkan pengguna pengetahui status pemesanan.

Severity Rating

Untuk permasalahan ini, severity ratingnya adalah 3 (Permasalahan Mayor, prioritas tinggi/high priority).

___________________________________________________ 

User Control and Freedom -

User control and freedom merupakan unsur heuristics no 3 yang penting dalam mendesain sebuah web. User control and freedom harus diberikan untuk memberikan kebebasan kepada pengunjung untuk tahu bahwa mereka berada dalam konrol aplikasi dan bukan sebaliknya. Seperti halnya undo dan redo operasi akan membiarkan pengguna pulih dari kesalahan mereka dan akan mendorong mereka untuk mengeksplorasi aplikasi tanpa takut melakukan kerusakan apapun.

Ringkasan Masalah

Ketika pengguna sudah memilih barang yang akan di beli, pengunjung dapat melihat barang belanjaannya di dalam menu tas belanja, sayangnya pada tas belanja tersebut tidak terdapat button untuk mengedit pesanan yang telah dipilih. Jadi hal itu membuat pengguna harus menghapus dan memilih kembali barang yang akan dibeli. Sedangkan apabila pengunjung cuma hanya akan mengganti ukuran baju atau warna pengguna tetap harus melakukan hal tersebut. Berikut tampilan tas belanja tanpa button edit:

Rekomendasi Perbaikan

Sebaiknya berikan menu hyperlink untuk mengedit pesanan barang pada tas belanja. Letakkan menu hyperlink edit di sebelah hyperlink hapus. Hal tersebut akan sangat membantu pengunjung untuk mengedit pesanan yang dipesan.

Severity Rating

Untuk permasalahan ini, severity ratingnya adalah 3 (Permasalahan Mayor, prioritas tinggi/high priority).

Consistency and standards - http://www.satubaju.com/

Konsistensi dapat meningkatkan prediktabilitas dari web yang di buat. Selain itu dapat meningkatkan kenyamanan pengunjung.

Ringkasan Masalah

Drop down pada menu-menu utama dalam penulisannya terjadi ketidak konsistenan, yaitu pada penulisan sub menu tidak diurutkan berdasarkan abjad. Sehingga dapat membuat pengunjung kebingungan. Berikut gambar menu yang ditulis tidak sesuai abjad:

Rekomendasi perbaikan

Sebaiknya ditulis dengan di urutkan berdasarkan abjad, sehingga dapat mempermudah pengunjung dalam penggunaan web.

Severity rating

Untuk permasalahan ini, severity ratingnya adalah 3 (Permasalahan Mayor, prioritas tinggi/high priority).

____________________________________________________

Ringkasan Masalah

Terdapat ada yang berbeda dari halaman yang lain, yaitu di menu musik - rock band dan metal. Dimana pada halaman ini desain hanya ditampilkan dalam bentuk kotak, padahal di halaman yang lain semu desain dalam bentuk kaos. Ternyata masih terdapat menu lagi, jadi di sini terdapat menu berlapis. Berikut gambar desainnya:

desain konsisten

desain tidak konsisten

Rekomendasi perbaikan

Sebaiknya menu di dalam rock band dan metal tidak perlu dibuat. Karena pengunjung bisa melakukan pencarian jika ingin mencari yang diingikan. Hal ini bisa membuat pengunjung awal kebingungan.

Severity rating

Untuk permasalahan ini, severity ratingnya adalah 2 (Permasalahan Minor, prioritas rendah /low priority)

____________________________________________________

Ringkasan Masalah

Terdapat tidak konsistenan pada penggunaan bahasa pada menu "cek status order". Berikut gambarnya:

Rekomendasi perbaikan

Sebaiknya ganti dengan bahasa indonesia saja dengan "lihat status pemesanan"

Severity rating

Untuk permasalahan ini, severity ratingnya adalah 3 (Permasalahan Mayor, prioritas tinggi/high priority).

____________________________________________________

Ringkasan Masalah

Pada menu pemesanan yang terakhir terdapat ketidak konsistenan pada peletakan button-buttonnya. Dimana di halaman sebelumnya di letakkan sejajar, dihalaman ini terpisah. berikut perbandingannya:

Pada halaman sebelumnya

pada menu pemesanan terakhir

Rekomendasi perbaikan

Peletakan menu di buat seperti halaman sebelumnya agar lebih mudah di cari, karena pengunjung pasti akan kebingungan pada awalnya.

Severity rating

Untuk permasalahan ini, severity ratingnya adalah 4 (Penting untuk diperbaiki sebelum product di release).

____________________________________________________

Ringkasan Masalah

Terjadi ketidak konsistenan pada jumlah gambar antara di menu utama dengan sub menu. Hal ini akan membuat pengunjung kebingungan. Berikut gambar perbandingannya:

tampilan di menu utama

tampilan di sub menu

Rekomendasi perbaikan

Buat jumlah gambar sama, agar lebih mudah dalam penggunaan.

Severity rating

Untuk permasalahan ini, severity ratingnya adalah 2 (Permasalahan Minor, prioritas rendah /low priority).