APTX 4869

a. Referensi Mengenai Search Usability

Tidak seperti di dunia nyata, dalam website tidak ada seseorang yang akan berdiri dan menjelaskan dimana letak sesuatu yang kamu butuhkan berada.

Mencari sesuatu di dalam website diibaratkan disebut searching yaitu mengetikkan deskripsi dari apa yang kamu butuhkan pada kotak pencarian dan hasilnya adalah daftar tempat dimana kamu bisa menemukannya.

Hal ini akan membuat urutan pencarian yang lebih mudah untuk user.

User akan keluar dari website ketika telah yakin tidak menemukan apa yang mereka cari atau mereka merasa frustasi karena tidak menemukannya.

Kesalahan yang bisa dijadikan referensi diantaranya adalah :

Umumnya mesin pencari tidak dapat mengatasi kesalahan pengetikan, kemajemukan, tanda baca, dan lain-lain yang dalam pemrosesan query.

Jika pengguna mengetahui halaman yang sudah ia kunjungi maka ia tidak akan mengunjungi halaman tersebut berulang-ulang. Hal ini sudah diantisipasi sejak lama oleh Google namun website lainnya sepertinya belum mengikuti jejaknya.

Hal-hal yang dapat dijadikan referensi :

b. Analisis Kesalahan Website http://www.kominfo.go.id

Untuk segi antar muka, sebenarnya website ini sudah cukup bagus, hanya saja masih terdapat beberapa kekurangan dari segi fasilitas searching , diantaranya yaitu :

Dari segi tata letak menurut saya sudah cukup baik, posisinya yang terletak di pojok kanan atas halaman membuat user lebih mudah untuk menemukannya, karena rata-rata orang melihat lebih cenderung dari kiri ke kanan. Hanya saja masih terdapat kekurangan pada bentuk tombol cari. Jika ingin terlihat sebagai sebuah tombol, ada baiknya jika tombol tersebut di terlihat seperti berbentuk tiga dimensi, memilki ruang dan dimensi, sehingga terlihat lebih gelap jika ditekan. Untuk lebih jelas bisa dilihat pada gambar berikut.

Gambar awal sebelum diubah :

Gambar setelah diubah :

Terlihat bahwa tampilan seperti tombol akan lebih terasa sebagai sesuatu yang dapat ditekan, sehingga dari segi antar muka gambar setelah diubah lebih baik dibandingkan gambar sebelum dilakukan perubahan.

Umumnya, jika kita melakukan pencarian pada sebuah mesin pencari akan muncul sebuah pemberitahuan. Contohnya, apabila kita mencari kata “pornografi”, maka akan muncul pemberitahuan seperti “Result for pornografi” . Hanya saja, pada website milik kominfo ini hal tersebut sama sekali tidak ditemukan. Lebih jelas seperti gambar di bawah ini.

Pemberitahuan yang muncul setelah melakukan pencarian hanyalah “Hasil Pencarian”. Tidak jelas kalau pemberitahuan tersebut mengenai hasil pencarian terhadap kata apa. Untuk user  yang masih ingat dengan kata apa yang ia cari, tentu saja tidak bermasalah. Tapi bagaimana jika dengan user yang ternyata lupa mengenai kata apakah yang sebenarnya ia cari? Tentu ia akan merasa bingung. Ada baiknya jika pemberitahuan tersebut diperbaiki menjadi seperti gambar di bawah ini.

Cukup dengan sedikit menambahkan kata-kata yang di cari pada akhir kalimat, sudah dapat memberitahukan kepada user mengenai kata apakah yang sebenarnya ia cari. Sebenarnya sangat simple, hanya saja cukup untuk membantu user dalam melakukan sebuah pencarian.

Adakalanya sebuah website tidak memuat kata-kata yang ingin kita cari. Misalnya kita mencari kata “digimon” pada website kominfo. Tentu saja kata-kata tersebut tidak dapat ditemukan, karena tidak cocok dengan artikel-artikel yang umumnya dimuat oleh website ini. Hanya saja, masih terdapat kekurangan dalam hal pemberitahuan mengenai pencarian yang tidak relevan pada website ini. Jika kita melakukan pencarian pada Google dan Google  tidak bisa menemukan kata-kata tersebut, biasanya Google akan menunjukkan pemberitahuan seperti “No Result Found”. Tetapi pada website  milik kominfo ini, pemberitahuan yang tampil adalah seperti gambar di bawah ini.

Kata-kata “Hasil Pencarian” tetap ditampilkan dengan diikuti layar kosong karena tidak ada artikel yang dapat ditemukan. Dari segi antarmuka tentu saja hal ini sangat ganjil. Pemberitahuan menunjukkan “Hasil Pencarian” tetapi tidak ada satu hasil pencarian pun yang ditampilkan. Ada baiknya jika website ini tidak bisa memberikan hasil pencarian apapun, tunjukkanlah pemberitahuan seperti gambar di bawah ini.

Dengan menunjukkan tulisan seperti di atas, tentunya user tidak akan bingung apakah sebenarnya pencarian yang mereka lakukan berhasil atau tidak. Jika tetap menunjukkan pemberitahuan “Hasil Pencarian” tentunya user  akan bingun mengenai keberhasilan pencarian yang ia lakukan. Karena pemberitahuan menunjukkan adanya hasil, tetapi sama sekali tidak ada hasil yang ditampilkan. Selain itu, untuk kata-kata yang tidak dapat dicari akibat salah pengetikan, ada baiknya jika mesin pencari menawarkan alternative lain yang mungkin relevan.

Apabila kita perhatikan pada Google, seringkali ada link yang warnanya berbeda dengan yang lainnya. Jika link lain berwarna biru, khusus untuk beberapa link tersebut warnanya berubah menjadi warna ungu. Mengapa demikian? Karena link tersebut sudah pernah kita kunjungi, sehingga kita bisa memperhitungkan apabila kita ingin mngunjungi kembali link tersebut atau tidak. Tentunya pemberitahuan seperti itu sangat membantu untuk mencegah kita mengunjungi link yang telah kita kunjungi apabila kita tidak ingin mngunjunginya lagi. Hanya saja, pada website milik kominfo ini, hal tersebut sama sekali tidak diberlakukan, untuk link yang sudah dikunjungi ataupun belum dikunjungi, warnanya tetap sama, sehingga membuat kita bingung mengenai link yang manakah yang sudah pernah kita kunjungi.

Artikel paling atas sebenarnya sudah pernah saya kunjungi. Hanya saja tidak terjadi perubahan warna di sana. Tentu akan sangat membingungkan jika ternyata saya tidak ingat bahwa link tersebut sudah pernah saya kunjungi. Ada baiknya jika gambar di atas diubah jadi seperti di bawah ini.

Link yang berwarna hitam menunjukkan bahwa link tersebut suda pernah dikunjungi, sedangkan untuk link yang berwana biru menunjukkan link yang belum pernah dikunjungi. Pemberitahuan sederhana seperti itu saja sudah cukup membantu user dalam menunjukkan link manakah yang sebenarnya sudah mereka kunjungi.

Umumnya, jika kita melakukan browsing menggunakan Google, hasil pencarian yang paling relevan akan ditempatkan paling atas, kemudian kata yang kita cari dicetak tebal. Sedangkan pada website  milik kominfo, hal tersebut sama sekali tidak berlaku. Untuk hasil pencarian yang relevan dan mengandung kata yang dicari, letaknya sama sekali tidak beraturan, sehingga sulit untuk mengetahui apakah pencarian yang kita lakukan berhasil atau tidak. Karena, artikel yang kita inginkan bisa jadi berada di paling atas ataupun paling bawah. Selain itu, untuk kata yang dicari, sama sekali tidak dicetak miring. Sehingga sulit bagi kita untuk mengetahui apakah artikel tersebut mengandung kata yang kita cari atau tidak. Kesalah-kesalahan tersebut bisa dilihat pada gambar di bawah ini.

Gambar di atas merupakan hasil pencarian dari kata “pornografi”. Terlihat di sana bahwa hasil pencarian paling atas sama sekali tidak mengandung kata-kata pornografi. Sedangkan artikel yang mengandung kata pornografi justru berada di urutan bawah. Selain itu kata pornografi yang ada di sana sama sekali tidak dicetak tebal. Sehingga sulit untuk mengetahui artikel manakah yang sebenarnya mengandung kata tersebut. Ada baiknya jika diubah seperti gambar di bawah ini.

Pada gambar di atas telah dilakukan beberapa perbaikan seperti pengurutan dimulai dari pencarian yang paling relevan dan cetak tebal pada kata yang dicari, sehingga user akan lebih mudah dalam menemukan artikel yang mereka inginkan.

                c. Daftar Pustaka

Krug S. 2006. Don’t Make Me Think : A Common Sense Approach to Web Usability Second Edition. Berkeley : New Riders

Nielson J. (2011) Top 10 Mistakes in Web Design [Internet]. Tersedia dari : <http://www.useit.com/alertbox/9605.html> [Diakses 22 Oktober 2011].

Userfocus. (2011). 20 Search Usability Guidelines [Internet]. Tersedia dari : <http://www.userfocus.co.uk> [Diakses 23 Oktober 2011].

1. Pencarian yang Buruk

http://www.indosat.com/search/mnetari

Screen Shoot Website :

Gambar di atas merupakan gambar dari sebuah situs yang dimiliki oleh Indosat. Situs tersebut saya kategorikan ke dalam situs yang memiliki kekurangan dalam hal searching yang kurang memadai. Mengapa hal tersebut merupakan sebuah kekurangan? Dengan desain yang begitu hebat, fungsionalitas dan efektivitas pengguna tetap adalah kunci bagi keberhasilan sebuah website. Kemudahan bernavigasi tentu saja diperlukan, bahkan kotak pencarian yang sederhana sekalipun dapat menjadi teman terbesar bagi para pengguna. Gagal dalam bernavigasi, hal tersebut justru adalah masalah yang sering dijumpai oleh para pengguna. Sebuah pencarian yang buruk dapat dikarenakan mesin pencari yang terlalu harafiah, yakni masalah kesalahan pengetikan, kata dalam bentuk jamak, tanda penghubung, dan variasi lain dari istilah yang diminta. Pada situs yang dimiliki Indosat, fitur pencarian yang mereka berikan menurut saya masih memiliki beberapa kekurangan. Misalnya, ketika saya mencoba mencari informasi mengenai Indosat IM2, ternyata fitur pencarian ini tidak mengeluarkan hasil apapun. Padahal Indosat IM2 merupakan salah satu produk Internet yang dimiliki oleh Indosat. Kemudian ketika saya mencoba mencari informasi tentang Indosat IM3, informasi yang dikeluarkan masih sangatlah minim, hanya mengeluarkan bagan semacam akar pohon, tanpa menampilkan sedikit isi dari hasil pencarian tersebut layaknya Google. Selain itu, ketika terjadi sedikit salah pengetikan pada saat memasukkan kata yang akan dicari, fitur pencarian ini sama sekali tidak memberikan alternatif pencarian layaknya fitur yang ada di Google, tetapi mereka sama sekali tidak mengeluarkan hasil apapun. Hal ini tentu saja sangat mengganggu pengguna apabila mereka merasa kalau mereka tidak melakukan salah pengetikan. Mereka pasti akan beranggapan bahwa situs ini tidak lengkap karena tidak memuat info yang seharusnya mereka miliki. Oleh karena itu ada baiknya situs ini memperbaiki fitur pencariannya. Ada baiknya jika sedikit banyak mereka meniru fitur yang dimiliki oleh Google.

2. File PDF Dibaca Online

http://kemahasiswaan.ipb.ac.id/

Screen Shoot Website :

 

Analisis Kesalahan Website :

Gambar di atas merupakan screen shoot dari salah satu halaman yang dimiliki oleh website Direktorat Kemahasiswaan IPB. Website di atas saya kategorikan ke dalam website yang memiliki kekurangan dalam hal memuat file PDF yang di baca online. Mengapa hal tersebut bisa dikatakan kekurangan? Karena dengan adanya halaman berformat PDF yang dibaca secara online, dapat memperlambat flow dalam melakukan aktifitas berselancar. Selain lambat untuk dibuka, terkadang melakukan hal-hal sederhana pun seperti menyimpan dan mencetak dokumen menjadi sulit. Hal yang paling krusial, karena tidak semua browser mendukung fasitilitas pembacaan PDF secara online. Gambar di atas menampilkan halaman dari website Direktorat Kemahasiswaan IPB yang memuat artikel tentang Daftar Mahasiswa yang Mendapatkan Beasiswa Robobank. Di akhir dari artikel tersebut terdapat sebuah link yang terhubung ke halaman yang memuat Daftar Mahasiswa yang Mendapatkan Beasiswa Supersemar. Hanya saja, setelah link tersebut di klik, browser secara otomatis menghubungkan user kepada sebuah halaman PDF yang memuat data tersebut. Menurut saya hal tersebut tentu saja sangat mengganggu, karena untuk dapat membuka halaman itu saja harus memakan waktu cukup lama, hal ini disebabkan karena ukuran file PDF-nya yang cukup besar serta jumlah halaman PDF yang dibuka pun cukup banyak. Selain itu, untung saja browser saya mendukung untuk membuka halaman yang berformat PDF, seandainya tidak, tentu saja saya tidak dapat membuka halaman tersebut. Menurut analisis saya, hal ini tentunya sangat menggangu bagi user, selain dari segi waktu pengaksesan, juga dari segi kemudahan untuk mengakses. Akan lebih baik jika halaman yang memuat Daftar Penerima Beasiswa tersebut disajikan dalam sebuah halaman web yang memuat data tersebut secara terstruktur. Selain menjadi lebih cepat di akses, data tersebut juga akan lebih mudah untuk di akses. Dibandingkan harus membuka file PDF yang relative lama dan sulit untuk di akses.  

3. Tidak Mengubah Warna dari Link yang Sudah Dikunjungi

http://kominfo.go.id/

Secreen Shoot Website :

Analisis Kesalahan Website :

Gambar di atas merupakan halaman Home dari website milik Kementrian Komunikasi dan Informasi. Website di atas saya kategorikan ke dalam website yang memiliki kekurangan dalam hal link yang tidak berubah warna walaupun telah di akses. Mengapa hal tersebut dikatakan sebuah kekuarangan? Para pengguna biasanya ingin menghindari membuka halaman yang sama yang tidak disengaja. Sebuah desain web yang baik tentunya mencegah hal ini terjadi dengan mengubah warna link yang telah dikunjungi. Dengan demikian akan jelas halaman manakah yang telah mereka lihat atau menghindari membukanya kembali. Sedangkan website Kementerian Komunikasi dan Informasi tidak memiliki fasilitas tersebut. Sebagai website yang memuat banyak artikel tentunya hal tersebut sangat dibutuhkan. Untuk menganalisis hal tersebut, saya mencoba membuka salah satu artikel yang terdapat pada website ini. Setelah mebuka artikel tersebut, saya kembali lagi ke halaman Home. Dan ternyata link artikel yang sudah saya pilih sebelumnya sama sekali tidak mengalami perubahan warna. Untungnya saya hanya membuka satu buah artikel, sehingga saya mengetahui artikel apa yang sebelumnya telah say abaca. Seandainya saya telah membuka banyak artikel, tentunya saya akan bingung menentukan artikel mana yang telah di baca, dan mana yang belum, karena tidak adanya perubahan warna link tersebut. Oleh karena itu, perubahan warna link tersebut sangat dibutuhkan oleh user untuk membantu mereka mengetahui link manakah yang telah mereka akses, terutama untuk website-website yang memuat banyak artikel.

4. Teks Tidak Dapat Diserap

http://viraindo.com/pc1.html

Analisis Kekurangan Website :

Website ini saya kategorikan ke dalam websrite yang memiliki kekurangan dari segi penataan teks karena teksnya yang sulit dibaca dan dipahami. Mengapa hal tersebut dikatakan sebuah kekurangan? Membaca informasi dari sebuah website tidaklah seperti duduk dan membaca seluruh isi buku. Teks yang disajikan tidak harus berat, berisi penuh dan membosankan. Perlu Anda ketahui bahwa sebuah teks online tentunya berbeda dengan teks yang dicetak. Para pengguna membutuhkan kemampuan untuk dapat menyerap dari apa yang mereka lihat di layar monitor mereka dan memahami informasi yang mereka butuhkan dengan cepat. Oleh sebab itu, sebuah desain yang baik memerlukan pemetaan yang rapi dan menarik dalam teks dan gambar. Sedangkan pada website ini, hal tersebut sama sekali tidak diterapkan. Walaupun teksnya sudah tersusun rapi, tampilan antar barisnya masih terlalu rapat, selain itu ukuran teksnya pun sangat kecil, sehingga sangat sulit bagi user untuk menerima informasi dari website tersebut. Selain itu, informasi yang ditampilkan pun masih sangat minim jika user yang membaca informasi tersebut adalah orang yang awam di bidang computer. Sehingga untuk orang-orang yang kurang paham di bidang computer tentunya akan sangat kesulitan. Saya sudah berkali-kali masuk ke situs ini untuk mencari perlengkapan computer, walaupun saya cukup paham tentang spesifikasi computer, saya tetap kesulitan untuk mencari informasi melalui situs ini karena tulisannya yang sangat kecil dan terlalu rapat. Mungkin hal ini dikarenakan barang yang dijual oleh took ini sangatlah banyak, sehingga membutuhkan database yang sangat besar untuk memuat semuanya. Tetapi jika dibandingkan dengan situs toko computer yang lainnnya, menurut saya situs ini jelas kurang baik dari segi tampilan. Tengok saja http://www.bhinneka.com yang sama-sama merupakan toko computer tapi memiliki user interface website yang lebih baik. Situs bhinneka memuat gambar serta tampilan spesifikasi computer dengan user interface yang jauh lebih baik. Sehingga ada baiknya jika tampilan situ vira jaya mengikuti tampilan dari bhinneka yang menurut saya jauh lebih baik.

5. Ukuran Font

http://www.leoburnett.ca/FLASH/index.htm

Screen Shoot Website :

Analisis Kekurangan Website :

Gambar di atas merupakan halaman home dari situs leoburnett.ca. Situs tersebut saya kategorikan ke dalam situs yang memiliki kekurangan dalam hal ukuran font yang tidak dapat diubah sesuai dengan keinginan user. Mengapa hal tersebut dikatakan sebagai sebuah kekurangan? Pada teknologi CSS, disediakan fasilitas untuk tidak dapat mengubah ukuran font. Misalnya, tidak mengaktifkan aksi Ctrl + Scroll untuk mengubah ukuran font. Nah, sebaiknya fasilitas itu jangan digunakan. Biarkan user bebas dalam menentukan ukuran font sesuai yang diinginkan. Karena ada kalanya user yang telah berusia lanjut, mengalami kesulitan dalam membaca teks dari sebuah situs karena ukurannya terlalu kecil. Sehingga ia membutuhkan fasilitas untuk mengubah ukuran font agar teks tersebut bisa ia baca. Sedangkan pada situs di atas, fasilitas untuk mengubah ukuran font  tersebut sama  sekali tidak tersedia. Padahal di bagian pojok kanan bawah dari situs ini terdapat menu-menu yang merupakan konten dari situs tersebut. Selain ukuran font-nya yang sangat kecil, warna dari menu tersebut pun kurang jelas karena hampir mirip dengan background dari halaman situs tersebut. User dengan mata normal pun tampaknya agak cukup kesulitan untuk melihat menu tersebut, apalagi user yang memiliki kekurangan dalam hal penglihatan. Ada baiknya jika fasilitas untuk mengubah ukuran font tersebut tidak dihilangkan, agar pengguna dapat lebih leluasa dalam mengatur ukuran font sehingga lebih mudah dalam melihat menu-menu yang dimilki oleh situs ini.

6. Judul Halaman Sulit Ditemukan oleh Mesin Pencari

http://www.pamjaya.co.id

Analisis Kekurangan Website :

Gambar di atas merupakan salah satu halaman dari situs yang dimiliki oleh PT PAM JAYA. Situs tersebut saya kategorikan ke dalam situs yang memiliki kekurangan dalam hal judul halaman yang sulit dicari oleh mesin pencari. Mengapa hal tersebut merupakan sebuah kekurangan? Halaman depan dalam sebuah website biasanya selalu dimulai dengan judul halaman nama perusahaan, diikuti dengan penjelasan singkat dari situs. Sedangkan untuk sisa halaman terakhir, ingatlah untuk tetap menggunakan kata kunci yang menunjukkan isi dari konten halaman tersebut. Apabila judul halaman tidak dilakukan dengan benar dan tepat, maka tingkat pencarian dan kegunaan dari website tersebut dapat berkurang secara signifikan. Usahakan judul halaman merupakan text yang unik dan relevan, yang cukup menggambarkan isi dari situs. Sedangkan pada situs milik PT PAM JAYA ini, judul pada setiap halaman sama sekali tidak mengalami perubahan. Judul tersebut dapat dilihat pada tab dari tiap-tiap halaman yang selalu menunjukkan judul yang sama. Situs yang baik seharusnya selalu mengubah judul halamannya setiap berpindah dari satu halaman ke halaman yang lain. Karena judul merupakan deskripsi singkat dari sebuah halaman itu sendiri. Saya menganalisis hal tersebut dengan mencoba berpindah-pindah halaman yang ada pada situs ini. Awalnya saya berada pada halaman Home. Kemudian saya mencoba berpindah ke halaman lain yang memuat tentang anggaran dana dari PT PAM JAYA. Ternyata judul dari halamannya sama sekali tidak berubah, seperti pada gambar di bawah ini.

Terlihat pada gambar di atas bahwa judul halaman pada situs tersebut sama sekali tidak berubah, padahal sudah berpindah halaman dengan judul yang berbeda. Tentu saja hal ini akan menyebabkan halaman tersebut menjadi sulit diakses oleh mesin pencari karena judulnya yang kurang pas dengan isinya. Ada baiknya jika situs ini memberikan judul yang berbeda pada tiap halaman agar halaman tersebut menjadi lebih mudah diakses oleh mesin pencari.

7. Tampak Seperti Iklan

http://anselme.homestead.com/AFPHAITI.html

Screen Shoot Website :

Analisis Kekurangan Website :

Gambar di atas merupakan halaman website dari http://www.afphaiti.com. Website tersebut saya kategorikan ke dalam website yang memuat segala hal layaknya seperti iklan. Mengapa hal tersebut dikatakan sebagai kekurangan? Dalam era modern sekarang ini, para pengguna tidak lagi asing dengan konsep iklan dalam bentuk yang umum seperti banner, berkelap-kelip atau bentuk flash animasi dan bentuk Pop-up. Para pengguna secara sadar akan mengabaikannya, menghindari atau bahkan dengan segera menutupnya saat melihat iklan-iklan tersebut. Oleh sebab itu, hindarilah desain yang terlihat seperti sebuah iklan karena para pengguna akan mengabaikannya. Sedangkan pada situs ini, sama sekali tidak terlihat perbedaan yang jelas antara fitur dari situs ini dengan iklan yang dimuat oleh situs ini. Semuanya terlihat sama, fitur-fitur yang ada ditampilkan dalam sebuah kotak berwarna, sedangkan disekitarnya begitu banyak iklan yang bentuknya terlihat serupa. Tentu saja user tidak akan bisa membedakan antara iklan dengan fitur dari situs itu sendiri dan menganggap bahwa situs ini hanya berisi iklan saja. Selain fitur dan iklan yang seolah-olah sama, susunan menu dari situs ini pun sangatlah berantakan, sehingga membuat orang malas untuk mencari fitur yang dimiliki oleh situs ini. Ada baiknya jika situs ini melakukan perbaikan dari segi susunan menu serta pengelompokan antara fitur serta iklannya, agar user lebih mudah membedakan antara iklan dengan fitur yang dimiliki oleh situs ini.

8. Melanggar Ketentuan-ketentuan Desain

http://yvettesbridalformal.com/

Screen Shoot Website :

Analisis Kekurangan Website :

Gambar di atas merupakan halaman Home dari situs yvettesbridalformal.com. Situs tersebut saya kategorikan ke dalam situs yang memiliki kekurangan dalam hal pelanggaran kaidah-kaidah web design. Mengapa hal tersebut merupakan sebuah kekurangan? Terdapat ketentuan-ketentuan secara umum dan susunan peraturan bahwa setiap pengguna diharapkan mengerti ketentuan dalam mengunjungi sebuah website. Semua orang akan merasa nyaman dengan sebuah pengaturan bahwa mereka mengenal dan mengetahui apa yang diharapkan. Jika sebuah desain web menyimpang dari standar fungsinya, maka pada umumnya populasi pengguna secara online akan mengerti dan kemungkinan besar dari mereka dengan sendirinya pergi dari situs tersebut. Konvensi/prinsip utama dalam membuat desain web yang hampir tidak boleh dilanggar adalah konsistensi. Desain halaman web yang konsisten mempermudah user dalam mempelajarinya. Sedangkan, jelas terlihat pada gambar di atas bahwa situs tersebut sama sekali tidak memenuhi kaidah-kaidah web design. Mulai dari susunan menunya yang berantakan, tampilan background yang menyerupai konten-kontennya, iklan yang begitu banyak, sehingga benar-benar mengganggu user dalam hal memperoleh informasi melalui situs ini. Lebih parahnya lagi, situs ini telah menyalahi kaidah kekonsistenan. Begitu saya mencoba untuk masuk ke salah satu menunya, ternyata tampilan background serta susunan menunya berubah menjadi seperti gambar berikut ini.

Jelas sekali terlihat bahwa terdapat perbedaan yang mencolok antara halaman Home serta halaman mengenai The World Famous Artist ini. Padahal keduanya berada di dalam satu situs yang sama. Jika melihat tampilan tersebut, seolah-olah user diantarkan kepada dua situs yang berbeda, sehingga mungkin akan menyebabkan kebigungan di pihak user. Sesuai dengan uraian sebelumnya bahwa pelanggaran konsistensi merupakan pelanggaran terberat dalam web design.  Ada baiknya jika situs ini melakukan perubahan besar-besaran dalam penataan menu serta konsistensi tampilan setiap halamannya.

9. Membuka Jendela Browser yang Baru

http://www.keygenguru.com

Screen Shoot Website :

Analisis Kekurangan Website :

Gambar di atas merupakan halaman Home dari situs penyedia crack dan keygen yang cukup terkenal, yaitu keygenguru.com. Situs tersebut saya kategorikan ke dalam situs yang memiliki kekurangan dalam hal membuka tab Browser baru. Mengapa hal tersebut merupakan sebuah kekurangan? Terkadang user tidak menyadari bahwa halaman web yang baru diklik tersebut telah terbuka. Selain itu, bertambah tab browser baru semakin ‘mengotori’ monitor user. Karena memiliki pop-up atau beberapa jendela pop-up yang malah membingungkan dan berdampak buruk untuk pengalaman para pengguna. Sebuah link seharusnya adalah sebuah referensi hypertext sederhana yang menggantikan halaman tertentu dengan konten yang baru. Sedangkan, pada situs di atas, setiap kita akan mengunduh sebuah file, link yang tersedia pasti akan otomatis menghubungkan kita ke tab baru yang memuat halaman untuk mengunduh file tersebut, da hal tersebut akan berulang setiap kali kita akan mengunduh. Seperti terlihat pada gambar di bawah ini.

Terlihat jelas pada gambar di atas bahwa ada dua tab browser yang memuat halaman keygenguru. Hal ini disebabkan karena saya memilih link yang terdapat pada halaman sebelumnya. Seandainya saya memililih lebih banyak link untuk mengunduh, tentunya akan semakin banyak tab baru yang akan terbuka, tentunya ini akan mengotori halaman dari web browser  saya. Ada baiknya jika keygenguru memperbaiki system link untuk mengunduhnya agar tidak lagi terbuka tab baru sebelum mengunduh.

http://uk.asus.com/

Screen Shoot Website :

Analisis Kekurangan Website :

Gambar di atas merupakan halaman website yang dimiliki oleh Asus. Website tersebut saya kategorikan sebgai website yang memiliki kekurangan dalam hal pemenuhan kebutuhan pengguna. Mengapa hal tersebut dikatakan sebagai kekurangan? Cobalah lebih informatif dan penuh dengan kemudahan. Ketika pengguna mengunjungi situs Anda, biasanya mereka memiliki tujuan yang ingin dicapai dan tentunya mereka tidak memiliki banyak waktu untuk menggali keseluruhan situs hanya untuk menemukan apa yang mereka butuhkan. Jika sebuah website tidak dapat memberikan informasi dan kebutuhan yang dicari pengguna, maka website tersebut adalah sebuah website yang gagal walaupun dengan design yang sedemikian bagusnya. Menurut saya, dari segi design memang tampilan dari website ini sudah cukup baik, dilengkapi dengan gambar-gambar serta jquery yang mendukung keindahan tampilan website. Hanya saja, masih terdapat kekurangan yang menurut saya sangatlah penting. Sebagai website yang menyediakan berbagai perlengkapan bagi pengguna notebook Asus, seharusnya website ini menyediakan tempay untuk mengunduh driver bagi perangkat keras yang dimiliki oleh notebook Asus. Namun, setelah berkali-kali saya mencari, ternyata tempat mengunduh driver tersebut memang tidak disediakan oleh website ini. Tentu saja sebagai pengguna Asus saya sangat menyayangkan hal tersebut. Karena untuk mendapatkan driver perangkat keras notebook Asus saya menjadi sangat sulit. Memang pada saat awal pembelian notebook sudah disertakan cd driver untuk notebook Asus. Hanya saja, driver tersebut di khususkan bagi Operating System Windows 7 64-bit, sehingga saya tidak bisa memasang Windows 7 32-bit, karena driver perangkat kerasnya tidak kompatibel. Lalu kemanakah saya harus mencari driver untuk Windows 7 32-bit? Seharusnya website Asus ini menyediakan, tetapi sayangnya tidak. Hal inilah yang saya maksud dengan tidak memenuhi kebutuhan pengguna. Menurut saya, untuk lebih memperbaiki pelayanan Asus terhadap para customer-nya, ada baiknya jika Asus menyediakan tempat mengunduh driver ini pada situs mereka.

 

Pernahkan Anda melihat gambar di atas??? Tentu Anda terkadang sering bertanya-tanya, gambar apakah itu??? Apakah kegunaannya, dan untuk apakah gambar itu dibuat???

Melalui postingan ini saya ingin menceritakan sedikit mengenai definisi, kegunaan, dan implementasi dari gambar di atas.

Gambar di atas biasa disebut dengan QR Code (Quick Respon Code). QR code adalah bentuk evolusi dari kode batang yang awalnya berwujud satu dimensi menjadi dua dimensi. Kode ini sering digunakan di Jepang karena kemampuannya menampung informasi yang lebih besar dari kode batang satu dimensi, sehingga mampu menampung huruf kanji.

Lebih lanjut, QR code adalah suatu jenis kode matriks atau kode batang dua dimensi yang dikembangkan oleh Denso Wave, sebuah divisi Denso Corporation yang merupakan sebuah perusahaan Jepang dan dipublikasikan pada tahun 1994 dengan fungsionalitas utama yaitu dapat dengan mudah dibaca oleh pemindai QR merupakan singkatan dari quick response atau respons cepat, yang sesuai dengan tujuannya adalah untuk menyampaikan informasi dengan cepat dan mendapatkan respons yang cepat pula.Seperti yang telah disebutkan di atas, kode ini memiliki kelebihan dibandingkan kode batang satu dimeni karena mampu menampung informasi yang lebih besar.

Awalnya kode QR digunakan untuk pelacakan kendaraan bagian di manufaktur, namun kini kode QR digunakan dalam konteks yang lebih luas, termasuk aplikasi komersial dan kemudahan pelacakan aplikasi berorientasi yang ditujukan untuk pengguna telepon selular. Di Jepang, penggunaan kode QR sangat populer, hampir semua jenis ponsel di Jepang bisa membaca kode QR sebab sebagian besar pengusaha di sana telah memilih kode QR sebagai alat tambahan dalam program promosi produknya, baik yang bergerak dalam perdagangan maupun dalam bidang jasa. Pada umumnya kode QR digunakan untuk menanamkan informasi alamat situs suatu perusahaan.

Beberapa waktu yang lalu, saya pernah mendapatkan pengalaman tersendiri mengenai QR code. Di rumah, saya memiliki sebuah poster berukuran besar yang berasal asli dari Jepang. Di sudut bawah dari poster tersebut terdapat sebuah QR code yang saat itu belum saya ketahui untuk apa kegunaannya. Setelah mencari beberapa referensi dan bertanya kepada teman-teman saya, akhirnya saya mengetahui kegunaan dari kode tersebut. Teman saya menyarankan saya untuk memasang aplikasi pemindai QR code ke dalam ponsel saya. Kemudian aplikasi tersebut digunakan untuk memindai QR code yang terdapat pada poster tersebut. Setelah saya coba, ternyata QR code tersebut menghubungkan saya kepada sebuah website yang memuat tempat untuk mengunduh wallpaper-wallpaper langka yang hanya dimiliki oleh website tersebut. Seperti yang telah saya sebutkan di atas, terbukti bahwa QR code berguna untuk menanamkan informasi alamat situs dari suatu perusahaan.

Setelah mengalami hal tersebut, maka saya mengambil kesimpulan bahwa QR code dapat menjadi media pertukaran informasi pribadi secara lebih mudah dan terjaga keamanannya. Sehingga QR code tersebut bisa juga digunakan sebagai media informasi pertukaran biodata pribadi seperti kartu nama, alamat, nomor telepon, alamat email, ataupun URL sebuah website. Walaupun masih terdapat sedikit kekurangan karena kita harus memiliki device yang dapat memindai QR code, namun ponsel saat ini sudah cukup banyak yang mampu memindai QR code. Contohnya yaitu ponsel Blackberry, QR code biasa digunakan oleh pengguna Blackberry dalam hal pertukaran PIN Blackberry Messanger.

Setelah mengetahui beberapa kegunaan dan keunggulan dari QR code itu sendiri, saya mencoba untuk sedikit berinovasi. Kira-kira, jika saya memiliki sebuah QR code, untuk apakah QR code tersebut saya gunakan? Mungkin pada awalnya saya sedikit bingung karena saya jarang sekali menggunakan kode tersebut. Kira-kira infomasi apakah yang akan saya masukkan ke dalam kode tersebut? Banyak info yang bisa dimasukkan, namun hanya beberapa info yang cukup penting sehingga cukup bernilai untuk dimasukkan. Di tengah kebingungan tersebut akhirnya muncullah sebuah ide yang menyangkut data-data pribadi saya. Saat ini saya memiliki beberapa akun jejaring sosial, email, ATM, mobile messanger, dan akun untuk keperluan kuliah. Semua akun tersebut tentunya memiliki password, dan akan berbahaya jika suatu saat saya lupa password-password tersebut. Oleh karena itu, saya mendapat ide untuk menyimpan semua info mengenai password-password saya tersebut kepada QR code yang saya miliki, sehingga jika suatu saat saya lupa akan password-password tersebut, saya cukup memindainya agar dapat mengetahui password yang saya miliki. Selain itu, dengan menyimpan data password ke dalam QR code, data password tersebut akan lebih aman sehingga tidak semua orang dapat mengetahui password saya, Mungkin saat ini baru itu saja ide yang terpikir kan oleh saya mengenai QR code, karena saya masih belum begitu memahami lebih dalam mengenai kode tersebut, oleh karena itu tolong ingatkan saya apabila masih terdapat beberapa kesalahan pemahaman dalam penerapan QR code yang saya paparkan. Terima kasih.  

 

Gambar 1. Tampilan Home

 

Melalui postingan ini saya ingin memperkenalkan sebuah aplikasi berbasis web yang cukup terkenal, yaitu Yu Gi Oh 5DS Official Website. Aplikasi ini merupakan official website dari sebuah trading card game nomor 1 di dunia Yu Gi Oh. Di dalam aplikasi ini memuat berbagai macam info mengenai permainan kartu tersebut, mulai dari peraturan permainan, macam-macam kartu, cara bermain online, serta event-event yang berkaitan dengan permainan kartu tersebut. Gambar di atas merupakan tampilan Home dari Aplikasi tersebut, mungkin menurut kesan awal mengenai tampilan dari aplikasi tersebut adalah "kurang menarik", mengapa demikian? Tampilan awal menurut saya merupakan pondasi awal yang membuat aplikasi tersebut bisa dianggap menarik atau tidak, sedangkan tampilan awal dari aplikasi tersebut hanya berupa tulisan, logo, dan gambar peta yang cukup besar, menurut saya itu kurang menarik untuk dijadikan sebagai halaman awal.

 Gambar 2. Tampilan Menu

Kemudian menginjak ke tampilan menu, tampilan ini memuat menu-menu yang disajikan pada aplikasi tersebut, serta konten-konten yang terdapat didalamnya. Menurut saya tampilan dari halaman Menu ini jauh lebih menarik dibandingkan dengan halaman sebelumnya, karena sudah memuat gambar animasi yang cukup besar, serta menu-menu yang dibuat berwarna-warni, dibungkus dengan tampilan background berwarna hitam, hanya saja tampilan pada halaman ini masih memiliki terdapat kekurangan dimana masih terdapat banyaknya tulisan yang mungkin jika diringkas akan membuat tampilan halaman ini terlihat lebih menarik lagi.

 

Gambar 3. Tampilan Products

Menginjak ke halaman Products, halaman ini memuat berbagai macam produk deck kartu yang dimiliki oleh aplikasi ini. Secara tampilan mungkin tidak berbeda jauh dengan halaman sebelumnya, hanya saja dengan jumlah tulisan yang lebih sedikit, sehingga kekurangan yang ada pada halaman sebelumnya telah sedikit teratasi. Tetapi menurut saya masih kurang menggigit untuk aplikasi yang menyediakan informasi mengenai permainan kartu terlaris di dunia.

Gambar 4. Tampilan Rule Game

Halaman ini memuat segala peraturan yang ada dalam permainan kartu ini, menurut saya, sebagai halaman yang memuat petunjuk permainan, halaman ini sudah cukup ideal. Tidak terlalu banyak tulisan, dan peraturannya di urai dengan sangat baik dalam beberapa sub materi. Hal ini tentu saja memudahkan user untuk dapat mengakses halaman ini dan mencari peraturan yang belum mereka pahami. Sedikit tambahan dari saya, mungkin saja halaman ini akan terlihat lebih menarik jika ditambahkan sedikit animasi berupa gambar bergerak.

Gambar 5. Tampilan Halaman Forum

Menginjak ke halaman forum, halaman ini merupakan forum tanya jawab, ataupun sharing informasi mengenai kendala ataupun event-event yang ada mengenai permainan kartu ini. Menurut saya, secara penampilan halaman ini sudah cukup untuk dikatakan sebagai halaman forum, tampilan warna yang elegan, disertai dengan piliha-pilihan forum yang beragam, cukup membantu user dalam mencari forum yang mereka inginkan. Hanya saja, masih kurang menggigit dalam hal animasi, animasi bergerak tentu akan lebih mempercantik halaman ini.

Mungkin hanya sekian yang bisa saya review mengenai tampilan dari aplikasi ini, secara keseluruhan saya mengatakan tampilan dari aplikasi ini sdah cukup baik, hanya saja sebagai official website  dari sebuah permainan kartu terlaris di dunia, tampilan dari aplikasi ini masih kurang menggigit, animasi-animasi yang lebih mewah sepertinya dapat mempercantik tampilan dari aplikasi ini. Serta perbaikan pada halaman home, mungkin akan menghilangkan kesan "membosankan" yang timbul dari pandangan user pada saat membuka aplikasi ini.

 

Setelah dua tahun lamanya, akhirnya ni blog d isi lg, lg2 d isi gr2 tgs, hehehe. .

Besok..Kamis, 19 Juni 2007, w bakal jalan-jalan ke Bandung bareng temen-temen kelas XI di Etniez. W berharap semoga w sama temen-temen bisa selamat sampai tujuan ( Amiiiiin ), truz kita semua bisa pulang lagi ke Bekasi dengan selamet ( Amiiiin )….He1000x….!

APTX 4869  

Alhamdulillahirabbil’alamin….Akhirnya mulai hari ini, jam ini, menit ini, detik ini, w merdeka juga, coz UAS Semester 2 udah selesai. Mulai hari ini, jam ini, menit ini, detik ini, w bisa santai-santai lagi di rumah, w bisa bobo siang lagi di rumah, w bisa main PS lagi di rumah, seneeeeeeng banget rasanya. Semoga pada UAS kali ini w nggak banyak remed nya, biar w bisa mempermudah langkah w menuju tempat impian w, yaitu JEPANG…Japan I’m coming…..!…He1000x…

APTX 4869