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.

Bersambung ke Part 2

Apple VS Adobe

Well, I have been living under the rock lately because I just aware Tech war is on between Apple and Adobe a couple days ago, which in fact have been going around for quite sometime.

The problem can be traced back to lack of Flash on Apple mobile devices. The "war" is officially on by Steve Jobs when he published his Thought on Flash on Apple website. According to him Apple decision to abandon Flash is based on technology issues. He claims there’s reliability, security, performance, and technical issue. For starter according to Apple, Flash is the number one reason Macs crash and according to Symantec in 2009 Flash had the worst security records. For technical issue Flash has proven not performed well on mobile devices and to save power mobile devices  must decode video in hardware, decoding it in software simply drain much power which mobile devices simply don’t have much. More over current Flash is not playing nice with touch interface.

Adobe co-founders responded in an open letter that was published in newspaper ads as well as their website. Adobe responded Jobs claims:

clip_image001

  • Adobe Flash Player runtime originally created as a technology for tablets with touch interface. Existing content that developed with mouse input in mind, Flash Player will automatically convert touch events to mouse events. For new content that specifically developed for touch input, Flash 10.1 will provide a complete set of multitouch and gesture APIs.
  • Flash Player 10.1 will include support for hardware-accelerated video playback from mobile devices to desktop environments. This translate to better battery life.
  • Flash player is part of a rich ecosystem of both open and proprietary technologies.

To read full article: The Truth about Flash

While I’m not big fan of Flash, I believe HTML5 and Flash will play along their parts in the future. I believe there’s place for Flash so with HTML5.

How to make a panorama picture using only cellphone camera

It’s been long time since my last post. I’m quite busy lately with my college work. But finally I have sometime off, now I want to share some knowledge. Being poor college student and can’t afford $1000 camera doesn’t mean you can’t make a good panorama picture. I will show you how to make one with just cellphone camera (any camera will do) and two software (Windows Live Photo Gallery and Photoshop CS5). Photoshop CS5 is optional, but if you want to fix the picture with relative ease, there’s new feature in Photoshop CS5 called Content Aware Fill.

Okay, first you need several pictures of same location in different angle. In my example I take pictures inside of my university mosque.

Image012 Image013 Image014 Image015  Image017

Nice picture right? :) FYI this picture taken with Nokia 6288 with 2 Megapixel camera. A very outdated phone, but still do it’s job.

We need to stitch the picture together to make a panoramic looks. Open Windows Live Photo Gallery, it’s freeware courtesy of Windows Live.

create-panoramic-photo

Select the picture you want to stitch together, and from the toolbar choose Make and Create Panoramic Photo. Wait several seconds till your picture ready and save the results.

 alhur panoramic 3

You’re almost done!.  The black corner is the angle that is not included in source picture. You can fix that by take the picture of that angle or just let Photoshop CS5 fill the blank.

Open your panoramic picture with Photoshop CS5

 content-aware-fill

Select the black section with Magic Wand Tool, go to Edit and choose Fill (Shift+F5).

content-aware
Make sure you use Content-Aware and click OK. Let’s Photoshop do it’s magic. ;)

 stitched

Done!.