Archive for the ‘Interaction Design’ Category

Pada analisis ini saya akan menganalis sebuah website yaitu www.bri.co.id .

 

Gambar 1

 

Gambar 2

 

Gambar 3

 

Gambar 4

Pada keempat gambar diatas merupakan tampilan antarmuka dari website www.bri.co.id . Menurut saya tampilan search engine pada website tersebut kurang baik. Ada beberapa kekurangan pada tampilannya tersebut. Pertama, pada hasil pencarian tidak tampak kotak box yang berisi keyword untuk pencarian. Hal ini berarti tidak ada jejak navigasi sehingga menyulitkan pengguna untuk mengedit keyword.  Kedua, kotak search engine hanya berada pada menu home saja. Hal ini menyulitkan pengguna apabila sedang tidak berada di menu home. Ketiga, pada hasil pencarian tidak terdapat teks link untuk ke halaman hasil pencarian selanjutnya atau sebelumnya. Hal ini sulit bagi pengguna jika ingin kembali atau melanjutkan dari hasil pencariannya. Keempat, memiliki nomor urut yang sama hasil pencarian pada setiap halaman. Sehingga pengguna tidak tahu hasil nomor berapakah yang sudah dicari dengan tanpa keterangan.  Dari keempat analisa tadi, saya mempunyai solusi dari kekurangan tersebut. Pada point pertama dan kedua, saya memberikan kotak dialog hasil pencarian supaya pengguna bisa mengedit langsung pada menu pencarian. Jadi pengguna tidak perlu menavigasikan ke halaman home untuk menggunakan  search engine tersebut. Pada point ketiga, saya menambahkan link text disamping penomoran banyaknya halaman hasil pencarian yaitu “sebelumnya” dan “selanjutnya”. Sehingga pengguna mudah dalam menavigasikan tiap halaman hasil pencarian. Pada point keempat , saya menggantikan nomor hasil dari pencarian. Jadi user tahu jumlah dan sedang berada di nomor berapa hasil pencariannya. Berikut ini hasil yang saya perbaiki dari search engine pada website www.bri.co.id :

REFERENSI

Galizt WO. 2007. The Essential Guide to User Interface Design. Canada : Willy.

Nielsen J. 1997. Search and You May Find. Terhubung berkala : http://www.useit.com/alertbox/9707b.html  [23 Oktober 2011]

Advertisements
  1. Analisis 10 Top Mistakes in Web Design
  • Bad Search

 

Pada website ini ketika saya ingin mencari dengan kata kunci “galaxy y” yang muncul adalah 12 hasil pencarian. Akan tetapi tidak satupun yang mengacu dengan kata kunci yang saya berikan. Dan juga tidak sistematisnya pencarian tersebut.

  • PDF Files for Online Reading

Pada website ini, ketika saya mencari keyword “fisika inti”, makan muncul dokumen yang menurut saya pembacaan dokumen tersebut tidak efisien karena hanrus men-scroll mouse atau menekan tombol bawah untuk membaca per halaman. Saya tidak bisa bisa meloncat tiap halaman atau bab. Tidak ada daftar atau index isi dokumen tersebut.

  • Not Changing the Color of Visited Links

Pada website ini ketika di navigasikan pada menu “news”, maka tampilan berita pada menu ini terdiri dari 2 kolom dengan ada headline berupa gambar atau foto. Pada daftar berita yang diberikan ketika saya mengklik salah satu berita tersebut maka tidak ada perubahan warna pada link berita tersebut.

  • Non-Scannable Text

http://folktalesnusantara.blogspot.com/

Pada website ini pengguna sedikit sulit untuk membaca tulisan karena warna font dengan background text sama-sama gelap. Sehingga membuat sakit mata ketika harus fokus membacanya.

  • Fixed Font Size

http://dongeng.org/cerita-rakyat/nusantara/naga-sabang-dan-dua-raksasa-seulawah.html

Pada website ini terlihat admin mematikan fungsi ctrl+scroll untuk me-resize font. Dalam hal ini pengguna tidak bebas untuk memilih font. Hal ini berakibat tidak jelas terbacanya tulisan karena tiap pengguna memiliki penglihatan yang berbeda-beda terutama yang sudah umunr 40 tahunan keatas.

  • Page Titles With Low Search Engine Visibility

http://www.ivanstech.com/

Pada website ini tidak nampak bahwa website toko komputer. Karena nama dan halamannya tidak seperti toko online. Hanya berisika artikel-artikel, sehingga menyulitkan pengguna yang mencari pada search engine.

  • Anything That Looks Like an Advertisement

Pada website ini terlihat sekali penuh dengan banner iklan disekelilingnya. Ini sangat menggang ketika saya ingin menavigasikan di website tersebut.

  • Violating Design Conventions

www.lms.ipb.ac.id

Pada website ini, pengguna dibingungkan dengan letak fungsi login. Karena biasanya pengguna tahu bahwa untuk login berada pada bagian atas kanan atau kiri. Sebenarnya pada website ini sudah ada di pokok kanan atas. Akan tetapi  login tersebut tidak bisa di akses. Jadi login berada pada bawah website tersebut. Menurut saya hal itu membuat tidak efisien dan juga tidak usability.

  • Opening New Browser Windows

Pada website ini ketika mengklik pada link situs yang dituju, maka akan muncul pada tab yang baru pada browser. Sehingga pengguna tidak tahu, apalagi jika pengguna menggunakan layar yang tidak luas dan juga resolusi kecil maka tidak akan tahu muncul tab baru.

  • Not Answering Users’ Questions

http://goodnight.shop.rakuten.web.id/200000001439118/

Pada website ini pengguna dibingungkan dengan harga yang tidak pasti. Karena produk tersebut memiliki promosi. Pengguna ingin harga yang pasti dari sebuah produk.