Kampus Ku

Jun 26, 2010

Kajian Usability Levelupshop.com (part 4)


Tugas ini terdiri menjadi beberapa bagian: (levelupshop.com)

Kesimpulan

Secara umum, situs levelupshop adalah situs yang mudah. Tetapi sulit bagi orang yang pertama kali mengenal website. Masih banyak terdapat kesalahan pada antarmuka di situs itu. Kesalahan tersebut akan mengurangi kemudahan pengguna dalam melakukan sebuah tindakan.

Penutup

Ingin sekali menjelaskannya lebih banyak lagi, karena pihak leveupshop menyadari masih banyak kekurangan yang ada di websitenya. Semoga pihak levelupshop dapat menulis hasil kerjaan saya. Karena keterbatasannya waktu. Maka cukup sekian pembahasan dari website ini. Mohon maaf atas segala kekurangannya.
Referensi :
Johnson, Jeff. GUI Bloopers 2.0 : Common User Interface Design Don’ts and Dos. 2006. San Fransisco : Morgan Kauffman
Nielsen, J. Mack, Robert L.  Usability Inspection Methods. 1994. New York : John Wiley & Sons.

Kajian Usability Levelupshop.com (part 3)


Tugas ini terdiri menjadi beberapa bagian: (levelupshop.com)

Evaluasi Heuristik Poin 6 – 10

6. Recognition rather than recall

levelupshop memberikan obyek dan pilihan yang ada dengan jelas


Pada tulisan "Bekas" terlihat jelas, tulisan itu mendakan sebuah link ke halaman lain. dan pada "Tukar Tambah" "Galeri" "Link 1- 7" terlihat jelas juga, bahwa tulisan itu bukan berupa link.
Masalah:
Untuk apa levelupshop memberikan kolom Navigation, yang di dalamnya sebenarnya bukan berupa link ke halaman lain, sebenarnya itu hanya membuat buang-buang tempat saja. Namun apabila kita memilih tulisan "Bekas"
lagi-lagi muncul masalah yang sama. Sebenarnya website ini masih dalam tahap pengembangan, dan semakin berjalannya waktu. Website ini akan mengejar ketertinggalanny.
Solusi:
Klo memang website ini ada beberapa hal seperti navigasi yang belum siap. Seharusnya lebih baik tidak dipasang. Karena hanya membuang-buang tempat. Dan membuat user bertanya-tanya, untuk apa ini? mengapa setelah di klik tidak ada pengaruhnya.
7. Aesthetic and minimalist design

Tipografi (Tata huruf)
levelupshop lebih banyak menggunakan media huruf untuk berinteraksi dengan penggunanya. Typeface yang digunakan termasuk kedalam jenis arial. Typefacejenis arial memberikan kesan yang simple dan tegas.

Whitespace
Penggunaan whitespace di levelupshop sudah cukup baik. Tampilan informasi yang diberikan menjadi lebih mudah dibaca.

Masalah:

Untuk penjelasan yang sangat panjang alangkah baiknya, kita dapat menuju ke halaman khusus. Dmn itu hanya untuk melihat barang itu, beserta informasinya secara detail. Karena levelupshop kesannya memaksakan informasi yang di masukkan agar terlihat langsung semuanya. Padahal itu akan memperburuk keadaan.
Solusi:
Setidaknya informasi yang penting saja yang di tampilkan. Tidak semua-muanya di tampilkan.
8. Flexibility and efficiency of use


Jika kita telah mendaftar di web tersebut. Apabila kita memesan suatu barang. kita dapat menekan OrderNow. Dan barang yang kita order akan berada pada shopping cart.

Masalah:
Sampe saya mengerjakan tugas akhir IMK ini dan mengomentari 10 blog rekan saya. Saya belum menemukan cara agar barang2 yang sudah masuk ke cart itu bisa di batalkan. Saya takut barang ini malah datang ke rumah saya.
Solusi:
Harusnya levelupshop memudahkan user untuk membatalkan pesanan yang kita sudah pesan. Sehingga user yang baru pertama kali mendaftar tidak bingung seperti saya. Atau mungkin ini trik levelupshop untuk membuat barangnya agar laku. Tapi jika kalian takut barang di antar ke rumah kalian, kalian dapat merubah data pribadi seenak kita, yang penting diisi.
9. Help and documentation

Halaman Bantuan
Halaman bantuan levelupshop adalah halaman bantuan yang didesain berbasiskan tujuan dari pengguna. Halaman bantuan berisi langkah-langkah yang harus dilakukan pengguna untuk bagaimana cara melakukan pembayaran, pengiriman dan garansi.

Masalah:

Sekali lagi website ini terlalu banyak scroll kebawahnya. Sehingga user kurang nyaman saat mengunjungi website ini. Dan dapat membuat komputer yang kita gunakan berat, karena terlalu banyak meload 1 halaman pada bagian tata cara>pengiriman.
Solusi:
Buatlah bantuan pada bagian pengiriman tidak seperti yang saat ini ada. Seperti sistem inputan, dia berada di daerah mana, lalu muncul harganya. Setidaknya lebih ringkas. tidak dengan menggunakan scroll ke bawah.

10. Help users recognize, diagnose, and recover from error
Pada bagian ini hal yang akan dikaji adalah bantuan yang yang diberikan oleh situs saat pengguna melakukan kesalahan.

Kesalahan pada saat mendaftar menjadi pengguna
Kesalahan yang sering dilakukan oleh pengguna pada saat registrasi adalah adanya isian yang lupa atau salah diisi. Berikut adalah pesan kesalahan yang muncul pada registrasi :

Masalah:
Ketika saya memasukkan data seenak jidad. Ternyata website ini hanya memberitahukan kesalahan terurut dari atas ke bawah. dan itu tidak langung semuanya di beri tahu. Saya sengaja menulis data acak-acakkan tidak karuan untuk menguji web ini. ternyata web ini tidak mampu memberikan kepuasan yang maksimal dalam halaman reigter.
Solusi :
Seharusnya levelupshop menguji coba lagi lebih dalam di bagian registernya, karena kekurangannya membuat user tidak nyaman. Ujung-ujungnya user tidak ingin mendaftar. Karena kurangnya batasan dan informasi yang lebih luas.

Login
Kesalahan yang mungkin dilakukan oleh pengguna saat login adalah : salah mengisi username/email dan salah mengisi kata sandi.

Masalah:
Apabila kita memasukkan emael yang sudah terdaftar atau belum terdaftar. Ternyata pesan yang di munculkan sama saja. Invalid username. Padahal jelas-jelas saya baru mendaftar dan memesan sejumlah barang.
Solusi:
Harus di bedakan email yang sudah terdaftar atau belum terdaftar. Karena ini akan membuat user kesal. Jelas-jelas baru mendaftar. Harusnya muncul pesan error password yang anda masukkan salah.

Selanjutnya : Part 4 : Penutup

Kajian Usability Levelupshop.com (part 2)


Tugas ini terdiri menjadi beberapa bagian: (levelupshop.com)

Evaluasi Heuristik Poin 1 – 5



1. Macht between system and the real world
Bahasa
Bahasa yang digunakan levelupshop adalah bahasa Indonesia dan bahasa Inggris.

Masalah:

Levelupshop sering mencantumkan kata yang tidak baku pada bahasa Indonesia.
Solusi:
Kurangi penggunaan kata yang tidak baku pada bahasa Indonesia.
2. Visibility of system status

Tautan

Feedback yang menunjukkan tautan pada levelupshop sudah cukup baik. Text tautan dibedakan dengan text non-tautan dengan cara memberi warna hitam . Saat posisi kursor berada pada tautan, tautan otomatis berubah dan kursor berubah.

Navigasi

Saat kursor menuju menu navigasi, menu yang bersangkutan akan diberi pembeda berupa sebuah rectangle bewarna hitam. Hal ini membantu pengguna mengidentifikasi menu navigasi apa yang sedang ia tunjuk.
Masalah:
Masalah muncul saat menampilkan halaman aktif.  Penanda halaman aktif menghilang. Bagi pengguna yang kurang bisa mengingat, dia akan lupa sebelumnya telah memilih bagian yang mana.

Solusi:
Sebaiknya penanda tidak di hilangkan, sehingga kita tau sekarang kita berada di bagian mana. Dengan memberikan tanda pada halaman yang sedang aktif, pengguna dapat mengetahui dengan mudah posisi halaman tempat ia berada saat ini.
3. Consistency and standards

Navigasi

Berikut adalah menu navigasi utama yang ada di levelupshop:

Masalah:
levelupshop ternyata tidak menggunakan 1 bahasa saja, terdapat Bahasa Indonesia dan Bahasa Inggris. Sebenarnya website ini di tujukan untuk user di Indonesia, apa untuk negara luar juga?. Karena didalamnya terdapat ke tidak konsistenan bahasa yang di gunakan.
Solusi:
Gunakan bahasa yang seragam. Tidak campuran.
4. User control and freedom
Pilihan pembatalan
Pada saat kita ingin melihat barang yang kita anggap menarik, dan kita ingin membatalkan untuk melihat barang itu dan memilih barang yang lain, terdapat masalah,

Masalah:
Terlihat jelas, navigasi CLOSE X menghilang dalam beberap detik, bagi kita yang tidak jeli, kita bakal bingung bagaimana, cara keluar dari gambar itu, dan memilih barang yang lain.
Solusi:
Untuk keluar dari gambar tersebut dan memilih barang baru, ternyata mudah sekali. Yaitu dengan mengklik kursor ke arah luar gambar. Namun seharusnya navigasi CLOSE X itu tetep ada dan tidak menghilang, sehingga tidak membuat user bingung mencari cara keluar dari gambar tersebut dan mencari barang yang baru.
5. Error prevention
Error prevention pada suatu antarmuka berfungsi untuk mencegah pengguna melakukan suatu kesalahan saat menggunakan suatu situs.

Konfirmasi kata sandi

Masalah:
Pada saat registrasi, jika password dan re-type password tidak sama. levelupshop tidak membuat konfirmasinya secara langsung. Konfirmasi di buat setelah kita menekan tombol registrasi.
Solusi:
Seharusnya levelupshop pada bagian Password dan re-type password, apabila password yang kita tulis tidak sama, di bagian bawahnya langsung memberikan tanda, bahwa passwordnya tidak sama. Karena apabila kesalahan itu baru di beri tahu setelah menekan "register" itu akan membuat cape usernya untuk mengetik kembali passwordnya.

Kajian Usability Levelupshop.com (part 1)

Tugas ini terdiri menjadi beberapa bagian: (levelupshop.com)
Part 1 : Pendahuluan
Part 2 : Evaluasi Heauristik 1-5
Part 3 : Evaluasi Heuristik 6-10
Part 4 : Penutup

PENDAHULUAN



Defini Usability
Usability adalah istilah yang dipakai untuk menjelaskan kemudahan yang didapat seseorang dalam menggunakan sebuah alat atau obyek ciptaan manusia lainnya dalam mencapai sebuah tujuan. Pada analisis kali ini akan dilakukan pengkajian dari segi usability untuk mengetahui seberapa mudah situs dapat digunakan untuk menyelesaikan task-task yang ada.
Mengapa Usability Penting?

Web Usability merupakan cerminan dari kebiasan yang umumnya dilakukan pengguna situs. Menurut pakar usability, Jakob Nielsen, memperhatikan usability sangat penting agar sebuah situs dapat bertahan. Situs yang memiliki usability tinggi memiliki peluang untuk lebih sering dikunjungi. Umumnya pengguna ingin mendapatkan informasi secara cepat dan jika sebuah situs gagal dalam menunjukkan secara jelas apa yang dapat dilakukan dengan situs tersebut, pengguna cenderung akan langsung meninggalkan situs dan beralih ke situs lain.
Web Usabilty
Web usablity merupakan bahasan yang menarik untuk dikaji. Pernahkah anda masuk ke sebuah website lalu anda bingung harus berbuat apa? Hal tersebut adalah user experience dari web usability. Web usability merujuk kepada seberapa cepat seseorang belajar untuk menggunakan sesuatu, seberapa efisien penggunaannya, seberapa lama dapat diingat, berapa kesalahan yang dilakukan, dan berapa lama seseorang suka untuk menggunakannya (Jakob Nielsen,Prioritizing Web Usability).
Bagaimana mengukur Usability?
Secara umum cara mengukur dan menilai usability sebuah situs bersifat relatif dan bergantung pada bagaimana pengguna dapat menyelesaikan sekumpulan task. Menurut Jakob Nielsen terdapat beberapa ukuran umum yang dapat dijadikan patokan dalam mengukur usability, yakni:
a. Learnability
Learnability menjelaskan tingkat kemudahan pengguna untuk memenuhi task-task dasar ketika pertama kali mereka melihat/menggunakan hasil perancangan.
b. Efficiency
Efficiency menjelaskan tingkat kecepatan pengguna dalam menyelesaikan task-task setelah mereka mempelajari hasil perancangan.
c. Memorability
Memorability menjelaskan tingkat kemudahan pengguna dalam menggunakan rancangan dengan baik, setelah beberapa lama tidak menggunakannya.
d. Errors
Errors menjelaskan jumlah error yang dilakukan oleh pengguna, tingkat kejengkelan terhadap error dan cara memperbaiki error.
e. Satisfaction
Satisfaction menjelaskan tingkat kepuasan pengguna dalam menggunakan rancangan.
Tujuan utama dari Usability adalah:
  • Efektif digunakan
  • Efisien digunakan
  • Aman digunakan
  • Punya utility yang baik
  • Mudah dipelajari
  • Mudah diingat bagaimana menggunakannya
Sebuah web dengan usability yang buruk akan ditinggalkan oleh penggunanya. Berikut ini adalah beberapa kondisi yang akan membuat pengguna meninggalkan sebuah web :
  • Web sulit digunakan.
  • Homepage tidak menjelaskan tentang apa yang ditawarkan oleh perusahaan dan apa saja yang dapat dilakukan oleh pengguna pada web tersebut.
  • Pengguna mendapatkan adanya kesalahan pada web.
  • Informasi web sulit dibaca dan tidak mampu menjawab pertanyaan-pertanyaan pengguna.
Evaluasi Heuristik
Kajian terhadap antarmuka levelupshop.com akan dilakukan dengan metode evaluasi heuristik. Menurut Nielsen (1994), evaluasi heuristik adalah metode yang digunakan untuk menemukan masalah pada desain antarmuka. Evaluasi heuristik melibatkan beberapa evaluator untuk memeriksa antarmuka dan membandingkannya dengan prinsip-prinsip usabilitas (heuristik).
Menurut Nielsen, ada sepuluh prinsip heuristik yang dapat digunakan, yaitu :
  • Match between system and the real world : Sistem harus ‘berbicara’ dalam bahasa yang biasa digunakan oleh pengguna. Kata,frasa, dan istilah yang digunakan mengikuti kebiasaan yang ada.
  • Visibility of system status : Sistem harus dapat menginformasikan kepada pengguna tentang apa yang terjadi pada system.
  • Consistency and standards : Pengguna tidak harus berpikir apakah kata, situasi, dan aksi yang berbeda ternyata memiliki arti yang sama.
  • User control and freedom : Pengguna kadang memilih pilihan yang salah dan memerlukan opsi ‘emergency exit’. Pengguna dapat keluar dari keadaan akibat pilihan yang salah tersebut tanpa perlu melewati kegiatan tambahan lainnya.
  • Error prevention : Sistem didesain sehingga mencegah pengguna melakukan kesalahan dalam penggunaan system. Bisa dilakukan dengan menggunakan pilihan konfirmasi.
  • Recognition rather than recall : Membuat objek, aksi, dan pilihan yang ada visible (jelas).
  • Aesthetic and minimalist design : Dialog seharusnya tidak mengandung informasi yang tidak relevan atau tidak terlalu diperlukan.
  • Flexibility and efficiency of use : Permudah pengguna untuk melakukan kegiatannya dengan lebih cepat.
  • Help and documentation : Sistem menyediakan bantuan dan dokumentasi yang berisi informasi tentang penggunaan system.
  • Help users recognize, diagnose, and recover from errors : Pesan kesalahan harus dijelaskan dalam bahasa yang jelas, menjelaskan masalah dan memberikan solusi.
Dalam posting berikutnya akan di analisis sebuah situs yang bernama levelupshop.com
Levelupshop adalah sebuah website penjualan yang menyediakan penjualan berupa Console, Accesorries, Spare Parts, Games, dan jasa Services. Kita disini dapat memilih barang-barang yang kita inginkan dengan cukup mudah. Disini juga di fasilitasi langsung dari segi Online dan Offline untuk bertanya-tanya. Kita juga dapat melakukan pembayaran melalui banyak cara. Dibalik kelebihannya ternyata terdapat kekurangan yang terdapat di website ini.