Sunday, June 8, 2014

Visibilitas dari Status Sistem - Gongstudios.com

Sistem harus selalu menginformasikan pada pengguna apa yang sedang terjadi, melalui pesan yang
baik dan waktu yang sesuai.

Setiap halaman pada sistem ini tidak diberikan judul, sehingga dapat membingungkan pengguna ada dimana sebenarnya lokasi pengguna berada. Setidaknya ada sebuah judul pada halaman web yang dapat memberikan informasi bagi pengguna.

Halaman Portofolio - Contoh halaman yang tidak menggunakan judul
Dalam menu contact, memang ada umpan balik yang diberikan sistem kepada pengguna, bahwa pengguna telah berhasil melakukan pengisian form dan mensubmit form tersebut. Tetapi masalahnya adalah pesan tersebut akan hilang sesaat setelah pesan tersebut muncul, sehingga akan membuat pengguna  yang tidak memperhatikan kebingungan, apakah dia berhasil atau tidak.
Halaman Contact - Umpan balik
Halaman Contact - Umpan balik hilang sesaat setelah pesan pemberitahuan muncul
Terminologi dalam penamaan konten belum sesuai, hal ini dikarenakan isi konten yang tidak sesuai dengan judul yang diharapkan.
Halaman MISC




Kendali dan Kebebasan Pengguna - Gongstudios.com

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.

Pembahasan kali ini mengenai halaman contact, sistem tidak memiliki fasilitas undo ataupun redo.

Halaman Contact
Form contact pada halaman contact
Setelah melakukan submit, sistem tidak menanyakan kepada pengguna apakah data yang diisikan sudah benar ? Sistem akan langsung memroses instruksi yang diberikan. Hal ini dapat membuat pengguna melakukan kesalahan, seperti pada emailnya, semisal pengguna tidak sengaja membuat sebuah huruf menjadi ganda pada email

Kesesuaian Antara Sistem dan Dunia Nyata - Gongstudios.com

Sistem harus berbicara sesuai dengan bahasa penggunanya, menggunakan kata, kalimat, dan
konsep yang biasa digunakan oleh pengguna.

Pembahasan kali ini mengenai submenu portofolio
Halaman Portofolio
Dalam submenu portofolio dapat kita lihat beberapa submenu yang memberikan cukup informasi bagaimana isi dari halaman tersebut. Ketika pengguna melihat submenu Card Games, pengguna akan berasumsi bahwa halaman tersebut berisi kumpulan permainan kartu. Tetapi saat membuka halaman submenu tersebut yang terlihat justru gambar tanpa memberikan informasi kepada pengguna.


Halaman Card Games

Lalu ada juga submenu misc, pengguna awam akan mendapatkan tanda tanya mengenai apa yang ada pada sub menu ini. Pengguna umumnya akan melihat isi dari halaman tersebut untuk mendapatkan informasi mengenai sub menu tersebut. Tetapi lagi-lagi hanya kumpulan gambar tanpa informasi yang didapat, bahkan pengguna akan merasa kebingungan untuk mengetahui dimana lokasi dia sekarang.


Halaman MISC




Standar dan Konsistensi -- Gongstudios.com

Pengguna tidak perlu mempertanyakan lagi mengenai perbedaan pemahaman pada sebuah kata dan kalimat, situasi dan aksi. Semua harus sudah mengikuti standar yang ada.

Kekonsistenan dalam penggunaan huruf mungkin bisa dijadikan bahan pembahasan kali ini. Pertama penggunaan kata pada menu menggunakan huruf besar semua.

Halaman Card Games
Dalam standar yang benar penggunaan huruf besar harus dilakukan pada awal kata atau awal kalimat, kecuali beberapa singkatan.

Lalu bisa kita lihat dalam halaman Card games, halaman ini hanya memberikan judul(title) pada bagian atas browser, tidak meletakan judul pada halaman tersebut. Hal ini dapat membingungkan pengguna mengenai dimana lokasinya sekarang.

Bantu Pengguna untuk Mengenali, Mendiagnosa dan Mengatasi Masalah - Gongstudios.com

Pengguna tidak perlu mempertanyakan lagi mengenai perbedaan pemahaman pada sebuah kata
dan kalimat, situasi dan aksi. Semua harus sudah mengikuti standar yang ada.

Teks petunjuk pada halaman web ini jelas menimbulkan ambigu pada web ini. Sebagai contoh pada halaman card games
Halaman Card Games

Pengguna akan mengalami kebingungan apa sebenarnya isi dari halaman web ini. Sistem menyebutnya card games tapi tidak ada tanda-tanda yang menunjukan bahwa ini card games.

Lalu pada halaman contact
Halaman Contact
Pada halaman ini pengguna akan mengalami kebingungan, apakah dia (pengguna) sudah melakukan langkah yang benar atau tidak.

Form contact pada halaman Contact
Pada halaman ini peringatan kesalahan hanya diberikan dengan membuat input form berwarna merah pada bagian border, tanpa memberikan pesan peringatan apa yang dilakukan oleh pengguna hingga melakukan kesalahan.


Pencegahan Kesalahan - Gongstudios.com


Pencegahan kesalahan adalah Merancang sistem yang mencegah terjadinya kesalahan, lebih baik daripada merancang pesan kesalahan yang baik.

Satu-satu nya input yang bisa dilakukan oleh pengguna hanya tersedia dalam menu contact. Di menu ini pengguna bisa bertanya ataupun memesan. Pembahasan kali ini mengenai proses sistem yang membuat pengguna akan melakukan kesalahan. Yaitu pada halaman contact.
Halama Contact, saat akan mengisi form.

Halaman Contact, Sesaat setelah melakukan pengisian pada form

Halaman Contact, satu detik setelah melakukan pengisian form

Pada halaman ini pesan sukses yang ditampilkan setelah melakukan submit pada form sangatlah sebentar. Hal ini dapat mengakibatkan pengguna melakukan kesalahan, dikarenakan membingungkan pengguna, apakah pengguna melakukan kesalahan atau tidak. Karena jika pengguna tidak memperhatikan halaman web ini, Pengguna tidak akan menyadari bahwa dia telah berhasil melakukan pengisian form. Karena menimbulkan kebingungan pengguna akan melakukan pengisian form kembali.

Adanya Pengenalan - Gongstudios.com

Adanya pengenalan adalah dimana sistem memberikan pembuatan objek, aksi dan pilihan yang 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.

Web ini memiliki aturan yang benar dalam penataan, jika kita mengenyampingkan aturan scrolling dan gambar yang ada pada web ini.
Halaman About
Web ini memiliki penataan konten halaman yang dimulai dari atas-kiri halaman. Jika membahas mengenai informasi pada sistem, sistem ini tidak memberikan informasi yang dibutuhkan oleh pengguna. Sehingga akan cukup menyulitkan pengguna jika ingin melakukan pemesanan yang dapat dilakukan melalui menu Contact atau datang langsung ke lokasi pengelola sistem ini.
Halaman Contact


Flesibilitas dan Efesiensi - Gongstudios.com

Fleksibilitas dan efesiensi 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)

Dalam website ini, dapat kita mengerti bahwa website ini dikhususkan bagi mereka yang sudah mengerti betul mengenai game 2D dan Concept Art.
Halaman menu portofolio

Bagi mereka yang pemula, mereka tidak mengetahui apa itu card games, mobile games atau bahkan miscellaneous. Dalam web ini tidak dincantumkan juga apa itu card games atau mobile games.
Halaman submenu portofolio - Card Games
Dari gambar halaman card games, pengguna biasa tidak dapat mengetahui apa itu card games, kenapa saat dibuka malah menampilkan banyak gambar animasi yang menampilan ekspresinya masing-masing. Akan lebih baik jika dalam halaman portofolio tersebut memberikan penjelasan apa itu card games atau yang lainnya.

Dalam web ini juga tidak menampilkan pilihan bahasa lainnya. Dapat diketahui pada halaman about, bahwa website ini dikelola oleh perusahaan yang terletak di daerah Depok, Jawa Barat. Dapat disimpulkan bahwa pengguna website ini adalah mereka yang berasal dari Indonesia, tetapi website ini  hanya menampilkan dengan menggunakan bahasa inggris.
Halaman utama website
Tidak diragukan lagi website ini tidak sesuai dengan aturan Screen Reading.
Halaman submenu portofolio - card games
Ambil contoh pada halaman card games, pada halaman ini, website meminta pengguna untuk melakukan scroll kebawah untuk melihat keseluruhan website,

Estetika dan Desain yang Minimalis - Gongstudios.com

Estetika dan desain yang minimalis adalah Sistem hanya menghasilkan informasi yang relevan, informasi yang tidak relevan mengurangi visibilitas dan usability dari sistem.

Dilihat dari halaman home gongstudios.com merupakan website yang sangat minimalis. Tetapi setelah memilih submenu yang ada di portofolio, kita akan melihat sebuah web yang dipenuhi oleh banyak gambar, tetapi tanpa menyediakan informasi yang cukup jelas bagi pengguna.


Ini merupakan submenu dari portofolio -- Card Games, pada halaman ini hanya akan tersedia banyak gambar disertai judul gambar tersebut, lebih terlihat seperti album foto. Jika diperhatikan pada bagian kanan gambar yang saya jadikan contoh tersebut, jarak scroll untuk mencapai halaman bawah cukup jauh. Jarak scroll yang jauh juga dapat membuat pengguna malas untuk mencapai halaman bawah, sehingga pengguna tidak mengetahui apa sebenarnya inti dari halaman submenu ini. Walaupun sebenarnya jika di scroll kebawah, pengguna hanya akan melihat banyak gambar yang cukup untuk tidak 'dapat' dimengerti. Yang saya ingin katakan adalah apa maksud dari halaman Card Games yang dipenuhi gambar ini. Karena yang saya rasakan seperti saya sedang melakukan pencarian gambar kartun pada google.

Lalu keseragaman yang saya lihat pada website ini adalah, halaman submenu portofolionya yang penuh dengan gambar.

Fitur Bantuan dan Dokumentasi - Gongstudios.com

Fitur bantuan dan dokumentasi adalah Sistem harus memiliki dokumentasi yang relevan dan fitur help yang baik, sehingga pengguna dapat mempelajari segala sesuatu yang terkait dengan sistem.

Panduan online yang dapat dilihat

 Tidak adanya panduan online yang dapat dilihat oleh pengguna, hal ini cukup membingungkan bagi pengguna. Mengenai apa yang harus dilakukan untuk mengerti isi dari website tersebut.

Halaman utama website
Dapat dilihat oleh kita(user) bahwa keseluruhan halaman home pada web ini hanya berisi empat menu utama, dan slideshow mengenai pekerjaan mereka. Walaupun sebenarnya terlihat sangat simple tetapi seharusnya memberikan informasi yang dapat membantu user, misalnya dalam slideshow tersebut, bukan dengan hanya menampilkan gambar tanpa interaksi apapun yang dapat dilakukan.