3 Kesalahan Programmer Web (1/3)

Seringkali seorang programmer web terlalu bersemangat membuat sebuah website yang dianggapnya menarik, unik, out-of-the box dan benar-benar state of the art alias kerena banget. Sayangnya mereka seringkali juga lupa bahwa sebuah web yang diharapkan akan dikunjungi banyak orang juga harus mudah digunakan, tidak hanya sekedar enak dipandang. Berikut ini adalah beberapa hal yang sebaiknya tidak dilakukan oleh programmer web supaya website yang dibuat tetap ramah pengguna.

1. Melupakan Aturan Dasar
Pengguna internet telah terbiasa dengan aturan-aturan dasar mengenai tatanan penggunaan website dan bakalan kebingungan kalau apa yang mereka temui di sebuah web tidak seperti yang biasa mereka gunakan di web yang lain, seperti:

  • Sebuah objek yang tampaknya bisa diklik biasanya akan muncul pointer berbentuk lambang tangan ketika pointer mouse lewat di atasnya. Akan membingungkan kalau pointer tersebut tetap berbentuk panah. Pengunjung akan ragu apakah objek tersebut bisa diklik apa tidak.
  • Sebaris teks dengan garis bawah warna biru pasti akan dianggap sebuah link. Pengunjung akan bingung kalau itu ternyata bukan link dan tidak bisa diklik.
  • Logo di pojok kiri atas sebuah website biasanya bisa diklik untuk kembali ke halaman utama. Kalau logo itu tidak bisa diklik maka pengunjung akan sedikit kecewa.

Nah, dengan demikian ada setidaknya tiga aturan yang sebaiknya dipatuhi programmer web:
1. Elemen yang bisa diklik sebaiknya menampilkan pointer berupa tangan saat pointer mouse lewat di atasnya. Kita bisa menggunakan CSS sederhana untuk membuatnya konsisten:

div:hover { cursor: pointer; }

2. Buat style link dengan benar
Sebuah link yang bisa diklik sebaiknya berwarna biru dan digarisbawahi.

3. Logo dibuat bisa diklik
Buatlah logo utama di header web bisa diklik untuk membawa pengunjung kembali ke halaman muka. Caranya bisa dengan membungkus logo di dalam tag berikut:

<a href=”http://www.example.com”&gt;
<img title=”Example Company Logo” src=”logo.gif” alt=”Example Company” width=”100″ height=”100″ />
</a>

Sumber: http://mashable.com/2011/11/20/web-programmer-mistakes/

Tag:

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: