Triblog Mulya: Match Between System and The Real World

Pada artikel ini, saya akan membahas tentang komponen Match Between System and The Real dengan tetap mengkaji website BBIA dari cara yang dikembangkan oleh Jacob Nielsen.

Komponen Match Between System and The Real World merupakan komponen HE yang mengharuskan sistem dibuat dengan menggunakan bahasa yang mudah dimengerti oleh pengguna, dengan kata-kata, frase dan konsep yang familiar bagi pengguna. Ketika mengembangkan sistem tidak harus membuat istilah untuk konsep dapat dilihat oleh pengguna dalam aplikasi, tetapi dapat menggunakan istilah bahwa pengguna mengetahui saat menggunakan fungsi pada sistem. Dianjurkan pasa sistem untuk tidak menciptakan kosa kata baru seperti ini akan asing bagi pengguna dan akan meminta pengguna untuk mempelajari nama-nama baru, sehingga membuat pengguna semakin sulit.

Dengan menggunakan komponen ini, saya akan mencoba kaji kembali website BBIA. website BBIA memiliki beberapa segi jika dilihat dari komponen Match Between System and The Real World. Berikut beberapa hal yang terkait dengan hal yang tidak sesuai dengan komponen Match Between System and The Real World pada website BBIA :

1. Makna dari pewarnaan huruf yang tidak jelas

Penjelasan yang terdapat pad website BBIA sangat banyak dan jelas. Dalam penjelasannya memiliki poin yang sangat berguna namun dalam poin tersebut dibedakan dua warna yaitu hitam dan warna. Seperti kita tahu bahwa huruf yang berwarna biru pada website kebanyakan mempunyai makna untuk bisa di klik namun pada website ini ternyata tidak. Warna biru digunakan untuk poin dalam tiap penjelasan. Apakah nyaman dilihat?

Gambar Form Sejarah

Gambar Form Jasa Pelatihan

Semua ketetapan ini di terapkan pada semua pembahasan pada website BBIA. Ternyata penggunaan warna biru pada huruf di website ini selain menjadi poin dari tiap penjelasan, juga mempunyai fungsi yang berbeda, Anda dapat melihat pada gambar dibawah

Selain itu juga pada gambar diatas dapat dilihat bahwa terdapat bullet yang seharusnya berfungsi sebagai point namun dalam penjelasan gambar juga menggunakan bullet. Menurut saya hal-hal itu salah dalam penggunaannya baik dalam pengunaan dan tata letak nya. Entah dalam pewarnaan ini apakah nyaman jika Anda menjadi pembaca nya?

2. Visualisasi dengan gambar yang kurang jelas

Pada website BBIA memiliki submenu untuk menjelaskan Penghargaan dengan sebuah gambar, namun gambar yang menjadi visualisasi ke pembaca tidak terlalu berguna karena gambar tersebut tidak jelas penampakannya,bisa Anda lihat seperti dibawah

Bisa Anda lihat bahwa pada form penghargaan tersebut tercantum gambar yang tidak begitu jelas dan hanya bisa dilihat saja , tidak bisa untuk di perbesar lagi. Lalu gambar yang tersedia memiliki resolusi yang kecil jadi informasi pada gambar tidak begitu jelas.

3. Penjelasan Informasi yang tidak jelas

Pada form jasa pengujian terdapat beberapa informasi berbentuk poin namun pada poin tersebut tidak semua memiliki penjelasan yang jelas

Bisa dilihat bahwa hanya point pertama saja yang memiliki penjelasan yang detail namun point selanjutnya tidak detail seperti point pertama. Hal ini sangat berpengaruh terhadap kejelasan saat pembaca membacanya. Sebuah informasi harus memiliki isi yang jelas sampai pengguna benar-benar mengetahui semuanya, benar kan?

4. Visualisasi web statistik yang kurang jelas

Website BBIA memiliki fungsi untuk menampilkan statistik dari penggunana pada website tersebut lalu hal itu yang saya takjubkan karena bisa dilihat oleh pengguna umum juga untuk itu. Namun ketika saya melihat dengan teliti dan hasilnya pun saya malah bingung karena visualisasi dari statistik nya membingungkan seperti ini

Web statistik pada BBIA ini sedikit saya ketahui bahwa pertama kali statistik ini menerangkan browser yang sering dipake untuk membuka website BBIA namun saya bingung penggunaan ketika melihat progress bar dan angka diikutsertakan presentase. Terdapat 2 nomor yang saya tandai diatas, pada nomor 1 merupakan progress bar lalu pada nomor 2 merupakan angka dan presentase yang dimaksudkan untuk penjelasan progress namun tetap saya bingung dalam membacanya.

Solusi dari masalah pada komponen Match Between System and The Real World pada website BBIA

Poin diatas merupakan hal yang menjadi kekurangan karena adanya ketidaksesuaian jika dilihat dari komponen Match Between System and The Real World. Saya akan memberikan solusi untuk masalah berdasarkan komponen ini pada website BBIA :

Setiap penjelasan seharusnya memiliki arti hingga pewarnaan. Pada website BBIA ini yang menjadi masalah adalah pewarnaan warna biru yang tiada arti, seharusnya dalam warna huruf netralkan saja dengan warna hitam lalu jika ada kalimat yang menjurus kepada suatu web maka harus berbentuk link dan akan berwarna biru.Penggunaan huruf dan warna yang harus diperhatikan.
Gunakan bahasa pengguna (disesuaikan dengan persona, seperti penggunaan bahasa yang lebih kekanak-kanakan jika target pengguna adalah anak-anak, gunakan bahasa yang lebih formal jika target pengguna adalah orang dewasa, gunakan bahasa inggris jika target pengguna adalah umum/semua negara, dll).
Gunakan visualisasi yang jelas sehingga pembaca dapat memahami isi dengan mudah. Salah satunya pada gambar yang dapat dilihat pada website BBIA ini. Seharusnya kualitas gambar haruslah bagus dengan resolusi yang cukup besar. Selain dengan resolusi yang bagus, seharusnya pada web tersedia fasilitas untuk zoom in gambar sehingga pengguna dapat melihat lebih jelas dari isi pada visualisasi gambar.
Penjelasan informasi haruslah jelas dan konsisten, jika terdapat penjelasan dengan point dan didalamnya terdapat penjelasan maka semua poin juga harus seperti itu. Informasi yang jelas juga harus diikutsertakan penggunaan bahasa yang baik dan sopan sehingga pembaca dapat memahaminya dengan mudah.
Jika ada visualisasi berupa statistik, haruslah jelas setiap angka atau informasi pada statistik tersebut. Visualisasi statistik dapat diikutsertakan sebelumnya dengan keterangan tambahan untuk isi informasi agar pengguna dapat mengetahui lebih jelas isi informasi dari visualisasi tersebut.

Severity Ratings

Berikut ini adalah Severity Ratings untuk mengukur seberapa penting perubahan yang harus dilakukan terhadap permasalahan diatas. Berikut adalah beberapa kondisi Severity Ratings (Nielsen 1995) :

0 = Saya tidak setuju bahwa ini adalah masalah kegunaan sama sekali.
1 = Cosmetic problem only: tidak perlu diperbaiki kecuali waktu tambahan tersedia pada proyek.
2 = Minor usability problem: memperbaiki ini harus diberikan perioritas yang rendah.
3 = Major usability problem: penting untuk memperbaiki, sehingga harus diberikan perioritas tinggi.
4 = Usability catastrophe: penting memperbaiki ini sebelum produk bisa dilepaskan.