Archive forJune, 2010

Mengukur Web Usability Lion Air (Part 4)

Tulisan ini merupakan bagian dari sebuah seri penilaian web usability Lion Air. Bagian-bagian tersebut adalah:
1. Pendahuluan dan Sekilias Lion Air

2. Kriteria evaluasi dan penilaian heuristic 1-5

3. Penilaian heuristic 6-10

4. Kesimpulan, Penutup, dan Referensi

Kesimpulan

Situs Lion Air yang bertindak sebagai company profile dan costumer service dirasa sudah memenuhi tingkat usability yang baik. Pengunjung pertama kali dapat langsung menggunakan website dengan baik walaupun mempunyai learning curve yang besar karena banyak ketidak konsistenan dalam hal layout dan kurangnya petunjuk atau tips penggunaan website.

Penutup

Walaupun website Lion Air termasuk usable dan pengguna masih dapat melakukan tujuannya, perlu ada perbaikan-perbaikan kecil dalam hal layout dan struktur website. Tentu saja penilaian web usability ini tidak mencakup seluruh point, tetapi ini akan cukup membantu pihak yang terkait untuk meningkatkan kualitas website mereka.

Referensi

1. http://www.useit.com

2. Web Usability Guide – http://www.webcredible.co.uk

3. Web Usability: Principles and Evaluation Methods – http://www.webml.org

Comments (4,081)

Mengukur Web Usability Lion Air (Part 3)

Tulisan ini merupakan bagian dari sebuah seri penilaian web usability Lion Air. Bagian-bagian tersebut adalah:
1. Pendahuluan dan Sekilias Lion Air

2. Kriteria evaluasi dan penilaian heuristic 1-5

3. Penilaian heuristic 6-10

4. Kesimpulan, Penutup, dan Referensi

6. Recognition rather than recall

Tidak ditemukan

7. Flexibility and efficiency of use

image

Masalah Ditemukan: Pengguna harus memilih negara dan bahasa pada setiap kunjungan melalui splash page.

Tingkat Masalah: Medium

Solusi Masalah: Dengan menyimpan pilihan pengunjung, sehingga pada kunjungan berikutnya tidak perlu memilih negara dan bahasa kembali.

image

image

Masalah Ditemukan: Banyak halaman yang mati dan dalam tahap “Under Construction”

Tingkat Masalah: High

Solusi Masalah: Lakukan pengecekan berkala pada halaman-halaman yang mati. Jangan mempublish halaman yang hanya menampilkan pesan “Under Construction”.

8. Aesthetic and minimalist design

image

Masalah Ditemukan: Halaman Pop-up dan penggunaan Javascript

Tingkat Masalah: Medium

Solusi Masalah: Penggunaan Javascript untuk sendiri sebaiknya dihindari ditambah dengan halaman pop-up. Halaman popup mengakibatkan pengguna kehilangan orientasi. Hindari penggunaan halaman pop-up.

image

Masalah Ditemukan: Penggunaan grafik dengan kualitas gambar rendah

Tingkat Masalah: Low

Solusi Masalah: Gunakan grafik dengan kualitas sedang dengan tetap memperhatikan ukuran gambar.

image

Masalah Ditemukan: Tidak ada icon pada link file pdf

Tingkat Masalah: Low

Solusi Masalah: Berikan ikon pada file-file pdf

9. Help users recognize, diagnose, and recover from errors

Tidak Ditemukan

10. Help and documentation

Masalah Ditemukan: Tidak ada Sitemap

Tingkat Masalah: High

Solusi Masalah: Buat halaman khusus sitemap. Sitemap berguna untuk menolong pengunjung dan bot search engine untuk menemukan halaman pada sebuah website.

Masalah Ditemukan:Tidak ada halaman Help atau FAQ

Tingkat Masalah: Medium

Solusi Masalah: Buat halaman khusus untuk menampilkan fungsi Help atau bisa dengan membuat halaman Frequently Asked Question (FAQ).

Masalah Ditemukan: Tidak ada petunjuk bagaimana pengunjung memesan tiket

Tingkat Masalah: Medium

Solusi Masalah: Buat semacam petunjuk di halaman awal bagaimana pengguna dapat memesan tiket.

Comments (2,164)

Mengukur Web Usability Lion Air (Part 2)

Tulisan ini merupakan bagian dari sebuah seri penilaian web usability Lion Air. Bagian-bagian tersebut adalah:
1. Pendahuluan dan Sekilias Lion Air

2. Kriteria evaluasi dan penilaian heuristic 1-5

3. Penilaian heuristic 6-10

4. Kesimpulan, Penutup, dan Referensi

Kriteria Web Usability

Pada evaluasi web usablity kali ini akan menggunakan Nielsen heuristic untuk perancangan antarmuka dan evaluasi (http://www.useit.com/papers/heuristic/heuristic_list.html).

Heuristic
Description
Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time.
Match between system and the real world The system should speak the users’ language, with words, phrases and concepts familiar to the user, rather than system-oriented terms. Follow real-world conventions, making information appear in a natural and logical order.
User control and freedom Users often choose system functions by mistake and will need a clearly marked “emergency exit” to leave the unwanted state without having to go through an extended dialogue. Support undo and redo.
Consistency and standards Users should not have to wonder whether different words, situations, or actions mean the same thing. Follow platform conventions.
Error prevention Even better than good error messages is a careful design which prevents a problem from occurring in the first place. Either eliminate error-prone conditions or check for them and present users with a confirmation option before they commit to the action.
Recognition rather than recall Minimize the user’s memory load by making objects, actions, and options visible. The user should not have to remember information from one part of the dialogue to another. Instructions for use of the system should be visible or easily retrievable whenever appropriate.
Flexibility and efficiency of use Accelerators — unseen by the novice user — may often speed up the interaction for the expert user such that the system can cater to both inexperienced and experienced users. Allow users to tailor frequent actions.
Aesthetic and minimalist design Dialogues should not contain information which is irrelevant or rarely needed. Every extra unit of information in a dialogue competes with the relevant units of information and diminishes their relative visibility.
Help users recognize, diagnose, and recover from errors Error messages should be expressed in plain language (no codes), precisely indicate the problem, and constructively suggest a solution.
Help and documentation Even though it is better if the system can be used without documentation, it may be necessary to provide help and documentation. Any such information should be easy to search, focused on the user’s task, list concrete steps to be carried out, and not be too large.
1. Visibility of system status

Tidak ditemukan masalah

2. Match between system and the real world

image

Masalah Ditemukan: Metode pembayaran yang tidak sesuai dengan tempat asal pembeli tiket. Disini contohnya seseorang yang berangka dari Singapura, ditawarkan metode pembayaran melalui ATM Bank di Indonesia.

Tingkat Masalah: Medium

Solusi Masalah: Hilangkan metode pembayaran yang tidak sesuai dengan tempat asal pengguna.

3. User control and freedom

image image

Masalah Ditemukan: Penggunaan Javascript yang berlebihan. User yang mematikan fungsi javascript di browsernya tidak dapat melakukan navigasi dengan baik dan memesan tiket.

Tingkat Masalah: Tinggi

Solusi Masalah: Kurangi penggunaan Javascript pada fungsi-fungsi utama website. Buat secondary navigasi berbasiskan text pada bagian footer.

image

Masalah Ditemukan: Penggunaan Breadcumb yang tidak sesuai dengan standar. Breadcumb tidak dapat di klik untuk mengizinkan pengguna kembali pada halaman sebelumnya berdasarkan tingkat hirarki.

Tingkat Masalah: Medium

Solusi Masalah: Buat Breadcumb dapat di klik untuk memudahkan kembali ke tahap sebelumnya. Tanpa harus menekan tombol kembali pada bawah halaman.

Masalah Ditemukan: Tidak ada fungsi pencarian.

Tingkat Masalah: Medium

Solusi Masalah: Buat fungsi pencarian untuk memudahkan pengguna.

4. Consistency and standards

image

Masalah Ditemukan: Penempatan logo yang tidak sesuai dengan konvensi

Tingkat Masalah: Medium

Solusi Masalah: Buat gambar header baru dengan logo di pojok kiri atas

image

Masalah Ditemukan: Pada beberapa halaman, mengklik logo tidak membawa pengguna ke halaman awal

Tingkat Masalah: Low

Solusi Masalah: Buat logo link back ke homepage

image

Masalah Ditemukan: Text link yang tidak berubah warna ketika telah dikunjungi

Tingkat Masalah: High

Solusi Masalah: Buat setting di css, jika sebuah halaman di kunjungi maka text link terkait berubah warna

image

Masalah Ditemukan: Pada beberapa halaman tombol tidak highlight jika sedang berada di halaman tersebut.

Tingkat Masalah: Medium

Solusi Masalah: Perbaiki code pada sistem navigasi bar.

5. Error prevention

image

Masalah Ditemukan: Input format kartu kredit tidak jelas

Tingkat Masalah: Low

Solusi Masalah: Buat deskripsi jelas mengenai format input atau berikan layout text box yang baik sesuai dengan yang tertera pada kartu kredit.

Comments (4,106)

Mengukur Web Usability Lion Air (Part 1)

Tulisan ini merupakan bagian dari sebuah seri penilaian web usability Lion Air. Bagian-bagian tersebut adalah:
1. Pendahuluan dan Sekilias Lion Air

2. Kriteria evaluasi dan penilaian heuristic 1-5

3. Penilaian heuristic 6-10

4. Kesimpulan, Penutup, dan Referensi

Pendahuluan

“Make it as simple as it needs to be. But no simpler. “ – Albert Einstein

Web usability adalah segalanya mengenai perancangan dan pembuatan website yang membantu pengunjung untuk menyelesaikan tujuan nya dengan cepat dan efisien. Dengan website yang usable, lembaga atau perorangan dapat mendapatkan keuntungan yang besar. Menurut IBM setiap £1 yang diinvestasikan untuk meningkatkan usability akan mengembalikan £10 sampai £100. Bahkan penelitian useit.com merombak ulang usability web dapat meningkatkan sales/konversi sampai 100%.

Pada dasarnya Web Usability mempunyai empat point penting:

1. Website anda harus mudah di navigasi

Seiring waktu pengunjung sudah terbiasa dengan suatu layout atau frase di internet, contohnya:

  • Logo berada di pojok kiri atas dan link back kehalaman home
  • Terminologi “About Us” digunakan untuk informasi organisasi
  • Navigasi berada pada tempat yang sama pada setiap halaman dan berdekatan dengan isi
  • Segala sesuatu yang berkelap-kelip atau ditempatkan diatas logo biasanya iklan

Diatas merupakan contoh yang umum. Masih banyak contoh lainnya untuk meningkatkan website usability. Pengembang web sebaiknya jangan melihat dengan sebelah mata konvensi ini karena semakin lama pengguna terbiasa dengan suatu hal. Melanggar konvensi ini anda mungkin mendapatkan website dengan usability yang rendah dan pengguna yang tidak puas.

2. Halaman dapat dibuka dengan cepat

8.6 detik adalah waktu maksimum pengguna mau menunggu suatu halaman terbuka (weboptimisation.com). Pada september 2006 sekitar sepertiga pengguna internet di Inggris terkoneksi ke Internet menggunakan Dial-up(statistics.gov.uk). Jadi sangat penting sebuah website memiliki waktu load yang cepat untuk memenuhi usability yang baik.

3. Informasi harus mudah didapatkan

Kita  membaca halaman web berbeda dengan media cetak. Secara umum kita membacanya dengan teknik skimming daripada kata-per-kata. Ketika kita membaca halaman web beberapa hal harus mencolok, seperti:

  • Heading
  • Link Text
  • Bold Text
  • Bulleted List

4. Jangan halangi pengguna

Jangan halangi pengunjung web dari navigasi dengan cara yang ia inginkan:

  • Disable right click
  • Disable back button
  • Penggunaan frame
  • Kewajiban untuk sign up terlebih dahulu sebelum dapat melihat suatu informasi

Banyak cara website menghalangi penggunanya, sehingga merusak usability-nya.

Sekilas Lion Air

Lion Air adalah sebuah perusahaan penerbangan swasta lokal yang berbasiskan di Jakarta. Selain melayani penerbangan lokal, Lion Air juga melayani penerbangan Internasional, seperti ke: Malaysia, Singapore, Vietnam, dan Saudi Arabia. Lion Air termasuk perusahaan penerbangan yang cukup sibuk melayani 42 rute dengan 226 penerbangan setiap harinya.

Sudah semestinya Lion Air memiliki sebuah website (http://www2.lionair.co.id/) yang melayani kebutuhan pelanggan nya. Mulai dari korporat yang mencari informasi perusahaan hingga individu yang ingin memesan tiket. Sehingga website Lion Air bertindak sebagai company profile dan costumer service. Untuk memenuhi kebutuhan tersebut sudah sewajarnya web Lion Air mempunyai web usability yang baik dan dapat diandalkan. Sehingga dapat memuaskan pelanggan dan profesionalitas di mata korporat dapat terjaga.

Tetapi sayangnya banyak temuan yang mengurangi usability dari web lion air. Sehingga perlu adanya suatu pengukuran dan testing terhadap usability web Lion Air. Tentu saja, temuan-temuan dalam penelitian ini hanya permulaan dan tidak mencakup seluruh point dalam penilaian web usability. Bagaimanapun juga, sebagai salah satu pengunjung setia website tersebut, saya rasa perlu adanya perbaikan-perbaikan dalam beberapa hal. Rasanya ini akan membantu pihak terkait untuk mengevaluasi kembali website mereka dalam hal usability.

Comments (3,210)