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”>
<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/

Kaitkata:

Tinggalkan Balasan

Fill in your details below or click an icon to log in:

WordPress.com Logo

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

Twitter picture

You are commenting using your Twitter account. Log Out / Ubah )

Facebook photo

You are commenting using your Facebook account. Log Out / Ubah )

Connecting to %s

Ikuti

Get every new post delivered to your Inbox.