Help And Documentation - ratugalery.com

Pada kesempatan kali ini saya akan membahas tentang Help And Documentation dari website ratugalery.com. Help And Documentation menyatakan bahwa Sistem  harus  memiliki  dokumentasi  yang  relevan  dan  fitur help yang  baik,  sehingga  pengguna dapat mempelajari segala sesuatu yang terkait dengan sistem.

kali ini saya akan mencoba untuk menganalisis beberapa bagian dari web ratugalery.com terkait dengan Help And Documentation.


Halaman Bantuan

Halaman bantuan sangat penting bagi pengguna pemula (pengguna yang tidak sering ke halaman web). pengguna ini dapat mencari tahu dimana suatu informasi berada dengan melihat menu bantuan. namun pada ratugalery.com sayangnya tidak memiliki hal ini.

halaman home

sehingga pengguna diharapkan mencari tahu sendiri bagaimana website ini bekerja.

Rekomendasi
Dibuat sebuah menu HELP pada menu bar untuk para pengguna pemula.

Severity Rating : 1

Flexibility And Efficiency Of Use - ratugalery.com

Pada kesempatan kali ini saya akan membahas Flexibility And Efficiency Of Use dari situs ratugalery.com. Flexibility And Efficiency Of Use adalah Bagaimana  membuat  sebuah  sistem  yang  mengakomodasi  pengguna  yang  sudah  ahli  dan pengguna yang masih pemula. Berikan alternatif untuk pengguna yang “berbeda” dari pengguna biasa (secara fisik, budaya, bahasa, dll).

kali ini saya akan mencoba untuk menganalisis beberapa bagian dari web ratugalery.com terkait dengan Flexibility And Efficiency Of Use.


Akomodasi Pengguna

Pengguna biasanya ada yang sudah ahli (sudah sering mengunjungi halaman)  dan yang pemula (yang baru mengunjungi halaman), pengguna yang sudah ahli biasanya sudah mengetahui letak atau posisi dimana harus mendapatkan informasi yang dibutuhkan, akan tetapi untuk yang pemula, harus melakukan pencarian 'mungkin' keseluruh halaman web untuk informasi tertentu


di ratugalery.com tidak memberikan perbedaan antara ahli dan pemula, setiap orang yang berkunjung diharapkan sudah tahu dan mengerti apa yang ada di web tersebut. hal ini dapat membuat pengguna yang pemula dapat langsung pergi dari halaman tersebut.


Namun, design dari halaman web yang mudah, cukup membantu, dihalaman web sudah tertera bahwa jika ingin melihat contoh baju, ukuran dll bisa langsung pergi ke tokonya langsung atau melihat kontak.


Rekomendasi:
mungkin perlu dibuat menu tambahan yaitu HELP. untuk memberikan informasi apa saja yang ada di web tersebut,


Severity Rating : 1

Aesthetic And Minimalist Design - ratugalery.com

Pada kesempatan kali ini saya akan membahas tentang Aesthetic And Minimalist Design dari website ratugalery.com. Aesthetic And Minimalist Design menyatakan bahwa Sistem seharusnya hanya  menghasilkan  informasi  yang  relevan,  informasi  yang  tidak  relevan  mengurangi visibilitas dan usability dari sistem.

kali ini saya akan mencoba untuk menganalisis beberapa bagian dari web ratugalery.com terkait dengan Aesthetic And Minimalist Design.

Judul Halaman

Judul halaman seharunya dapat memberikan informasi yang cukup agar user dapat membuat keputusan. pada halaman awal user terdapat bar berjudul NEWS & UPDATES namun ternyata isinya adalah deskripsi dari website tersebut. hal ini dapat membuat informasi dari judul ke postingan menjadi ambigu, akhirnya informasi menjadi tidak relevan.

Halaman Home

Rekomendasi:
Ganti bar tersebut menjadi Deskripsi / Tentang Kami atau nama yang senada.

Severity Rating : 1

Recognition Rather Than Recall - ratugalery.com

Pada kesempatan kali ini saya akan membahas tentang Recognition Rather Than Recall dari website ratugalery.com. Recognition Rather Than Recall menyatakan bahwa Pembuatan  objek,  aksi  dan  pilihan  harus  jelas  terlihat.  Pengguna  tidak  harus  mengingat-ingat informasi  dari satu  halaman  ke  halaman  lain.  Instruksi  dan  informasi  pada  sistem  harus  mudah diakses dan jelas terlihat pada saat dibutuhkan.

kali ini saya akan mencoba untuk menganalisis beberapa bagian dari web ratugalery.com terkait dengan Recognition Rather Than Recall.

Awal Konten dari Atas Kiri Halaman

Awal konten sudah baik dengan menulis dari atas kiri halaman, ini sudah standard pada halaman web, kecuali pada beberapa webpage yang biasanya menggunakan bahasa yang harus dibaca dari kanan ke kiri.

ratugalery.com halaman utama

Judul Halaman

Judul halaman yang terdiri dari 2 kata tidak boleh dibuat menjadi  2 baris vertical atau lebih. Jika dilakukan maka dapat menyebabkan pengguna bingung dimana dia berada (saat artikel ini ditulis ada masalah dengan bagaimana pengguna mengetahui ia berada dimana, jadi hanya bisa dilihat melalui judul halaman).

Rekomendasi:

Tidak ada rekomendasi yang dapat diberikan perihal Recognition Rather Than Recall.

Severity Rating : 0

Error prevention - ratugalery.com

Pada kesempatan kali ini saya akan membahas tentang Error prevention dari website ratugalery.com. Error prevention menyatakan bahwa yang lebih baik dari error messages yang baik adalah design yang mencegah masalah sebelum terjadi. Apakah mengeliminasi akar dari kondisi error atau mengecek mereka dan memberitahukan pengguna dengan opsi confirmasi sebelum pengguna melakukan aksinya.

Error prevention sering ditemukan pada form, biasanya terletak pada fields-fields yang harus diisi. hal ini perlu dilakukan agar pengguna tidak perlu pergi kehalaman lain (error page) lalu kembali lagi ke halaman form untuk memperbaiki kesalahan yang telah terjadi.

Pada ratugalery.com. tidak ada form atau suatu aksi yang perlu di prevent error-nya. sehingga saya tidak dapat melakukan analisis Error prevention. 

Rekomendasi : tidak ada

Severity Rating :0

Help Users Recognize, Diagnose, And Recover From Errors - ratugalery.com

Pada kesempatan kali ini saya akan membahas tentang Help Users Recognize, Diagnose, And Recover From Errors dari situs ratugalery.com. Help Users Recognize, Diagnose, And Recover From Errors adalah Error messages yang keluar ketika sistem mengalami kesalahan, pesan error ini seharusnya di ekspresikan dengan bahasa biasa (bukan code), mengetahui masalah dengan tepat, dan akhirnya memberikan solusi.

kali ini saya akan mencoba untuk menganalisis beberapa bagian dari web ratugalery.com terkait dengan Help Users Recognize, Diagnose, And Recover From Errors.

Pesan Kesalahan (Error Messages)

Pada ratugalery.com dapat dilihat bahwa website ini memiliki contact dengan menggunakan yahoo messanger (YM). Namun, sayangnya tidak ada pemberitahuan penggunaan applikasi tersebut jadi ketika di klik (widget yang bertuliskan Not Online), berpindah ke halaman lain, seperti gambar berikut.

contact widget

halaman error

Rekomendasi:

Sebaiknya penggunaan widget ini tidak perlu, karena contact list  sudah dicantumkan, bahkan penggunaan applikasi yang paling sering dipakai seperti WA(WhatsApp). jika tidak selalu online maka sebaiknya widget itu dihapus saja.

Severity Rating : 1

Consistency and standards - ratugalery.com

Pada kesempatan kali ini saya akan membahas Consistency and standards dari situs ratugalery.com. Consistency and standards adalah Pengguna  tidak  perlu  mempertanyakan  lagi  mengenai  perbedaan  pemahaman  pada sebuah  kata dan kalimat, situasi dan aksi. Semua harus sudah  mengikuti standar yang ada.

kali ini saya akan mencoba untuk menganalisis beberapa bagian dari web ratugalery.com. terkait dengan Consistency and standards.

Standard Penulisan Pada Tiap Halaman WebSite

Setiap halaman pada Website ratugalery.com telah dilakukan sesusai standard, penggunaan font pada judul dan postingan sudah konsisten, saya merasa tidak ada yang perlu diubah. Setiap halaman juga sudah mempunyai title masing-masing.

Judul pada setiap halaman pada ratugalery.com

Rekomendasi:

Tidak Ada

Severity rating : 0

User Control and Freedom - ratugalery.com

Pada kesempatan kali ini saya akan membahas tentang User Control and Freedom dari situs ratugalery.com. User Control and Freedom adalah Pengguna  harus  dapat  secara  bebas  memilih  dan  melakukan  pekerjaan  (sesuai  kebutuhan). Pengguna  harus  dapat  mengambil  keputusannya  sendiri  (dengan  informasi  yang  jelas)  berkaitan dengan  pekerjaan  yang  sedang/akan  dilakukan.  Sistem  harus  memiliki  kemampuan  untuk undo dan redo.

Biasanya kemampuan undo dan redo digunakan saat pengisian form atau inputan yang bersifat penting dan biasanya kritikal jika sudah di laksanakan / di input. Undo dan Redo menjaga agar user yang kurang yakin mampu melakukan perbaikan / mengecek inputan sebelumnya (Undo) dan setelah merasa bahwa saat mengecek inputan tidak ada perubahan, maka bisa kembali lagi (Redo).

Pada ratugalery.com terdiri dari serangkaian halaman saja. tidak ada proses untuk menginput form seperti halnya situs jual beli lainnya. sehingga tidak diperlukan fungsi seperti Undo dan Redo. Namun, fungsi ini masih berjalan pada browser, sehingga jika user tidak yakin akan halaman yang saat itu dibuka, jadi pengguna bisa mengklik tombol undo atau redopada browser.

Match Between System and The Real World - ratugalery.com

Pada kesempatan kali ini saya akan membahas tentang Match Between System and The Real World dari website ratugalery.com. Match Between System and The Real World menyatakan bahwa Sistem  harus  berbicara  sesuai  dengan  bahasa  penggunanya,  menggunakan  kata,  kalimat,  dan konsep yang biasa digunakan oleh pengguna. itu artinya sistem harus dibuat sedemikian rupa sehingga pengguna mengerti tanpa perlu mencari informasi bagaimana cara melakukan aksi pada sistem.


kali ini saya akan mencoba untuk menganalisis beberapa bagian dari web ratugalery.com terkait dengan Match Between System and The Real World.

Ekspetasi Warna

Berikut adalah gambar dari halaman Contoh Produksi pada ratugalery.com

Gambar halaman Contoh Produksi

Dapat dilihat bahwa judul postingan berwarna pink, yang mungkin menandakan bahwa itu adalah judul postingan. namun saat saya hover, ternyata berubah, terdapat garis bawah (underline) pada judul postingan yang berarti adalah yang tadinya saya pikir judul postingan, ternyata adalah sebuah link yang menunjuk kehalaman lain.

saat di hover ke judul postingan

Rekomendasi :

Untuk mempertegas bahwa judul pengguna tersebut adalah sebuah link, adabaiknya judul tersebut langsung diberikan garis bawah (underline). Sehingga pengguna akan langsung mengetahui bahwa judul postingan tersebut adalah link. dan juga biasanya warna untuk suatu link adalah warna biru dan terdapat underline . namun, jika tidak mau diganti warna, ada baiknya langsung diberi underline saja.

Severity Rating :0

Visibility of System Status - ratugalery.com

Pada kesempatan kali ini saya akan membahas tentang Visibility of System Status. perlu diketahui bahwa visibility of system status adalah bahwa sistem harus selalu menginformasikan pada pengguna apa yang sedang terjadi, melalui pesan yang baik dan waktu yang sesuai.

Dan pada kesempatan kali ini saya akan menganalisis website ratugaleri.com.

1. Posisi Pengguna

Berikut adalah halaman utama dari website ratugaleri.com

halaman utama dari ratugalery.com

Pada bagian atas ada terdapat beberapa menu bar seperti home, foto pabrik dan lainnya. saya mencoba untuk mencari informasi tentang cara pembelian barang, jadi saya mencoba untuk mengklik menu Harga Konveksi. Saat  belum diklik atau dihover, warna menu masih tetap berwarna biru, namun setelah di hover menu berubah menjadi berwarna putih. hal itu didemonstrasikan seperti berikut.

font sebelum di hover

font setelah di hover

namun, setwelah saya mengklik menu tersebut, font menu Harga Konveksi tidak tetap berwarna putih, namun berubah menjadi berwarna biru dan saya telah berada pada halaman Harga Konveksi. Sebenarnya yang demikian sudah bisa memberikan informasi kepada pengguna bahwa posisi pengguna sekarang berada pada menu Harga Konveksi akan tetapi apabila melihat ke bagian atas tidak cukup jelas menunjukkan keberadaan dari pengguna.

 2. Ikon dan Skema Design web

Pada halaman utama ratugalery.com, terdapat ikon (-) yang terdapat di sisi atas postingan NEWS & UPDATE seperti pada gambar berikut..

ikon pada pos dan widget

Pada postingan NEWS & UPDATE terdapat ikon (-), saya mencoba untuk mengklik ikon tersebut, dan saya pikir ikon tersebut bekerja seperti acordion, yaitu ketika saya klik ikon tersebut maka postingan NEWS & UPDATE akan tertutup dan menyisakan postingan-postingan yang lain, namun yang terjadi adalah seluruh pos menjadi tertutup, seperti yang diperlihatkan gambar berikut.

Seetelah Ikon (-) ditekan

3. Keberadaan Pengguna
Pada halaman Contoh Baju Konveksi,  saya mencoba mencari contoh baju, lalu saya mengklik judul Contoh Hasil Produksi Seragam Kemeja untuk melihat contoh seragam kemeja yang ratugalery  buat. 

halamn contoh baju konveksi

saya dibawa ke halaman contoh seragam kemeja, disana ada banyak foto dan saya mencoba mengklik salah satu gambar. namun, saya malah dibawa kehalaman lain dimana gambar tersebut di postingkan.

saat mau memilih salah satu foto

 

potingan foto

lalu baru saya bisa mengklik foto tersebut.

masalah:
- tidak adanya pemberitahuan atau breadcrumb dimana posisi user saat ini. ini membuat user harus mengingat kemana saja dia harus menuju.
- saat dihover ke area foto pada saat mau memilih foto tidak diberitahu foto ini namanya apa, melainkan hanya tooltip yang bertuliskan "contoh dan design seragam kemeja". seharusnya diberitahu namanya dan saat pindah halaman, judul halaman juga berganti sehingga jika user tidak ingat foto yang mana yang diklik maka akan menyebabkan kebingunangan bagi pengguna


Rekomendasi:
1. Untuk mempertegas keberadaan pengguna bisa dengan membedakan warna font atau warna background font yang berada pada menu bar -saat pengguna berada pada disana- sehingga terrlihat jelas dimana keberadaan pengguna saat itu

2. Teknik akordion itu sebenarnya sudah bagus, namun tidak digunakan pada satu widget yang menampung semua postingan. namun ditaruh disetiap posting saja. sehingga saat pengguna mau menutup salah satu pos, ia tidak akan menutup semua postingannya.

3. Berikan breadcrumb pada halaman Contoh Baju Konveksi. sehingga pengguna tidak perlu kembali mengklik menu Contoh Baju Konveksi saat dia sudah diposisi yang jauh dari sana, ini mencegah user untuk melakukan kegiatan yang tidak perlu

4. Tidak perlu membuat postingan lagi yang berisi foto, cukup memberikan foto dengan tooltip nama fotonya. sehingga user tidak perlu pergi ke halaman lain untuk melihat fotonya.


Severity Rating 3