Rendy's Blog » Human Computer Interaction

Mengukur Web Usability Lion Air (Part 4)

Rendy — Fri, 25 Jun 2010 18:53:47 +0000

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

Mengukur Web Usability Lion Air (Part 3)

Rendy — Fri, 25 Jun 2010 18:30:02 +0000

6. Recognition rather than recall

Tidak ditemukan

7. Flexibility and efficiency of use

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.

—

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

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.

—

Masalah Ditemukan: Penggunaan grafik dengan kualitas gambar rendah

Tingkat Masalah: Low

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

—

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.

Mengukur Web Usability Lion Air (Part 1)

Rendy — Fri, 25 Jun 2010 13:46:45 +0000

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.

Bersambung ke Part 2

5 assessment criteria for user interface : Windows Phone 7 Case

Rendy — Wed, 24 Feb 2010 04:57:19 +0000

Although there is many way to assess user interface, but since my class project only asks for five most important criteria according to individual. So, this is most important criteria in my opinion required in a interface/device. In this case I’m assessing recently unveiled Windows Phone 7 from Microsoft, that I have introduced on last post.

1. Ease of Use

One of the great thing about Windows Phone 7 is easy to use. Phone divided into several parts of the main menu: People, Pictures, Games, Music + Video, Marketplace and Office. The menu is like a big application with broad panorama, which is not enough on one screen so the user must shift to the right and the left to see the whole application.

Windows Phone 7 has big, oversized, beautiful, bold, clear, and interactive icon, unlike every other phone in the market the menu filled with square arranged in a pattern like 4×4 or so. So it made this phone made easier to use, with big clear icon you no longer need to navigate carefully where you want to go, just a simple look at the screen and a touch. Moreover, the icon is dynamically updated according the application. So for instance, you have three new messages, you’ll be presented with number ‘3’ at top of the icon.

What makes Windows Phone 7 is interesting is it is integrated with live, real-time data seamlessly integrated, with smooth and more natural interface. The start screen is live, meaning it will dynamically updated with fresh content like weather, status updates, photos from facebook and you can totally customize it. So, you don’t have to open separate application just to see what your friend up to, just a simple glance at the screen. This is dream comes true for social networking geek.

2. Ergonomic

Office and Email

Yes, there will be an office application on Windows Phone 7. It will be connected to Cloud and can be synced to corporate server. So that means business people can read, create and edit their work while on the go.

The Outlook email is stunning, according to some people it’s much better than reading email on a BlackBerry. Text is huge, gorgeous, readable, and support Microsoft Exchange. Business people should be happy.

Browser

There will be Internet Explorer. Although the rumour says it’s going as fast as Mobile Safari. But at least it support multitouch. Bing and Bing Maps are built into the phone as default search engine and map provider.

3. Easy to Navigate

Microsoft radically upgraded the look and feel Windows Phone 7 from previous Windows mobile series. Gone the day when you need stylus to navigate the phone. Now it featuring unusual interface element that found on other phone in the market: Interface elements that run off the screen, oversized dynamically updated icon, fresh start screen. Although integrating unusual aspect, yet it’s still easy to navigate.

4. Easy to Learn

“Cognitive load” is one of the criteria to rate user interface. To use sophisticated programs like Windows Phone 7 users must drop all their OS concept, because Windows Phone 7 is all new experience for them. It’s necessary to provide smallest learning curve for users, because most of the time users don’t have necessary time to read manual. Human have limited capacity of working memory, users can only hold five to nine chunks of information simultaneously. Users may feel overwhelmed by numerous options that increase the cognitive load.

Thankfully, Windows Phone 7 provides original and what one Nike designers calls an “authentically digital” and “chromeless” experience. The whole looks is oversimplified which is good thing for this phone since the previous windows mobile series is famous for absurd menu and hard to use.

5. Information Representation

Microsoft has done a good word to put many features in Windows Phone 7 is an understandable form. The interface is elegantly designed to show as much information as possible to users. Users certainly able to find all the information they want in single screen.

For example, ‘people’ screen you not only can see your contacts but also their status update and photos from social networking sites.

In Music+ Video you’ll be able to see all your collection of music, video, podcast. More over you can opt to listening to radio or visiting a integrated marketplace where you can buy music or video.

Windows Phone 7 Mobile User Interface Review

Rendy — Wed, 17 Feb 2010 05:28:51 +0000

After beaten by Apple and Google in mobile operating system arena, Microsoft finally reveal their new Operating System for smart phone which inevitably called Windows Phone 7. Although technical details is still sparse and Microsoft didn’t reveal much about what changes except the obvious glossy new user interface. Let’s not talk about technical details, new kernel, the next SDK, or developer policies. Let’s just admire the new user interface which I admit looks very much alike Zune/Zune HD.

In my opinion the interface is much more better than current iPhone and basically every other phone in the market where thumbnail-sized glossy-looking icons arranged in a pattern. Instead Microsoft developer opt to using oversized set of bright squares that fill the screen. Beautiful user interface combined with crisp wide screen made this phone aesthetically pleasant yet very practical. It’s combining unusual practices like big size text, interface elements that run off the screen, oversized text and graphics, flipping, panning, scrolling, zooming from screen to screen. This made iPhone user interface feels conservative by comparison.

Overall it’s very fun and playful phone to use, yet it’s still maintain “corporate fell” since there will be a new Office and app store.

Bogor Agricultural University

5 assessment criteria for user interface : Windows Phone 7 Case