Recognition Rather Than Recall - bajulagi.com

Recognition Rather Than Recall, maksudnya instruksi penggunaan sistem harus terlihat mudah digunakan. User seharusnya tidak perlu mengingat informasi dari satu halaman.

Ringkasan masalah :
Link atau tautan pada menu Pakaian Fashion berbeda jika diakses dari halaman detail produk dengan halaman lainnya.

Deskripsi masalah :
Menu Pakaian Fashion yang seharusnya berisi list pakaian, tidak bisa diakses dari halaman detail produk.
Jika user sedang berada di halaman detail produk dan mengklik menu Pakaian Fashion, maka yang muncul seperti gambar di bawah ini.

Setelah diperhatikan ternyata memang link/tautan menu tersebut berbeda saat di halaman detail produk dengan di halaman lainnya.

Help and Documentation - bajulagi.com

Help and Documentation, maksudnya sistem yang baik adalah sistem yang membantu pengguna mendapatkan informasi yang dibutuhkan.

Ringkasan masalah :
Keyword untuk pencarian hanya bisa mendeteksi kode barang / produk.

Deskripsi masalah :
Textfield untuk pencarian pada website bajulagi.com hanya bisa mendeteksi kode barang. Jika yang diketikkan adalah jenis bahan, ukuran atau yang lainnya maka sistem akan memberitahu bahwa data yang dicari tidak ditemukan.

Seperti pada gambar di atas, jika dimasukkan kata "brukat" pada kotak pencarian di pojok kanan atas tidak akan ditemukan produk yang relevan. Padahal ekspektasi user ketika mengetikkan keyword di kotak pencarian yaitu akan muncul produk-produk yang berhubungan atau mengandung keyword tersebut.

Aesthetic and Minimalist Design - bajulagi.com

Aesthetic and Minimalist Design, maksudnya sistem yang baik adalah sistem yang mengandung informasi yang relevan dengan yang tertulis.

Ringkasan masalah :
Label tombol pada form register / daftar kurang sesuai.

Deskripsi masalah :
Seperti yang sudah dikemukakan pada artikel sebelumnya bahwa tombol pada form pengisian data, termasuk pada form pendaftaran, diberi label "Lanjutkan".

Menurut saya, kata "Lanjutkan" itu kurang sesuai digunakan pada form pendaftaran di website ini karena proses yang terjadi setelah tombol tersebut diklik hanya menampilkan pemberitahuan bahwa akun berhasil dibuat.

Flexibility and Minimalist Design - bajulagi.com

Flexibility and Minimalist Design, maksudnya sistem yang baik harus fleksibel, mudah dimengerti oleh user dari berbagai kalangan usia, bahasa, atau user dengan kemampuan fisik berbeda.

Ringkasan masalah :
Di setiap halaman website atau form terdapat tombol dengan label "Lanjutkan".

Deskripsi masalah :
Pada website bajulagi.com terdapat tombol dengan label "Lanjutkan" di setiap halaman website baik itu halaman yang hanya menyediakan informasi misalnya tentang kami, cara belanja dan lain-lain ataupun di halaman yang merupakan form pengisian data seperti form pendaftaran, form konfirmasi pembayaran, dan lain sebagainya.

Error Prevention - bajulagi.com

Error Prevention (Pencegahan kesalahan), maksudnya sebaiknya sistem melakukan filter untuk pencegahan kesalahan yang mungkin dilakukan user.

Ringkasan masalah :
Textfield yang seharusnya hanya bisa dimasukkan inputan angka, bisa dimasukkan inputan teks (huruf).

Deskripsi masalah :
Pada form konfirmasi pembayaran di website bajulagi.com, ada beberapa textfield yang seharusnya hanya bisa bisa diberi inputan angka tetapi malah bisa diberi inputan teks atau huruf. Seperti pada textfield pengisian nomor telepon dan jumlah pembayaran seperti pada gambar di bawah ini.

Tidak ada error prevention atau pencegahan kesalahan sebelum user menekan tombol OK. Hanya pesan kesalahan yang muncul setelah sistem mengecek tipe inputan yang dimasukkan.

Help Users Recognize, Diagnose, and Recover From Errors - bajulagi.com

Help Users Recognize, Diagnose, and Recover From Errors, maksudnya pesan kesalahan yang muncul harus ditulis dengan bahasa yang simple dan jelas, tidak membuat bingung user.

Ringkasan masalah :
Tidak ada pemberitahuan letak kesalahan yang spesifik ketika user gagal melakukan login.

Deskripsi masalah :
Saat user salah memasukkan alamat email atau password, sistem hanya memberitahu bahwa alamat email atau password salah. Tidak ada pemberitahuan yang spesifik apakah email-nya atau password-nya yang salah, ataupun sistem tidak langsung menempatkan kursor atau menyorot bagian yang salah.

Pada gambar di atas, user salah memasukkan alamat email dan yang terjadi setelah mengklik tombol login seperti pada gambar di bawah ini. User tidak mengetahui letak masukan yang salah.

Consistency and Standards - bajulagi.com

Consistency and Standards, maksudnya sistem harus konsisten tentang penulisan atau kata-kata yang digunakan di setiap halaman website dan juga harus sesuai standar yang ada.

Ringkasan masalah :
User bisa memasukkan angka desimal pada textfield jumlah pembelian.

Deskripsi masalah :
Ketika user memasukkan angka desimal ke textfield jumlah pembelian, proses berhasil. Padahal seharusnya user hanya bisa memasukkan bilangan integer (bilangan bulat) di textfield pembelian.

Terlihat pada gambar di atas, proses berhasil dan jumlah pembelian langsung dibulatkan ke bawah.

User Control and Freedom - bajulagi.com

User Control and Freedom, maksudnya user harus diberi kebebasan membuat keputusan sendiri (dengan informasi yang jelas) untuk melakukan suatu tindakan pada sistem.

Ringkasan masalah :

User tidak bisa dengan bebas memasukkan password baru ketika mengklik tautan Lupa Password pada form login.

Deskripsi masalah :

Saat user lupa password ketika akan login, user tidak dapat dengan bebas memasukkan sendiri password baru yang diinginkannya melainkan sistem langsung mengirimnya ke alamat email user. 

Tampak pada gambar di atas, user diminta untuk memasukkan alamat email, kemudian setelah mengklik tombol "Lanjutkan", sistem akan langsung mengirimkan email yang berisi password baru dan menampilkan pesan bahwa password baru telah dikirim.

User harus masuk ke akun miliknya untuk mengubah password sesuai keinginan.

Match Between System and the Real World - bajulagi.com

Match Between System and the Real World maksudnya sistem harus menggunakan bahasa dan kata-kata yang akrab bagi user.

Ringkasan masalah :
Ketidaksesuaian antara label keterangan pengisian data di form pendaftaran dengan konten yang harus diisi atau dipilih.

Deskripsi masalah :
Pada saat user akan melakukan pendaftaran pada form pendaftaran di website bajulagi.com, user dibuat bingung oleh adanya dua pilihan pengisian kota, seperti pada gambar di bawah ini.

Masalah lain yang terdapat di form pendaftaran adalah pada dropdown Kab/Kota bukan berisi list nama kota melainkan nama provinsi, begitu juga pada dropdown Provinsi bukan berisi list nama provinsi melainkan nama negara.

Visibility of System Status - bajulagi.com

Visibility of System Status, sistem yang baik adalah sistem yang selalu memberitahu user dimana posisi user saat ini dan kemana user bisa pergi selanjutnya.

Ringkasan masalah :
Tidak terdapat tanda atau pembeda pada menu yang sedang dipilih.

Deskripsi masalah :
Pada website bajulagi.com tidak terdapat tanda atau pembeda pada menu yang sedang terpilih sehingga user tidak tahu dimana saat ini sedang berada.

Terlihat pada gambar diatas, warna setiap menu sama dan tidak mengindikasikan posisi user berada.

Rekomendasi perbaikan :

Sebaiknya warna pada menu terpilih dibedakan sehingga user bisa dengan mudah mengetahui keberadaannya saat ini.

Infographic

Infographic adalah cara penyajian data yang dikemas semenarik mungkin untuk memudahkan pembaca memahami informasi yang ingin disampaikan terkait presentase data. Infographic merupakan informasi yang divisualisasikan dengan grafik atau gambar.

Di bawah ini merupakan contoh infographic yang saya buat tentang perbandingan dari segi Oil Consumption, Square Land Area dan Total Aircraft dari negara Jepang, Jerman dan Amerika Serikat. Untuk sumber datanya saya ambil dari http://globalfirepower.com/.

Dari infographic di atas, dapat ditarik kesimpulan bahwa :

Benchmarking 5 Jenis VGA Laptop menggunakan SiSoft Sandra

         Benchmarking adalah suatu proses untuk melakukan pengukuran kinerja dari suatu perangkat lunak dan perangkat keras untuk meningkatkan kualitas pada produk terbaru nantinya. Penelitian kali ini akan menggunakan 4 buah laptop dengan merk dan spesifikasi berbeda untuk membandingkan VGA masing-masing laptop (Asus U46SV, Dell N4110, Lenovo V470, Asus A450CC, dan HP Pavilion dv3). 
        VGA (Video Graphics Adapter) seperti yang kita ketahui adalah mengubah sinyal digital pada komputer menjadi tampilan grafik di layar monitor. Kartu VGA (Video Graphics Adapter) berguna untuk menerjemahkan output (keluaran) komputer ke monitor. Untuk menggambar / design graphic ataupun untuk bermain game. VGA Card sering juga disebut Card Display, kartu VGA atau kartu grafis.

        Benchmarking pada SiSoft Sandra kali ini lebih menonjolkan perbandingan GPU masing-masing laptop. GPU (Graphics Processing Unit) merupakan prossesor yang bertugas secara khusus untuk mengolah tampilan grafik. Dalam perkembangannya, GPU hingga saat ini sudah semakin kompleks dan semakin tinggi speknya sehingga mendukung untuk menampilkan grafik terbaik pada game saat ini.     

Website Dengan Antarmuka Yang Menarik

Pada postingan kali ini, saya akan membahas sebuah website yang saya anggap mempunyai antarmuka yang menarik, yaitu www.dribbble.com. Dribbble merupakan sebuah website untuk para komunitas desainer (desainer website, desainer grafis, desainer logo, ilustrator dan lain-lain), khususnya untuk desain antarmuka.

Menurut saya tampilan website ini cukup simple dan user-friendly. Di bagian atas hanya terdapat 8 menu yang terdiri dari Shots, Explore, Designers, Teams, Jobs, About, Sign Up dan Sign In. Di sebelahnya terdapat bar pencarian berwarna putih. Bagian tengah website merupakan kolom untuk menampilkan desain-desain yang telah dikelompokkan berdasarkan ‘Shots’. Sedangkan di bagian bawah terdapat kolom informasi pekerjaan, iklan, komunitas dan lain-lain.