Rabu, 11 Juni 2014

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).