Senin, 24 Maret 2014

Selamat Ulang Tahun


*bacalah sambil mendengarkan lagunya, maka kau akan tahu sebenar-benarnya hatiku bicara*

Hai, bagaimana dengan hari ini? 
sudahkah malam-malam diperantauanmu mulai menunjukkan persahabatannya yang hakiki?
tidur lelapkah?
bagaimana dengan rasa makanan yang biasa disantap setiap harinya?
masihkah tertanam rasa rindu dan masih sulit menyesuaikan keadaan dengan jarak yang terbentang dari rumah?

Pada akhirnya merantau menjadi satu pilihan yang diyakini terbaik sampai saat ini, berbekal modal  restu kedua orangtua, semangat menggebu untuk menggapai cita-cita, dan kemampuan untuk menerima bahwa harus berjauhan dengan mereka saat ini adalah cara terbaik untuk mencapai satu titik kedekatan hakiki nantinya.

kamu melangkah, bahkan jauh lebih cepat dari targetan yang seharusnya baru akan lepas landas. kamu sudah jauh melesat. kamu berlari, bahkan hitungannya bisa lebih jauh dari kilometer yang dulunya sempat tidak kamu yakini untuk kamu lampaui, kamu berkembang, bertumbuh, semakin cantik, semakin dewasa, semakin bijaksana, dan hari ini kamu kembali membuktikannya. pertambahan satu usia baru.

hari ini, adalah hari dimana Ibu berjuang sekuat tenaga sebagai perantaraNya untuk memberikan kehidupan baru untukmu. hari dimana Ayah menumbuhkan rasa optimis dan harapan tentang sebuah mimpi, hari dimana kelak kamu akan berbagi kasih sayang dengan kakak dan adikmu sendiri. hari dimana kamu sangat berterimakasih atas kehidupan yang sudah kamu dapatkan sampai sejauh ini. dan sekarang kamu berkembang sangat pesat.

tidak salah kala itu Ayah menyisipkan kata "rani" yang berarti berani di sela-sela namamu, kamu berani untuk menunjukkan kepada mereka yang seringkali melirikmu dari sebelah mata, yang tidak jarang ingin membuatmu tampak hanya sebagai bahan bualan atau lelucon mereka. kamu berani merangkak dari bawah hingga akhirnya berada di posisi puncak dan membuktikan kepada mereka siapa kamu sesungguhnya. dan sekarang, mereka benar-benar terbelalak dengan pencapaianmu. Maha Karya Allah yang luar biasa kamu bisa sampai pada tahap sejauh ini.

tidak hanya berhenti disitu saja, kamu sekarang tumbuh jauh berbeda. kalau dulu kita saling bersaing satu sama lain, mencari posisi, menggali terus potensi diri, berlomba membuat ayah dan ibu bangga dengan semua pencapaian-pencapaian kita. tapi sekarang kita satu tim, saling bekerjasama, menyemangati, mendoakan.

Selamat atas pertambahan usiamu mbak, terimakasih untuk Allah Maha Pencipta yang menjadikan aliran darah yang mengalir ditubuhmu sama dengan yang ada pada tubuhku. Menjadikanmu satu-satunya kakak perempuan untukku yang selalu bisa ku jadikan inspirasi.

selamat untuk kehidupan baru pada fase perantauanmu ini mbak, nikmati setiap keajaiban-keajaiban yang sudah Allah susun untukmu, dan bersiaplah untuk setiap kejutan-kejutan yang nantinya Allah tunjukkan untukmu. Tenang saja, do'a Ayah dan Ibu juga dariku dan mas sendi akan selalu menjagaimu setiap waktu.

selamat untuk kesempatan meraih cita-citamu mbak,

dari adikmu sekaligus penggemarmu nomor satu :)

Minggu, 05 Januari 2014

Heuristic Evaluation

Salah satu cara untuk menguji keberhasilan sebuah antarmuka adalah dengan melakukan heuristic evaluation (HE). Dan menurut Galitz (2007), cara ini bukanlah cara yang terbaik, namun cara ini adalah yang paling popular. HE dilakukan oleh beberapa orang evaluator yang berkompeten di bidang pengembangan antarmuka. Dan evaluator tersebut akan diminta untuk menilai antarmuka yang telah kita buat dengan menggunakan heuristic evaluation checklist. Metode ini dikembangkan oleh Nielsen.

Ada 10 komponen yang perlu dievaluasi yaitu:
  1. Visibility of system status
  2. Match between system and the real world
  3. User control and freedom
  4. Consistency and standards
  5. Error prevention
  6. Recognition rather than recall
  7. Flexibility and efficiency of use
  8. Aesthetic and minimalist design
  9. Help users recognize, diagnose, and recover from errors
  10. Help and documentation
adapun referensi yang digunakan adalah sebagai berikut  :
Nielsen J. 1995a. 10 Usability Heuristics for User Interface Design.
http://www.nngroup.com/articles/ten-usability-heuristics/
Nielsen J. 1995b. Severity Ratings for Usability Problems
http://www.nngroup.com/articles/how-to-rate-the-severity-of-usability-problems/

Aesthetic and Minimalist Design - bursatanahabang.com

Pada kesempatan kali ini saya akan mencoba menguliti bagian Aesthetic and Minimalist Design pada website bursatanahabang.com .

1. ketika masuk pada halaman utama dari bagian utama website ini tampak beberapa gambar yang menyebar di beberapa sudut website.



halaman home pada website
2. bila dibandingkan dengan tampilan home yang ini sedikit rancu dengan kemunculan kalimat dengan tulisan berwarna merah, yang ternyata hanya muncul ketika saat-saat tertentu saja. peletakannya ditengah dengan spasi yang cukup dekat dengan iklan yang ada dibawahnya.


tulisan berwarna merah hanya muncul saat-saat tertentu saja.

3. kondisi peletakan iklan yang tidak karuan, hampir disemua sudut ada. bahkan bisa jadi orang tertukar antara produk yang ditawarkan oleh website itu sendiri dengan iklan yang muncul pada website tersebut.


peletakan iklan di sisi sebelah kanan website
peletakan iklan disisi sebelah kiri website
peletakan iklan dibagian footer
meletakkan iklan di header website
4. kondisi ketika website diminimize ternyata justru mempersulit pengguna, karena pengguna harus scroll-up-down dan geser kanan kiri untuk melihat menu-menu yang ada, sebab website belum bisa menyesuaikan kondisi bila layar diminimize.


kondisi layar ketika diminimize


Rekomendasi:
1. untuk website sebaiknya tidak terlalu banyak memuat iklan.
2. kondisi website sebaiknya bisa menyesuaikan dengan layar, ketika diminimize menyesuaikan tetapi fungsi tetap berjalan dengan baik, dan ketika kondisi normal juga tidak masalah

Saverity Ratings: 2

Error Prevention - bursatanahabang.com

tujuan dari error prevention adalah bagaimana sebuah website dapat digunakan untuk mencegah terjadinya suatu error yang dibuat oleh pengguna akibat kesalahan memasukkan input atau menjalankan suatu taks pada fungsi website tersebut.

menurut saya error prevention dari website bursatanahabang.com ini sangat kurang. karena ketika saya mencoba untuk melakukan daftar dan harus registrasi terlebih dahulu. saya memasukkan data sesuai dengan prosedur yang ada, kecuali pada bagian nomor telepon.


saya dengan sengaja masukkan huruf bukan angka akan tetapi ternyata website bisa menerima. dan ternyata registrasi berhasil dilakukan.

memasukkan huruf pada kolom telepon, padahal seharusnya angka yang dimasukkan
ternyata proses registrasi tetap berhasil
saya juga mencoba untuk fungsi resetnya, semua data saya isi dengan benar kemudian saya tekan tombol reset.  seharusnya pada saat saya menekan tombol reset ada notifikasi yang muncul. misalnya saja,
apakah anda yakin akan me-reset ulang?
atau dengan bentuk notifikasi yang lainnya untuk meyakinkan pengguna. akan tetapi pada website ini belum menyediakan fasilitas muncul notifikasi seperti itu. 



dan yang terjadi ketika ditekan reset adalah tidak semuanya ter-reset. hanya bagian password, ulang password dan kode captcha yang kosong. padahal seharusnya fungsi reset itu sendiri adalah mengembalikan kondisi seperti semula yang berarti kondisi ketika form belum diisi (masih kosong).


hasil setelah direset ternyata tidak kembali pada posisi awal (field kosong)
kekurangan juga terlihat pada saat pengguna akan mengisi form resgistrasi, karena dibagian itu tidak terdapat pembedaan antara field yang memang harus diisi dan tidak boleh dibiarkan kosong, meskipun pada kalimat sebelumnya berbunyi bahwa semua field harus diisi. 
posisi form registrasi


Rekomendasi :

1.website ini perlu menyediakan fungsi notifikasi untuk mencegah pengguna melakukan kesalahan input, atau kesalahan mengambil keputusan.
2.sebaiknya untuk bagian peringatan semua field harus diisi tidak diletakkan sebagai kalimat sebelumnya, namun lebih baik menggunakan (**xxx) sebagai tanda bahwa field tersebut tidak boleh dibiarkan kosong.

Saverety Ratings: 4

Consistency and standards

pada bagian consistency and standards ini, saya akan mencoba menganalisis beberapa bagian dari website bursatanahabang.com.

1. Gambar (Image)
hal pertama yang pastinya akan dilihat oleh pengguna atau calon pembeli pada website online shop seperti ini adalah ada atau tidaknya gambar yang merepresentasikan produk yang ditawarkan. 

kemungkinan besar, apabila gambar tidak tersedia boleh jadi pengguna atau calon pembeli langsung berpindah haluan mencari website lain yang menyediakan gambar jauh lebih meyakinkan dan bisa merepresentasikan produknya.


pada website ini ada hal yang sangat fatal, ketika beberapa produk tidak mencantumkan gambar produk yang ditawarkannya. tentu hal ini menimbulkan keraguan bagi pengguna, apakah memang produk tersebut tidak ada atau memang produk tersebut ada namun ternyata tidak ada barangnya. 


ada beberapa produk yang tidak ditampilkan representasi gambarnya.


awalnya saya mengira bahwa gambar untuk produk tersebut tidak ditampilkan karena pilihan warna/jenis untuk produk yang ditawarkan lebih dari tiga (melebihi kapasitas). namun setelah dicek untuk produk yang lain dengan pilihan jauh lebih banyak gambar untuk produk tersebut tetap ditampilkan.
ada beberapa produk yang ditampilkan gambarnya pada saat memilih menu, namun ada pula yang tidak available image
2. Urutan dan Format Penulisan
pada urutan menu untuk bagian header website dengan bagian footer berbeda. meskipun terlihat kecil, tetapi tetap saja ini belum memenuhi konsistensi pada penulisan yang seharusnya diterapkan pada website yang baik.
perbedaan urutan menu
3. Perbedaan Penamaan Tab Menu
ketidaksesuaian juga terjadi pada bagian menu bila dipilih kemudian dibuka melalui open new tab. judul menu seharusnya sama dengan judul menu ketika dilakukan open new tab, akan tetapi pada menu 'konfirmasi' tab menu yang muncul justru bernama 'Bursa Tanah Abang..." sesuai dengan tampilan menu home.


perbedaan nama menu dengan menu title
4. Penggunaan Huruf Kapital 
penggunaan huruf kapital pada setiap kata juga kurang sesuai, terlebih ketika dibagian paling akhir menu ada format tulisan dengan font yang berbeda dan ternyata fungsi dari menu tersebut menyambungkan dengan website yang lain (terpisah dari website semula). 


perbedaan format tulisan dan jenis font yang digunakan
5. Penggunaan Warna
penggunaan warna yang dirasa kurang padu ketika disandingkan dengan bagian website secara lainnya. ada keterangan berwarna merah yang teranyata memang hanya muncul pada hari-hari tertentu saja (seperti pemberitahuan). dan penggunaan berbagai macam warna lainnya yang bisa membuat bingung pengguna. padahal ketentuan yang sudah dimengerti oleh masyarakat adalah untuk menunjukkan menu/fungsi tersebut adalah hyperlink adalah dari warna biru.


Rekomendasi :
1. untuk website online shop seperti ini seharusnya tetap mencantumkan gambar untuk menjelaskan kepada pengguna mengenai produk yang ditawarkan. 
2. pada urutan penulisan tidak menggunakan huruf kapital semua dalam satu kata atau dalam kalimat, dan juga termasuk dalam jenis font yang digunakan juga harus lebih konsisten lagi.
3.untuk penggunaan warna disesuaikan lagi dengan tampilan website secara keseluruhan dan disesuaikan dengan standart yang ada. seperti misalnya apabila menu tersebut menghubungkan dengan yang lain (link) maka berwarna biru. 

Saverty Rating: 3

Visibility of system status - bursatanahabang.com

pada kesempatan yang kedua, saya akan membahas tentang Visibility of system status. perlu diketahui bahwa visibility of system status adalah tentang dimana pengguna saat ini sedang berada, dan kemana pengguna bisa pergi selanjutnya dari suatu kondisi atau state tersebut. 

namun juga tidak hanya berhenti disitu saja, visibility of system status juga bisa diartikan sebagai apa saja yang bisa terlihat oleh pengguna dan fungsi-fungsi apa saja yang akan dikerjakan pengguna melalui website tersebut. terkait pula tentang feedback yang nantinya akan diberikan oleh website untuk setiap tindakan yang dipilih oleh pengguna.

saya akan mencoba menganalisis beberapa bagian dari website bursatanahabang.com terkait dengan visibility of system status

berikut adalah tampilan home pada website bursatanahabang.com
tampilan awal website bursatanahabang.com
dari tampilan home sudah bisa diketahui bahwa situs bursatanahabang.com ini adalah situs belanja online pakaian dengan beberapa kategori. situs tersebut memudahkan bagi pengguna yang ingin mencari pakaian baik itu perempuan ataupun laki-laki tanpa harus mendaftar untuk menjadi member terlebih dahulu.

pada bagian kanan atas terdapat beberapa menu bar seperti home, order, cara pembayaran dsb, saya mencoba untuk mencari informasi order terlebih dahulu,  ketika mouse menyentuh pada pilihan menu Cara Order  font pada menu tersebut berubah warna yang semula biru menjadi merah yang menandakan bahwa posisi saya masih berada pada home dan apabila saya menekannya berarti saya beralih menuju menu Cara Order.

menu berubah warna ketika pengguna memilihnya tanpa menekan tombolnya

kemudian setelah saya masuk ke dalam menu tersebut ternyata warna font berubah kembali menjadi biru seperti semula. akan tetapi halaman sudah berganti dari home menjadi halaman Cara Order Bursatanahabang.com. sebenarnya yang demikian sudah bisa memberikan informasi kepada pengguna bahwa posisi pengguna sekarang berada pada menu Cara Order akan tetapi apabila melihat ke bagian kanan atas tidak cukup jelas menunjukkan keberadaan dari pengguna.

tidak tampak perubahan warna pada menu bagian atas kanan yang dipilih oleh pengguna.
hanya menampilkan judul dari menu yang dipilihnya tadi.

2. Umpan balik (feedback) dari website
sudah baik ketika website ini memberikan  feedback ketika pengguna melakukan transaksi pembayaran danmengisi data yang sesuai kemudian mengkonfirmasinya dengan menekan tombol ok, website bursatanahabang.com ini akan memunculkan notifikasi yang berisi pesan bahwa transaksi sudah berhasil dilaksanakan.

feedback yang diberikan oleh website ketika pengguna sudah melakukan
transaksi konfirmasi pembayaran
begitu pula ketika pengguna berhasil memberikan testimonial terhadap website tersebut, maka notifikasi akan muncul kembali.


feedback dari website ketika selesai mengisi testimoni.
tidak hanya berhenti pada transaksi konfirmasi pembayaran saja, feedback yang diberikan oleh website bursatanahabang.com ini juga berlaku pada setiap transaksi yang dilakukan oleh pengguna.

misalkan saja ketika pengguna selesai memilih produk yang akan dibeli dan akan melakukan cek ulang untuk memastikan detail pembeliannya maka website akan memunculkan pilihan status pembelian yaitu belum diproses dan bagi pengguna dipersilahkan untuk memilih bahwa pembelian akan tetap dilaksanakan atau akan membatalkan pembelian.


notifikasi status 'belum diproses'
sesaat setelah dikonfirmasi dan mengakhiri pilihan dengan menekan tombol ok seperti biasanya, website akan memunculkan kembali notifikasi berupa pesan bahwa pembelian akan segera diproses berikut dengan nomor pembeliannya.



feedback juga secara cepat diberikan oleh website kepada pengguna yang kemudian membatalkan transaksi pembeliannya.

perubahan cepat untuk jumlah barang yang akan dibeli, yang semula 1 menjadi 0
dan ketika melakukan pencarian pun, website memberikan respon yang relatif singkat. pengguna hanya perlu memasukkan kode barang yang akan dibeli (tidak harus lengkap) karena website akan memunculkan produk  yang mengandung variable-angka-atau huruf yang dimasukkan oleh pengguna pada bagian cari kode barang


contoh hasil pencarian dengan memasukkan kode barang '45'

Rekomendasi :
1. untuk mempertegas keberadaan pengguna, bisa dengan membedakan warna background pada menu -yang pengguna sedang berada disana- agar terlihat jelas keberadaan pengguna.

dengan membedakan warna antara menu yang sedang dikunjungi dengan yang tidak
2.  untuk menu pencarian barang akan lebih baik bila feedback yang diberikan oleh website bisa langsung diterima oleh pengguna dengan otomatis menampilkan produk-produk yang dimaksud meskipun baru diketikkan beberapa huruf atau angka saja. 

misalkan disini dengan mengetikkan rumah kemudian muncul semua pilihan kategori atau macam-macam rumahnya:
contoh ketika diketikkan kata 'rumah' kemudian muncul beberapa pilihan
Severity Rating : 1

Help users recognizse, diagnose, and recover form errors - bursatanahabang.com

untuk artikel yang pertama ini saya akan mencoba membahas tentang Help users recognizse, diagnose, and recover form errors. 
"Pesan error sebaiknya disampaikan dalam bahasa yang umum (bukan kode program), mengindikasikan masalah dengan tepat, dan mengusulkan solusi secara konstruktif."
sebuah website yang baik pasti akan memberikan notifikasi apabila pengguna melakukan kesalahan terhadap sebuah task. Pada website bursatanahabang.com ini akan  memberikan notifikasi ketika pengguna melakukan kesalahan atau bahkan ketika pengguna lupa untuk memasukkan field pada beberapa bagian yang sudah ditentukan.

ada beberapa kondisi yang akan menyebabkan website bursatanahabang.com mengeluarkan notifikasi untuk penggunanya.


1. Tidak sesuai format yang benar

ketika melakukan transaksi pembelian barang, pengguna diharuskan untuk mengisi data sesuai dengan perintah yang sudah diberikan oleh website, pada bursatanahabang.com pengguna yang akan melakukan transaksi diwajibkan untuk melengkapi data seperti nama lengkap, alamat email dan data lainnya. ada satu kondisi ketika pengguna tidak memasukkan alamat email sesuai formatnya.
format benar : xx@xx.xx
dan ketika memasukkan alamat email selain dari format tersebut, ternyata website memberikan notifikasi berupa peringatan,
Alamat email yang Anda masukan tidak valid.
notifikasi ini berguna agar pengguna bisa segera melengkapi data yang masih salah formatnya dan bisa langsung melanjutkan transaksi pembeliannya. akan tetapi kelemahan notifikasi pada website ini yaitu notifikasi kesalahan atau pemberitahuan error ini hanya akan muncul ketika pengguna sudah menekan tombol ok. 
notifikasi muncul karena alamat email tidak ditulis dalam format yang benar
setelah 'TEKAN OK' maka notifikasi baru akan muncul.

lain halnya ketika pada kolom e-mail memang sengaja tidak diisi oleh pengguna, maka ketika tombol ok ditekan akan muncul notifikasi
Silahkan masukan email Anda
Add caption
notifikasi yang muncul ketika salah memasukkan kode captcha

2. notifikasi saat transaksi dilakukan muncul ketika saya mencoba menambahkan lagi produk yang ingin saya beli sedangkan produk yang tersedia terbatas.

notifikasi bahwa barang terbatas
notifikasi barang maksimal yang dibeli
menurut saya hal ini sudah benar, karena pengguna bisa memastikan bahwa bila terjadi kesalahan website akan memberikan notifikasi sesuai dengan kesalahan yang dilakukan.


Rekomendasi :
ada baiknya notifikasi muncul ketika pengguna memang terindikasi melakukan kesalahan, tidak perlu menunggu sampai pengguna selesai dan menekan tombol konfirmasi untuk memunculkan notifikasi tersebut. jadi pengguna bisa segera mengkoreksi kesalahan yang terjadi.

misalnya notifikasi muncul seperti ini,

salah satu contoh dari site : http://female.store.co.id/registrasi.html

Severety Ratings: 0