Minggu, Oktober 23, 2011

ANALISIS ANTARMUKA PENCARIAN TELKOM

Design interface dari search engine pada www.telkom.co.id telah menyerupai tampilan search engine pada umumnya. Posisi yang digunakan adalah posisi standar yaitu di bagian kanan atas dari web dan juga muncul di setiap halaman utama web. Mekanisme pencarian web ini tidak melalui menu pull-down dan  tidak menyediakan link ke situs web eksternal di Halaman Hasil Search Engine (SERP) yang pasti mengarah ke pengguna meninggalkan situs web anda.
 
Namun, ada teks “Search” yang menghalangi text box:

Hal ini menyulitkan antarmuka pencarian yang tidak perlu. Sebaiknya dihapuskan saja atau dipindahkan ke bagian kiri sebagai penunjuk. Bisa dilihat button untuk melakukan pencarian terletak di bagian kanantext box. Label tombol pencarian seperti "Go" untuk melambangkan pencarian kurang bermanfaat daripada sebuah tombol yang disebut "Cari"

Mengenai lebar dari search box tampaknya hanya mampu menampung 28 karakter, tetapi ternyata bisa menampung karakter lebih dari 28 karakter (tak terhingga) sehingga kata yang diketikkan yang  melebihi 28 karakter akan bergeser ke kiri. Hal ini menyebabkan kata yang kita masukkan sebelumnya tidak tampak dan harus menggeser kursor ke kiri. Ini mengakomodasi pencarian yang terlalu luas. Selain itu, web Telkom tidak mengakses melalui link ke sebuah "Search Page” sehingga kita bisa mencari pada kotak pencarian yang  tersedia dari halaman utama saat ini.
Jika terdapat salah ketik atau typo dlalam pencarian maka web ini bisa memberikan tips kata yang benar yang seharusnya dimasukkan oleh pengguna. Hal ini dimaksudkan untuk menanggulangi masalah salah pengetikkan sekaligus membantu pengguna untuk mencari ejaan suatu kata yang sulit. Terlihat sistem ini adalah sistem search engine case sensitive.contohnya ketika salah dalam mengetikkan “flexi”, hasilnya :
 
Kajian berikutnya yaitu, saat melakukan proses pencarian. Hal pertama yang terpikir adalah langsung menekan tombol “go” dan melihat respon dari web. Contoh pencarian :
1.      Pencarian “Speedy” pada search box menghasilkan halaman berikut:

 
System ini malah mengeluarkan berkas yang banyak mengenai “speedy” walaupun pencarian ini sudah dilengkapi dengan paging. Halaman yang ingin ditampilkan ketika memasukkan kata “speedy” adalah 202 matches. Menurut saya hal ini sangat menggangu, alangkah lebih baiknya jika speedy ini lebih dikelompokkan lagi sesuai penggolongan yang lebih sederhana daripada pengguna harus melihat sampai hal ke -20.

1.  Misalnya kita memilih fitur “Produk & Layanan” kemudian pilih “Seluler” maka akan muncul halaman seperti ini :
Ketika kita pilih pilihan yang telah ditampilkan, maka semua akan menampilkan hal yang sama.
  
Seharusnya jika pilih “Perdana Flash Unlimited”, yang ditampilkan adalah informasi mengenai Flash Unlimited, bukan hal seperti diatas. Hal ini menyebabkan ketidaksinkronan data. Alangkah bagusnya jika dipilih “Kartu As” yang disajikan hanyalah info seputar kartu as.

Saran Desain untuk kekurangan dari web ini :
1.      Untuk search box

2.      Tampilan jika memilih pilihan “kartu as”
 
Referensi :
Justin. (2011). 10 Usability Guidelines For Designing The Search Interface [internet]. http://usabilitygeek.com/10-usability-guidelines-for-the-search-interface/ [diakses tanggal 23 Oktober 2011].

 G64090016

Top 10 Mistakes in Web Design

1. Bad Search
Sumber web : http://www.bajupesta.com/
Analisis web :
·         Ketika membuka web ini ,saya bingung apa yang harus dilakukan selanjutnya . Web ini hanya menampilkan satu halaman tanpa petunjuk apapun untuk bisa diklik dan bagian search juga tidak ditemukan. Ternyata halaman selanjutnya  muncul setelah kita mengklik Judul dari web ini :
atau
·         Di halaman selanjutnya, ditemukan bagian search :
·         Sayangnya, kata  yang dimasukkan pada search box yang disediakan tidak menghasilkan pencarian. Contoh pencarian :
Hasil dari pencarian adalah :
·         Akhirnya, setelah diusut search box jadi tidak berfungsi. Jika ingin mengetahui gaun pengantin atau produk lainnya dengan cara mengklik box berikut :
Dengan demikian, sebagai pengguna mesti melakukan pencarian bukan di search box yang tampak melainkan di Category Product Box.

2.       PDF Files for Online Reading
Analisis web :
            Tampilan awal dari web ini saja disuguhkan seperti ini :

Misalnya pengguna menglik bagian ini :
 Maka akan ditampilkan dalam bentuk halaman seperti majalah walaupun ini berjudul “bulletin”. . Untuk bagian lain juga demikian. 

3. Not Changing the Color of Visitd Links
Sumber web : http://www.detik.com/
Analisis web :

Web ini berisi banyak berita dan  artikel.Namun , ketika link tersebut telah dikunjungi tidak ada perubahan warna yang terjadi. Oleh karena itu, sebaiknya menandakan artikel mana saja yang sudah dikunjungi dengan mengubah warna link dari web yang sudah dikunjungi dibuka.

4.       Non-Scannable Text
Analisis web :

Sebaiknya untuk web games ini jangan menyajikan walkthrough berupa kalimat dengan tulisan yang tidak menarik. Sehingga, pengguna akan cenderung bosan. Alangkah lebih bagus jika disajikan dengan gambar agar pengguna bisa mengerti dalam penyelesaian games.
  
5.       Fixed Font Sized
Analisis web :

Web ini tidak mempunyai pengaturan font langsung dari website nya, padahal ukuran font nya lumyan kecil. Sehingga untuk memperbesar ukuran, itu dilakukan browser bukan websitenya karena web tidak menyediakan resize text.

6.       Page Title with Low search engine visibility
Sumber web : http://akimee.com/
Analisis web : Ini merupakan nama web berbahasa jepang. Sebagai pengguna orang Indonesia kita jarang menggunakan bahasa jepang dalam pencarian kata kunci temapat belanja. Web ini ditemukan karena  kata kunci “belanja murah dan hemat”.

7.       Anything that looks like an advertisement
Analisis web :
Tampilan web ini agak sulit dibedakan antara iklan dengan informasi yang ingin dipublikasikan.

8.       Violating Design Convention
Sumber Web : http://arngren.net/
Analisis web : 
Jika kita buka salah satu bagian di halaman depan ini, maka akan muncul tampilan yang berantakan. Begitu juga dengan halaman lainnya. Walaupun backgroundnya tetap tapi tampilannya sangat berantakan. Jadi tidk enak dilihat.
  
9.       Opening New Browser Windows
Analisis web : setelah kita masukkan “sesuatu” yang ingin kita cari di search box maka akan muncul hasil pencarian (asumsi: data yang dimasukkan tersedia). Nah, misalnya kita ingin download lagu “Alice-Avril Lavigne” maka ketika diklik maka akan langsung membuka tab baru.

10.   Not Answering Users’ Question
Analisis web :
Web ini memiliki pilihan yang banyak untuk diklik. Tapi sayangnya, setiap kali diklik, contohnya

Setelah diklik kemudian web ini membuka tab baru tapi yang ditampilkan tetap halaman awal ketika membuka website ini. Begitu seterusnya.

Kamis, September 29, 2011

Ide Implementasi QR Code

Pernah dengar tentang QR Code?? Apa sih itu??



Lihatlah ulasan singkat berikut !!


QR Code


 Kode QR 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. Berbeda dengan kode batang, yang hanya menyimpan informasi secara horizontal, kode QR mampu menyimpan informasi secara horizontal dan vertikal, oleh karena itu secara otomatis Kode QR dapat menampung informasi yang lebih banyak daripada kode batang.

Nah, kan kode ini bisa dikatakan kode yang aman untuk kita gunakan. Berikut ide dari implementasi QR Code yang bisa digunakan dalam kehidpan sehari-hari.
1. QR Code untuk membuka kunci pintu masuk rumah kontrakan mahasiswa atau kos-kosan. Saat ini sangat rawan kemalingan. Baik itu pencurian kendaraan bermotor, barang elektronik, alat telekomunikasi / mobile phone, atau lainnya. Sekarang  semua itu bukan hanya kebutuhan Lux tapi bisa dikatakan kebutuhan primer atau sekunder. Tak heran kalau semua mahasiswa punya laptop saat ini. Rawannya pencurian salah satunya dipicu oleh kelalaian mahasiswa yang tidak memastikan pintu masuk nya sudah terkunci dengan benar atau belum. nah, disinilah peran dari kode ini. Dengan digunakan qr code pada kunci pintu masuk dan itu hanya dimiliki oleh penghuni rumahnya, maka akan menghindari bobolnya kunci oleh pencuri. Bentuk implementasinya, qr code bsa dipasang pada kunci pintu rumah. 

2. Bentuk implementasi lainnya yaitu qr code bisa dipasang pada kunci pengaman sepeda. sehingga bisa dipastikan bahwa selain yang memegang kunci pembuka pengaman sepeda, tidak akan bisa membukanya. Hal ini bisa membuat kita tidak was-was mau memparkirkan sepeda kita dimana aja. Tujuannya juga menghindari tindak kriminal seperti pencurian.