Kajian Usability Web bajumuslimku.com

Kajian Usability Web bajumuslimku.com

Pada tulisan kali ini saya akan mengkaji topik mengenai usability website pada situs  bajumuslimku.com dilihat dari 4 jenis tipe user (browser, evaluator, transactor, dan customer), tulisan ini dibuat dalam rangka memenuhi tugas akhir mata kuliah Interaksi Manusia Komputer (IMK) pada bidang ilmu komputer.

Sebelumnya, tentu kita harus mengetahui apa yang dimaksud dengan usability. Menurut Andrew Chak_­­¹,usability berfokus pada memberikan kemampuan bagi user untuk menyelesaikan transaksi jika mereka menginginkannya.  Dalam bukunya, Chak menggambarkan ada 4 jenis user sehubungan dengan usability tadi. Dia menjelaskan bahwa setiap jenis  “user” sebenarnya merupakan customer yang sama, hanya saja berada pada tahapan yang berbeda dalam proses pengambilan keputusan. Berikut adalah penjelasan mengenai 4 jenis user yang disebutkan di atas:

1. Browser     : User yang baru pertama kali mengunjungi suatu website.
2. Evaluator   : User yang sudah cukup mengenal suatu website, dan ingin melihat lebih detail mengenai produk-produk pada website itu.
3. Transactor : User yang akan melakukan transaksi, siap untuk membeli.
4. Customer   : User yang pernah melakukan transaksi pada suatu website dan ingin melakukan transaksi kembali di website itu.

1. Chak, Andrew (2003). Guiding Users with Persuasive Design: An Interview with Andrew Chak, by Christine Perfetti, User Interface Engineering.

Selanjutnya kita akan langsung ke pokok bahasan .

1. Browser

User bertipe Browser adalah user yang baru pertama kali mengunjungi suatu website, bisa saja ia sampai ke website itu hanya karena dihantarkan oleh suatu search engine. Dia belum mengetahui apapun mengenai website itu, dan membutuhkan bantuan untuk mulai menjelajahi website tersebut. Website yang baik, adalah website yang bisa mengatasi masalah untuk user bertipe ini. Kita mulai dengan topik bahasan kita user bertipe Browser.

Hal pertama yang dilihat dari sebuah website adalah bannernya, untuk banner bajumuslimku.com sudah menunjukkan bahwa website tersebut merupakan sebuah web e-commerce yang menjual aneka baju muslim.

Di bagian home, bajumuslimku.com memberikan keterangan keunggulan-keunggulan yang ditawarkannya, hal ini tentu saja akan menarik orang untuk mengetahui produk-produk yang dijual pada web ini.

Selain itu, pada menu bagian atas terdapat menu “how to buy” yang isinya memberi tahu cara-cara untuk berbelanja pada bajumuslimku.com.

Terdapat fitur untuk pencarian yang diletakkan dibagian atas web, sehingga memudahkan pengguna saat membutuhkan fitur tersebut.

Selain hal di atas, web ini juga memiliki kekurangan. Di antaranya adalah tidak terdapat galeri yang menunjukkan produk-produk baru. Kekurangan lainnya adalah pada hasil pencarian. Jika hasil pencarian yang ditemukan sangat banyak, maka semua hasil tersebut akan ditampilkan tanpa paging yang membuat user harus melakukan scrolling

2. Evaluator

User dengan tipe Evaluator,  adalah user yang sudah memiliki informasi  sebelumnya mengenai suatu website dan ingin melihat lebih detail. Ia sudah melakukan beberapa eksplorasi untuk membantunya mengambil keputusan. Ia memiliki beberapa kriteria dan ingin melihat detail dari suatu produk yang ditawarkan di website itu.

Kita lanjutkan topik bahasan kita pada tulisan sebelumnya, kita akan coba menkaji website bajumuslimku.com dilihat dari user bertipe Evaluator.

Karena evaluator ini merupakan user yang sudah memiliki kriteria pemilihan produk, bahkan sebelumnya telah melakukan eksplorasi, maka untuk kajian ini kita buat sebuah contoh kasus. Selanjutnya kita akan melihat produk yang kita perlukan. Misal kita memilih baju sarimbit.

Di sini terdapat kerancuan(lihat tanda panah) ukuran baju dewasa mungkin akan lebih baik jika disebutkan sebagai ukuran blouse wanita, karena di bawahnya terdapat ukuran baju koko.

Untuk bagian detail sudah sangat terperinci:

3. Transactor

User dengan tipe Transactor, adalah user yang memang sudah siap untuk melakukan transaksi, atau dengan kata lain sudah siap untuk membeli produk yang ditawarkan di suatu website. Ia ingin transaksinya berjalan dengan mudah, cepat, dan aman.

Cara belanja di bajumuslimku.com ini cukup sederhana, saat list produk yang dipilih berdasarkan kategori ditampilkan, kita bisa langsung memilihnya dengan  mengklik button “add to chart”

Lalu kita bisa memilih untuk melakukan pembayaran atau akan melanjutkan belanja, jika kita memilih untuk melanjutkan belanja maka produk yang sudah kita pilih akan disimpan di history, dan kita bebas memilih produk lain. Tentu saja hal ini sangat memudahkan seorang user transactor. Setelah semua barang selsai dipilih, maka klik “lakukan pembayaran” dan sistem akan menampilkan semua barang yang sudah dipilih

Jika ingin mengubah jumlah barang yang akan dipesan, pengguna cukup mengganti field “jumlah barang” dengan nilai jumlah barang yang diinginkan. Begitu pun jika pengguna ingin menghapus barang tertentu dari pesanannya, ia bisa langsung mengklik “hapus”. Jika pengguna ingin melakukan pesanan barang-barang yang lain, pengguna cukup mengklik bagian yang ada pada “product category” lalu mengklik “add to chart” untuk menambahkan produk tersebut ke dalam pesanannya.

Bisa dikatakan bajumuslimku.com ini sangat frendly untuk user bertipe trasnsactor ini, hal ini bisa dilihat bagaimana bajumuslimku.com tidak memaksa seorang transactor untuk menjadi member pada website nya untuk melakukan pembelian online. Jika seorang transactor tidak ingin menjadi member, ia cukup mengetikkan data yang diminta sebagai syarat pemesanan, dimana data itu langsung diletakkan di bagian bawah produk-produk yang dipesan.

Bagian “syarat dan ketentuan” pun diletakkan saat pengguna akan melakukan konfirmasi. Hal ini tentu sangat mendukung sebuah web e-commerce, karena pengguna bisa langsung melihat syarat dan ketentuan jika sebelumnya ia belum mengetahui syarat dan ketentuan apa saja yang berlaku pada bajumuslimku.com untuk melakukan transaksi online.

Sayangnya masih ada kekurangan pada validasi provinsi dan kota pengiriman

Selanjutnya, setelah semua data yang dibutuhkan terisi, maka bajumuslimku.com akan menkonfirmasi pembayaran dan pengiriman produk melalui email

4. Customer

User tipe Customer, adalah user yang sudah pernah bertransaksi dan sudah beberapa kali bertransaksi. Ia adalah member yang memiliki hak akses tertentu atas website. Ia harus bisa mengetahui status dari pesanan yang sudah pernah dipesannya.

Pada website bajumuslimku.com, user yang sudah menjadi customer tentu saja tidak diharuskan mendaftar kembali menjadi member. Kelebihan menjadi member dibandingkan dengan yang tidak menjadi member adalah hanya pada inputan data alamat, dimana user yang sudah menjadi member tidak harus menginput ulang data yang diperlukan.

Ternyata web ini tidak mendukung kenyamanan seorang customer, diantaranya seorang customer tidak bisa melihat history belanjanya meskipun ia berstatus sebagai member.  Hal lain adalah, tidak ada fasilitas untuk mengganti password yang diberikan oleh bajumuslimku.com, sehingga jika seorang customer akan kembali login untuk membeli produk akan cukup sulit untuk menghafal password yang diberikan.

Kesimpulan

cukup menyenangkan berbelanja online di  bajumuslimku.com karena sebagian besar interfacenya sudah mendukung beberapa tipe user. Semoga kekurangan-kekurangan yang dipaparkan di sini bisa menjadi bahan pertimbangan untuk perbaikan web tersebut.

Semoga tulisan ini bermanfaat

 

Kajian Usability Website istanabayi.com (Customer)

Kajian Usability Website istanabayi.com (Customer)

User tipe Customer, adalah user yang sudah pernah bertransaksi dan sudah beberapa kali bertransaksi. Ia adalah member yang memiliki hak akses tertentu atas website. Ia harus bisa mengetahui status dari pesanan yang sudah pernah dipesannya.

Pada website istanabayi.com, user yang sudah menjadi customer tentu saja tidak diharuskan mendaftar kembali menjadi member, jika ingin melakukan transaksi ia cukup login dengan data yang sudah ia masukkan pada saat mendaftar.  user tipe ini juga bisa melihat history pesanannya, dan bagaimana status pesanan tersebut.

Hanya saja tidak ada pemberiahuan mengenai kelebihan setelah menjadi member, seperti adanya harga khusus atau sejenisnya.

Kajian ini juga membahas tipe user lain yaitu: browser, evaluator, dan customer

 

Kajian Usability Website istanabayi.com (Transactor)

Kajian Usability Website istanabayi.com (Transactor)

User dengan tipe Transactor, adalah user yang memang sudah siap untuk melakukan transaksi, atau dengan kata lain sudah siap untuk membeli produk yang ditawarkan di suatu website. Ia ingin transaksinya berjalan dengan mudah, cepat, dan aman.

Tulisan kali ini akan membahas website istanabayi.com dilihat dari user transactor.

Pada website istanabayi.com pembelian produk bisa dilakukan dengan dua cara, pertama saat halaman menampilkan list produk (klik button “beli”), dan pada halaman detail produk (klik button “Simpan ke keranjang”). Sayangnya, ketika seorang transactor ingin menambah jumlah dari barang yang dipesannya, dia harus mengklik button “update” yang ada di bagian bawah, bahkan button “update” ini bisa saja tidak terlihat, atau harus melakukan scrolling untuk melihatnya jika list barang yang dipesan cukup banyak.

Selain itu, transactor tidak bisa melakukan pembatalan pemesanan produk barang pada keranjang belanja secara langsung, jika ia ingin membatalkan pembelian suatu produk maka ia harus memasukkan angka “0” pada jumlah barang lalu, menekan kembali button “update” yang sudah dijelaskan sebelumnya. Tentu saja hal ini membuat transactor harus mengeluarkan usaha lebih, dan tentunya hal ini membuat jengkel.

Pada saat transactor akan melakukan pembayaran melalui paypal seperti yang dicantumkan oleh  istanabayi.com pada halaman keranjang belanjanya, maka tentunya transactor harus melakukan konversi mata uang, Sayangnya, pada tulisan tersebut tidak sekaligus memberikan fitur untuk mengkonversi mata uangtetapi transactor diharuskan  mencari lagi menu yang menyediakan konversi mata uang tersebut.

Pada saat melakukan pendaftaran sebagai member, field alamat terlalu pendek membuat tidak nyaman untuk mengisinya.

Setelah terdaftar menjadi member, maka muncul pesan:

Tetapi keuntungan di sana tidak disebutkan secara terperinci.

Website istanabayi.com ini memberikan kita keleluasaan untuk memilih alamat penerima, jika transactor akan mengirimkan pesanannya pada alamat lain, ia bisa mengisi alamat baru, sedangkan jika ia ingin alamat penerima sama dengan alamat yang ia inputkan pada saat mendaftar menjadi member, maka ia tidak perlu mengubah alamat penerima.

Pada saat melakukan transaksi ketentuan pembayaran, istanabayi.com tidak memberikan konfirmasi ongkos kirim yang harus dibayarkan.

Kajian website ini membahas mengenai 3 tipe user lain yaitu: browser, evaluator, dan customer.

 

Kajian Usability Website istanabayi.com (Evaluator)

Kajian Usability Website istanabayi.com (Evaluator)

User dengan tipe Evaluator,  adalah user yang sudah memiliki informasi  sebelumnya mengenai suatu website dan ingin melihat lebih detail. Ia sudah melakukan beberapa eksplorasi untuk membantunya mengambil keputusan. Ia memiliki beberapa kriteria dan ingin melihat detail dari suatu produk yang ditawarkan di website itu.

Kita lanjutkan topik bahasan kita pada tulisan sebelumnya, kita akan coba menkaji website istanabayi.com dilihat dari user bertipe Evaluator.

Karena evaluator ini merupakan user yang sudah memiliki kriteria pemilihan produk, bahkan sebelumnya telah melakukan eksplorasi, maka untuk kajian ini kita buat sebuah contoh kasus. Contoh kasus yang akan kita ambil adalah pada produk baby walker.

Pada saat kategori baby walker diklik, maka website akan menampilkan semua produk yang termasuk dalam kategori tersebut. Tampilan tersebut sudah cukup bagus untuk user evaluator, daftar harga sudah disertakan pada tampilan setiap produk pada kategori itu, sehingga user dengan anggaran yang ada bisa mempertimbangkan produk mana yang akan ia beli.

Selanjutnya, dengan mengklik gambar produk, user bisa melihat detail keterangan atau fitur-fitur yang dimiliki oleh produk tersebut.

Sebagai contoh, produk itu memberikan keterangan akan cocok digunakan untuk anak berusia berapa.

Hanya saja, halaman detail produk ini memiliki kekurangan yaitu, saat user akan melihat produk yang lain, ia tidak bisa mengaksesnya dari halaman tersebut, tetapi harus kembali ke kategori produk, baru bisa memilih produk lain untuk melihat detailnya. Hal ini tentu saja akan sangat merepotkan user mengingat banyaknya halaman yang harus diakses dan menunggu loading yang terkadang juga menjadi masalah. Akan lebih baik, pada halaman detail produk tersebut dibuat link next dan previous untuk melihat detail produk setelah ataupun sebelumnya.

Kajian usability website istanabayi.com ini, dibahas juga pada 3 tipe user lain yaitu: browser, transactor, customer

 

Kajian Usability Website istanabayi.com (Browser)

User bertipe Browser adalah user yang baru pertama kali mengunjungi suatu website, bisa saja ia sampai ke website itu hanya karena dihantarkan oleh suatu search engine. Dia belum mengetahui apapun mengenai website itu, dan membutuhkan bantuan untuk mulai menjelajahi website tersebut. Website yang baik, adalah website yang bisa mengatasi masalah untuk user bertipe ini.

Kita mulai dengan topik bahasan kita pada tulisan ini, kita akan coba menkaji website istanabayi.com dilihat dari user bertipe Browser.

Pada website istanabayi.com, header yang besar, dengan tulisan yang dapat merepresentasikan web tersebut akan cukup mudah bagi browser untuk mengenali website tersebut sebagai tempat belanja online kebutuhan atau perlengkapan bayi.

Namun ada beberapa yang harus dievaluasi dari website ini, diantaranya sebagai berikut:

1. hal yang agak rancu terlihat pada tulisan tulisan itu seolah akan membawa pengunjung untuk melihat informasi terbaru seputar istanabayi.com, setidaknya dengan style tulisan yang dibuat berbeda seperti itu pengunjung berharap akan bisa mengklik tulisan tersebut dan membawanya pada halaman yang berisi informasi terbaru, seperti diskon produk atau yang lainnya. Sayangnya ternyata tulisan dengan format kalimat tanya yang dibuat dengan style berbeda tersebut tidak bisa diklik, apalagi memberikan jawaban dari kalimat tanya pada tulisan itu sendiri.
2. Tulisan yang dibuat dengan format “berjalan/marque” Tulisan ini agak mengganggu penglihatan, sehingga membuat pengunjung malas untuk membacanya. Karena hal tersebut, informasi yang hendak disampaikan pun menjadi kabur.Padahal informasi yang disampaikan ternyata cukup penting untuk menarik minat pembeli, yaitu informasi diskon. Sayangnya ketika sudah tertarik dengan isi tulisan ini pun, pengunjung harus mengulang melihat kembali jalannya seluruh tulisan untuk melihat bagian isi yang membuatnya tertarik, karena ternyata text marque ini tidak bisa “dihentikan” oleh pengunjung.
3. Fitur yang cukup penting, yaitu pencarian diletakkan di bagian bawah website, dan tentu saja hal ini akan membuat bingung pengunjung, alasanya adalah pertama mungkin hanya karena kebiasaan. Tapi yang lebih penting lagi adalah jika fitur pencarian diletakkan di bagian bawah, hal ini akan sangat merepotkan pengunjung karena harus melakukan scrolling.
4. Dalam penggunaan bahasa bilingual pada website ini, tentu saja cukup membuat bingung pengunjung juga, akan lebih baik jika penggunaan bahasa ini konsisten jika memang akan menggunakan dua bahasa, tentu pengunjung harus diberikan pilihan bahasa mana yang akan dia gunakan.

Dalam rangkaian tulisan ini, masih ada user tipe evaluator, transactor, dan customer yang dikaji

 

Kajian Usability Website istanabayi.com (Pendahuluan)

Kajian Usability Website istanabayi.com (Pendahuluan)

Tulisan ini dan beberapa tulisan selanjutnya akan mengkaji topik mengenai usability website pada  istanabayi.com dilihat dari 4 jenis user (browser, evaluator, transactor, dan customer), tulisan ini dibuat dalam rangka memenuhi tugas mata kuliah Interaksi Manusia Komputer (IMK) pada bidang ilmu komputer.

Sebelumnya, tentu kita harus mengetahui apa yang dimaksud dengan usability. Menurut Andrew Chak_­­¹, usability berfokus pada memberikan kemampuan bagi user untuk menyelesaikan transaksi jika mereka menginginkannya.  Dalam bukunya, Chak menggambarkan ada 4 jenis user sehubungan dengan usability tadi. Dia menjelaskan bahwa setiap jenis  “user” sebenarnya merupakan customer yang sama, hanya saja berada pada tahapan yang berbeda dalam proses pengambilan keputusan. Berikut adalah penjelasan mengenai 4 jenis user yang disebutkan di atas:

1. Browser     : User yang baru pertama kali mengunjungi suatu website.
2. Evaluator   : User yang sudah cukup mengenal suatu website, dan ingin melihat lebih detail mengenai produk-produk pada website itu.
3. Transactor : User yang akan melakukan transaksi, siap untuk membeli.
4. Customer   : User yang pernah melakukan transaksi pada suatu website dan ingin melakukan transaksi kembali di website itu.

Pada tulisan selanjutnya akan dikaji lebih detail mengenai usability website istanabayi.com dilihat dari 4 jenis user browser, evaluator, transactor, dan customer.

1. Chak, Andrew (2003). Guiding Users with Persuasive Design: An Interview with Andrew Chak, by Christine Perfetti, User Interface Engineering.

 

SEO (Search Engine Optimization)

Apa itu SEO?

SEO adalah singkatan untuk Search Engine Optimization atau Optimisasi mesin pencari dalam bahasa Indonesia, yang berarti melakukan optimasi website agar ditampilkan pada posisi teratas, atau setidaknya halaman pertama hasil pencarian berdasarkan kata kunci tertentu yang ditargetkan. Secara logis, website yang menempati posisi teratas pada hasil pencarian memiliki peluang lebih besar untuk mendapatkan pengunjung.

Mengapa perlu SEO?

Dengan bermunculannya website-website baru setiap harinya, maka

 

Bening itu Engkau Bunda..

“Bagai kerdipan lilin yang berkilau bercahaya

mengganti kan mentari terangi malam yang gulita

membakar diri memberikan cahaya

Membiar diri musnah terlebur berkorban segalanya penuh rela

biar di mamah arus usia tidak pernah kenal derita

bagai sungai kasih yg mengalir tiada penghentiannya tak bertepi

Duhai ibunda kaulah anugerah istimewa

berkorban jiwa  raga redai hidup nan mencabar

berusaha  sabar dalam menghadapi derita

hidupmu kan menghadang meniti kepayahan yang tiada kesudahan

 

Doa dan Harapan

Semaikan kembali benih mahabbatullah..
Biarkan kesabaran yang kan menjadi pupuk penyuburnya,
Biarkan air mata keinsyafan yang kan menjadi penyiramnya,
Ya Rabb…………
Tumbuhkan ia menjadi pohon ketaatan yang kian mengokoh kala badai menerpanya
tebarkan harum bunga-bunga keimanan darinya,
dan biarkan ia menjadi penyejuk bagi hati-hati yang merindukan pertemuan dengan-Mu
jadikan padanya rimbun dedaunan yan kan menjadi peneduh bagi diri-diri yang lelah..
hiasi ia dengan buah-buah keikhlasan…
Terakhir kupinta…………
jadikan untuknya pagar-pagar keteguhan agar siapapun tak mampu merusaknya..

 

Clipping 2D

• Clipping adalah pemotongan suatu objek dengan bentuk tertentu

• Alasan dilakukannya clipping :
  • Menghindari perhitungan koordinat pixel yang rumit (karena itu clipping dilakukan sebelum rasterisasi).
  • Interpolasi parameter
• Sarana pemotong objek disebut jendela clipping
• Fungsi jendela clipping adalah untuk mengidentifikasi objek yang akan di-clipping dan memastikan bahwa data yang diambil hanya yang terletak di dalam jendela clipping.

• Bentuk jendela clipping bisa bermacam-macam. Bisa segi empat, segi tiga, lingkaran, ellips, dll.

• Beberapa jenis clipping:
  • Clipping titik
  • Clipping garis
  • Clipping poligon