Help Users Recognize, Diagnose, and Recover from Errors – last.fm

Dalam pembuatan suatu sistem, tentu diperlukan sebuah evaluasi sistem. Salah satu teknik evaluasi yang mudah dilakukan yaitu evaluasi heuristik dari Nielsen. Tekniknya dinamakan ‘heuristik’ karena yang dievaluasi adalah sistem secara keseluruhan dan bukan fungsi-fungsi spesifik seperti pada guideline sistem. Ada 10 teknik secara keseluruhan dan disini akan dicoba bahas salah satu poinnya yaitu 'Help Users Recognize, Diagnose, and Recover from Errors'

Dalam poin heuristik ini, pesan error harusnya dapat diungkapkan dalam bahasa biasa sehari-hari (bukan berupa code) Jelas mengindikasikan masalah dan mensugesti sebuah solusi.

Berikut akan ditampilkan dua permasalahan yang ditemukan dalam situs populer, last.fm menurut poin 'Help Users Recognize, Diagnose, and Recover from Errors'

Ringkasan Masalah

Pesan Error menggunakan bahasa yang tidak umum.

Deskripsi Masalah

Saat pengguna mengetik address yang tidak ada di site, last.fm memberikan jendela baru yang memberikan pesan error. Sepertinya halaman errornya sudah baru karena terakhir saya cek saat pesan error diberikan, Iayout masih berupa layout normal last.fm lalu ada pesan error di dalam body text. Menurut saya, jendela error sebelumnya lebih bagus karena bahasa yang digunakan lebih umum diketahui orang yang tidak mengenal istilah komputer (sayang gaada screenshot untuk jendela sebelum perbaharuan).

Dapat dilihat dari color-scheme pun beda dari konten last.fm yang penuh merah menjadi warna cerah biru lalu pesannya pun “HTTP 404” penjelasannya pun asing “Web server cannot find the file or script you requested. Please check the URL to ensure that the path is correct.” (yang di garis bawah merupakan kata tidak umum)

Rekomendasi Perbaikan

Warna biru bisa saja dirubah menjadi warna merah dari last.fm biar masih ada kesinambungan dengan tema last.fm. untuk penggunaan bahasa menurut opini saya, kalimatnya diubah menjadi “We cannot find what you’re looking for. Please check if the address typed is correct.”

Severity Rating : 3

Menurut saya ini lumayan bermasalah dan lebih cepat diperbaiki lebih baik.

 _____________________________________________________________________

Ringkasan Masalah

Penggunaan bahasa yang ambigu dalam prompt message.

Deskripsi Masalah

Saat ingin melakukan registrasi, pengguna diperuntukkan untuk mengisi username, email address, dan password. Untuk pengisian password bahasa yang digunakan untuk petunjuk pengisian (prompt) adalah sebagai berikut.

Penggunaan kata “be clever” sangat sangat ambigu. Apa yang dimaksudkan dengan cerdas? Lalu saya coba ketik hanya satu karakter.

 

Hasil OK?? Yakin? Satu karakter itu cerdas? Bisa saja namun apakah itu aman? I doubt it.

Rekomendasi Perbaikan

Berikan batasan pengisian password agar pengguna tidak dibuat bingung. Kalimat “Be Clever” sangat-sangat tidak mendukung keputusan pengguna.

Severity Rating : 4

Kalimat ini sangat tidak bagus. Kalau bisa segera diperbaiki.

Sumber teori : http://nngroup.com

Consistency and standards – last.fm

Dalam pembuatan suatu sistem, tentu diperlukan sebuah evaluasi sistem. Salah satu teknik evaluasi yang mudah dilakukan yaitu evaluasi heuristik dari Nielsen. Tekniknya dinamakan ‘heuristik’ karena yang dievaluasi adalah sistem secara keseluruhan dan bukan fungsi-fungsi spesifik seperti pada guideline sistem. Ada 10 teknik secara keseluruhan dan disini akan dicoba bahas salah satu poinnya yaitu 'Consistency and standards'

Dalam poin heuristik ini, Pengguna tidak seharusnya memikirkan apabila kata, situasi, atau aksi berbeda maksudnya adalah sama. Mengikut konvensi platform.

Berikut akan ditampilkan dua permasalahan yang ditemukan dalam situs populer, last.fm menurut poin 'Consistency and standards'

Ringkasan Masalah

Di halaman utama untuk registrasi akun, ada dua tombol berbeda yang artinya sama.

Deskripsi Masalah

Saat baru membuka last.fm, pengguna diantar ke halaman utama web yang isinya meruntukkan kita untuk membuat profil (create my profile). Namun pada menu header site, ada juga pilihan Join penggunapun akan diantarkan ke halaman registrasi seperti pada pilihan create my profile.

Rekomendasi Perbaikan

Untuk tombol dengan label create my profile diganti dengan join me in! Supaya tidak ada perbedaan dengan tombol pada menu header.
Solusi alternatif yaitu menghilangkan tombol create my profile dan memberikan gambaran tombol Join pada menu header sebab gambar untuk gabung tersebut hanya ada di halaman utama paling atas maka tombol join sudah terlihat tanpa harus memencet tombol lain.

Severity Rating : 3

Saya berikan prioritas rendah sebab masalah ini tidak berpengaruh langsung kepada sistem namun akan lebih baik bila diperbaiki.

 _____________________________________________________________________

Ringkasan Masalah

Dua tipe link tapi tidak jelas perbedaannya apa.

Deskripsi Masalah

Dapat dilihat berikut bahwa ada tiga fontcolor yaitu hitam, merah dan biru. Hitam merupakan teks biasa lalu biru merupakan link. Namun, tidak jelas apa teks merah merepresentasikan apa. Sebab pada tulisan “friends who listens to...” merupakan sebuah link, namun untuk teks di kiri “Listening Trend” saat di hover cursor tidak keluar link berari itu adalah teks biasa. Berbeda tapi warna sama? Makes you think, right?

Rekomendasi Perbaikan

Gunakan satu warna lagi sebagai bentuk link. Berikan legenda agar jelas perbedaan link merah dan biru apa. Solusi alternatif yaitu tidak menambah warna tapi membuat teks yang bukan link dan memakai merah diganti dengan hitam untuk jelas bahwa memang yang hitam tidak bisa dibuka / hanyalah teks biasa.

Severity Rating : 4

Menurut saya ini kekurangan yang lumayan berat sebab pengguna benar-benar akan bingung dengan warna yang seperti itu.

Sumber teori : http://www.nngroup.com

User Control and Freedom - last.fm

Dalam pembuatan suatu sistem, tentu diperlukan sebuah evaluasi sistem. Salah satu teknik evaluasi yang mudah dilakukan yaitu evaluasi heuristik dari Nielsen. Tekniknya dinamakan ‘heuristik’ karena yang dievaluasi adalah sistem secara keseluruhan dan bukan fungsi-fungsi spesifik seperti pada guideline sistem. Ada 10 teknik secara keseluruhan dan disini akan dicoba bahas salah satu poinnya yaitu 'User Control and Freedom'

Dalam poin heuristik ini, Pengguna sering salah memilih fungsi sistem dan perlu ‘pintu keluar’ yang jelas dilabel untuk meninggalkan keadaan tak diinginkan tanpa harus melewati dialog tambahan. Dapat melakukan proses undo dan redo.

Berikut akan ditampilkan dua permasalahan yang ditemukan dalam situs populer, last.fm menurut poin 'User Control and Freedom'

Ringkasan Masalah

Pengguna tidak dapat melakukan cancel operation saat sedang berjalan.

Deskripsi Masalah

Saat pengguna melakukan suatu pekerjaan seperti melakukan upload avatar atau post shoutbox pengguna tidak dapat meng-cancel operasi yang sedang dilakukan.  Hanya akan muncul throbber untuk memberi tahu operasi sedang dikerjakan tetapi tidak ada tombol cancel.

Rekomendasi Perbaikan

Saat melakukan proses penambahan entry dari pengguna, lebih baik menggunakan progress bar yang jelas terlihat proses operasi sudah berapa persen lalu adanya icon X atau link cancel untuk memberhentikan operasi.

Severity Rating : 2

Lebih baik diperbaiki tetapi bukan prioritas yang tinggi sebab hal-hal yang diproses sudah dibatasi sizenya sehingga kerugian yang diterima pengguna tidaklah besar.

_____________________________________________________________________________

Ringkasan Masalah

Tidak ada fitur undo untuk operasi yang memiliki konsekuensi serius.

Deskripsi Masalah

Pada last.fm, kita mempunyai beberapa kebebasan, yaitu melakukan post dan delete shoutbox, melakukan reset scrobble, bahkan menghapus akun. Bila suatu aksi diproses, pengguna akan ditampilkan window konfirmasi. Bila sudah dipencet oke, maka pengoperasian tersebut tidak bisa dikembalikan.

Rekomendasi Perbaikan

Sebaiknya setelah pengguna mengkonfirmasi  operasi, sistem memberikan pesan konfirmasi lalu ada dialog box berisi perintah reset untuk mengembalikan keadaan sistem.

Severity Rating : 3

Walaupun sudah ada konfirmasi apakah benar-benar ingin melakukan operasi tersebut tetap saja penting untuk mengadakan opsi untuk mengubah kembali apa yang baru saja dipilih.

Sumber teori : http://www.nngroup.com/

Match Between System and the Real World – last.fm

Dalam pembuatan suatu sistem, tentu diperlukan sebuah evaluasi sistem. Salah satu teknik evaluasi yang mudah dilakukan yaitu evaluasi heuristik dari Nielsen. Tekniknya dinamakan ‘heuristik’ karena yang dievaluasi adalah sistem secara keseluruhan dan bukan fungsi-fungsi spesifik seperti pada guideline sistem. Ada 10 teknik secara keseluruhan dan disini akan dicoba bahas salah satu poinnya yaitu 'Match Between System and the Real World'

Dalam poin heuristik ini, lebih ditekankan kalau sistem seharusnya berbicara dengan bahasa pengguna. Perkataan dan konsep yang digunakan adalah yang sering didengar pengguna di kehidupannya sehari-hari dibandingkan dengan kata-kata yang terpusat ke sistem sekali. Seharusnya membuat informasi yang ditampilkan terurut secara natural.

Berikut akan ditampilkan dua permasalahan yang ditemukan dalam situs populer, last.fm menurut poin 'Match Between System and the Real World'

Ringkasan Masalah

Pilihan menu pada header tidak ada aturan yang jelas.

Deskripsi Masalah

Menu pada header tidak menunjukkan keteraturan sekuens yang jelas bagi pengguna.

Rekomendasi Perbaikan

Urutan menu diurut sesuai abjad ascending untuk memudahkan

Severity Rating : 1

Hanya masalah penampilan. Tidak ada masalah dengan sistem dan pilihan menupun sedikit jadi tidak akan terlalu menggangu. Namun bisa saja menjadi hal yang mengganggu untuk beberapa tipe pengguna.

 _____________________________________________________________________

Ringkasan Masalah

Tidak adanya penggunaan field prompt dalam mengisi form registrasi.

Deskripsi Masalah

Saat melakukan registrasi akun baru, pengguna harus mengisi beberapa field form. Namun tidak terdapat prompt text di dalam field ini. (maksudnya prompt text adalah teks petunjuk yang ada didalam field. Teks ini muncul apabila field masih belum terisi dan akan hilang bila sudah diisi.) Dengan penjelasan pengisian ditaruh di samping dan bukan di dalam dapat men-delay sedikit waktu berpikir pengguna.

Rekomendasi Perbaikan

Petunjuk penulisan form lebih baik dijadikan prompt text daripada ditaruh di samping. Pesan disamping hanya muncul bila ada kesalahan dalam pengisian atau informasi validitas saja.

Severity Rating : 2

Sebaiknnya diperbaiki tapi tidak memiliki prioritas yang tinggi


Sumber teori : http://nngroup.com

Visualisasi Data ~Pegawai Sipil Indonesia Menurut Jenis Kelamin dan Jangkauan Umur Tahun 2012 dan 2013

Untuk tugas Visualisasi Data Interaksi Manusia dan Komputer kali ini, saya akan mencoba melakukan visualisasi data Pegawai Sipil Indonesia menurut jenis kelamin dan pengelompokkan umur untuk tahun 2012 dan 2013. Visualisasi digunakan dengan aplikasi online infogr.am. 

Berikut tersedia tiga chart.

1. Pertama : columnchart yang memperlihatkan jumlah pegawai tiap kelompok umur yang terbagi menjadi male dan female untuk tahun 2012 dan 2013. Karena perbedaan rasio yang cukup besar antara range umur 18-20 dan 66-70 dengan kelompok umur yang lainnya (1000s dan 100s vs 100000s), angka pekerja pada kelompok yang disebutkan tidak terlihat melalui columnchart maka diuraikan dalam piechart.
2. Kedua : piechart perbandingan pekerja male dan female untuk keseluruhan dan tiap kelompok umur pada tahun 2012. 
3. Ketiga : piechart perbandingan pekerja male dan female untuk keseluruhan dan tiap kelompok umur pada tahun 2013.

Number of Civil Servants Based on Age Groups | Create infographics

Berdasarkan chart diatas, dapat dikemukakan beberapa kesimpulan:

1. Pada tahun 2012 dan 2013, pegawai sipil Indonesia terbanyak tergolong pada grup usia 46-50.
2. Pada tahun 2012 dan 2013 secara keseluruhan didominasi jenis kelamin lelaki (Male), namun untuk kalangan umur 21-35, jenis kelamin wanita (Female) melebihi kaum lelaki (Male) dalam kelompok umur tersebut.

Sumber buku dan data : Statistika Indonesia 2014 terbitan Badan Pusat Statistika hal. 53
Tabel 2.3.6 Jumlah Pegawai Negeri Sipil Menurut Kelompok Umur dan Jenis
Kelamin, Desember 2012 dan Desember 2013

Linux Command Line: w3m & rsync

Section 1 - w3m

w3m adalah web browser Linux yang berjalan pada terminal. bedanya w3m dengan terminal web browser lain yaitu w3m support images, tabs, tables, frames, dll. fitur ini biasanya tidak tersedia pada terminal web browser lain.
contoh terminal yang support gambar yaitu XTerm

berikut command-command yang dapat dijalankan

-t tab atur lebar tab

       -r     menghiraukan efek backspace

       -l line
              banyaknya preserved line (default 10000)

       -B     load bookmark

       -bookmark file
              spesifikasi bookmark file

       -T type
              spesifikasi content-type

       -m     internet message mode

       -v     visual startup mode

       -M     monochrome display

       -F     render frame secara otomatis

       -dump  membuang halaman yang diformat ke stdout

       -cols width
              spesifikasi lebar kolom (digunakan bersama -dump)

       -ppc count
              spesifikasi banyak pixel/karakter (default 8.0) 
              Nilai lebih besar maka tabs jadi lebih sempit

       -dump_source
              buang page source ke dalam stdout

       -dump_head
              buang respon dari HEAD request ke dalam stdout

       -dump_both
              buang HEAD dan source ke dalam stdout

       -dump_extra
              buang HEAD, source, dan extra information ke dalam 
              stdout

       -post file
              menggunakan POST method dengan file content

       -header string
              insert string sebagai header

       + menuju baris ke- 

       -num   menunjukkan nomor baris

       -no-proxy
              don’t use proxy

       -no-mouse
              don’t use mouse

       -cookie
              use cookie.

       -no-cookie
              don’t use cookie

       -pauth user:pass
              proxy authentication

       -S     squeeze multiple blank lines

       -W     toggle wrap search mode

       -X     don’t use termcap init/deinit

       -title [=TERM]
              set buffer name to termianl title string.  If TERM is 
              specified, use the TERM style title configuration.

       -o opt=value
              assign value to config option

       -show-option
              show all available config option

       -config file
              specify config file

       -help  show usage

       -version
              show w3m version

       -debug DO NOT USE

Contoh penggunaan

To use w3m as a pager:
       $ ls | w3m

To use w3m to translate HTML files:
       $ cat foo.html | w3m -T text/html

or
       $ cat foo.html | w3m -dump -T text/html >foo.txt

 =======================================

Section 2 rsync

rsync merupakan command pada command line yang menyediakan servis backup dan synchronizing data. perintah ini dapat dipakai untuk melakukan backup files secara lokal ke direktori berbeda dan dapat juga dikonfigurasi untuk sinkronisasi dengan host lain melalui internet

secara keseluruhan ada enam cara penggunaan rsync:
1. menyalin file lokal.
2. menyalin file dari mesin lokal ke mesin lain yang jauh jaraknya menggunakan remote shell program sebagai jasa transportnya.(seperti rsh atau ssh).
3. menyalin file dari mesin yang jauh jaraknya ke mesin lokal menggunakan remote shell program.
4. menyalin file dari server rsync jauh ke mesin lokal.
5. menyalin file dari mesin lokal ke server rsync jauh.
6. melakukan listing (mendaftarkan) files pada mesin yang jauh jaraknya.

untuk local backup dapat digunakan perintah berikut:

$ rsync -av --delete /Directory1/ /Directory2/

========================================

referensi
howtogeek.com ( 1 | 2 )
linuxcommand.ord (link)
linux.about.com (link)

this random post is gila

the perfect way to do a lipsync video lol
enjoy XD