Wednesday 24 March 2010

11 Kesalahan Umum Web Design

Ada banyak situs web di Internet, ratusan atau mungkin ribuan diciptakan per hari. Berikut adalah hal yang sangat menarik untuk direnungkan - "Apa unsur-unsur situs web yang baik?"

Membangun sebuah website dapat menjadi sesuatu yang membingungkan tetapi sesungguhnya itulah tantangannya sehingga dapat digunakan dengan mudah. Masalahnya adalah kebanyakan web designer lupa bahwa situs web tidak diciptakan untuk sendiri, tetapi untuk memecahkan kebutuhan pengguna. Mereka memberikan prioritas terhadap kreativitas, kepraktisan dan kegunaan.

Pada artikel ini, kami ingin menyoroti 11 blunder web desain yang web developer dan desainer sering lakukan dan beberapa saran bagaimana kesalahan-kesalahan ini dapat dengan mudah dihindari.

1. Where’s the Search box?

Web seperti sebuah arsip informasi. Entah itu situs web perusahaan atau hanya sebuah blog, kotak pencarian adalah penting. Mungkin pengunjung mencari sesuatu yang tersembunyi di dalam website, dengan kotak pencarian, kemungkinan besar, pengunjung akan mendapatkan apa yang mereka inginkan.

Saran:
Google Custom Search adalah yang rapi, sederhana dan cara efektif untuk memulai. Hal ini memungkinkan pengunjung mencari situs Anda dalam cara yang efisien. Hanya menyalin kode HTML dari panel kontrol dan sisipkan di situs Web Anda dan voila, Anda punya hak fungsi pencarian di situs Web Anda.

Berikut adalah kode sederhana untuk menampilkan mesin pencarian Google di situs Anda. Yang harus Anda lakukan adalah mengubah nama situs untuk nama website Anda. Plus, Anda dapat memodifikasi "submit value" dengan apa pun yang Anda sukai.

<form action="http://www.google.com/search" method="get"> <fieldset> <input name="sitesearch" value="http://www.hongkiat.com/blog/" type="hidden"> <input name="q" size="25" maxlength="255" value="" type="text"> <input value="Search KiosDigital" type="submit"> </fieldset> </form>



2. Poor Readability & Legibility.

Ini merupakan unsur penting dalam desain web. Tentu saja, desain antarmuka yang baik akan meraih perhatian pengguna namun pengguna harus membaca teks yang akan mampu menangkap informasi yang mereka inginkan. Beberapa situs web menggunakan gaya paling aneh dan ukuran font yang membuat pembaca merasa sakit kepala.

Saran:
Untungnya, ada cara sederhana yang dapat Anda lakukan untuk meningkatkan pengalaman pengguna membaca di website Anda.

>> 1. Bandingkan skema warna dari sebagian besar situs besar dan perhatikan bagaimana warna yang lebih mudah dibaca. Tempat yang baik untuk mencoba skema warna yang berbeda adalah Adobe Kuler.
>> 2. Gunakan jenis huruf sans serif karena memungkinkan untuk mudah membaca di web.

3. Unorganized Content Layout.

Sebuah konten pada situs web adalah yang mengarahkan pengunjung untuk datang. Bagaimana struktur konten adalah apa yang akan membuat sukses atau gagal. Pengguna tidak membaca kecuali benar-benar diperlukan tapi memindai melalui informasi dan memilih tempat menarik pada halaman web. Beberapa desainer hanya menempatkan blok teks pada halaman web dan sama sekali mengabaikan judul, sub-judul, sub-item, kata kunci, paragraf, dll.

Saran:
Atur konten di website Anda menggunakan HTML dan CSS harus digunakan saat membuat desain halaman Anda.

1. Cukup membuat spasi antara teks dan gambar dengan menggunakan margin.
2. Update dan konsisten. Tujuan memperbarui bukan hanya untuk menambah konten baru, tetapi untuk menemukan dan memperbaiki kesalahan masa lalu. Jakob Nielsen menyarankan Anda menyewa seorang "tukang kebun" web.

4. Bad Navigation.

Navigasi dalam situs web harus mulus. Pengguna harus dapat menemukan jalan dan arah dengan mudah. Meskipun tidak ada standar untuk navigasi dalam sebuah website, terutama sekarang karena lebih banyak teknologi pengembangan web baru muncul, sangat penting untuk memahami bahwa navigasi harus intuitif dan konsisten.

Jika teks digunakan sebagai navigasi, maka sebaiknya ringkas. Metafora visual tidak boleh kembali diciptakan. Jika hyperlink yang digunakan, maka mereka harus berdiri keluar dari tubuh teks. Link mati seharusnya tidak memiliki tempat pada halaman Web apapun. Hal ini akan meningkatkan kebingungan pengguna dan buang waktu. Dan satu yang bahkan lebih buruk adalah sama seperti memiliki link pada situs yang di-link ke homepage.

Saran:
1. Buatlah navigasi halus dengan menggunakan deskripsi tekstual untuk semua link. Berikan alt teks untuk gambar. Gunakan deskripsi teknik teks alternatif untuk Flash atau Javascript link.
2. Atur dan strukturkan navigasi Anda bersama-sama dengan tema situs web. Situs pribadi boleh saja menjadi lebih kreatif tetapi situs bisnis membutuhkan lebih banyak efisiensi dan kejelasan.

Ingat, jika pengguna tidak dapat menemukan apa yang mereka inginkan dalam waktu kurang dari 3 klik, sebagian besar akan segera pergi.

5. Inconsistent Interface Design.

Kreativitas yang berlebihan bisa saja tidak berguna. Berlebihan! Beberapa desainer sering membuat website dengan membuat desain yang berbeda untuk setiap halaman web dalam sebuah situs web. Ini berarti membingungkan pengguna. Dan sangat menjengkelkan. Tidak peduli seberapa hebat dan menarik sebuah situs web, jika seluruh tampilan dan nuansanya tidak konsisten, pengguna tidak dapat memahami itu dan merasa kurang memegang kendali. Jadi, mereka akan segera pergi begitu mereka tiba.

Saran:
1. Gunakan konsisten standar template untuk setiap halaman dengan link ke bagian utama situs.
2. Kata kunci sederhana. Buat estetis desain sederhana dan pengguna tidak akan pernah merasa bingung pada website Anda.

6. Unfriendly Screen Resolution.


Saya yakin kita sudah pernah mengunjungi website di mana Anda harus "scroll" secara horizontal. Ini adalah mutlak tidak dapat diterima di desain web modern. Desainer yang baik akan mengembangkan situs Web yang paling sesuai pada ukuran layar. Saat ini layout optimal untuk situs web adalah 1024 x 768 piksel.

Saran:
Sulit dan hampir mustahil untuk memenuhi desain untuk menyesuaikan setiap resolusi terutama ketika pengunjung sekarang berselancar dari ponsel dan netbook, tetapi kita dapat memperoleh gambaran kasar tentang apa yang umumnya digunakan adalah resolusi layar dengan cara berikut ini:

* Periksa statistik - Analyic layanan seperti Google Analytics menyediakan informasi tentang resolusi monitor apa yang mereka gunakan. Ini adalah informasi yang perlu anda ketahui sebelum memulai merubah berikutnya.
* W3 Schools Browser Stats - W3 Schools jelas memberikan daftar browser yang paling populer digunakan oleh netizens dan mengurutkan mereka menurut popularitas. Ada beberapa statistik menarik dan penting juga.

7. Complicated Registration Forms.

Formulir pendaftaran yang rumit. Berapa banyak informasi yang Anda butuhkan dari pengguna? Jangan buang waktu para pengguna untuk mendaftar ke website Anda. Beberapa situs web membuat sebagian besar fields pendaftaran wajib dan memvalidasi fields yang akhirnya dapat membuat pengguna merasa frustasi karena gagal validasi. Ingat, pengguna mengunjungi situs Web untuk memperoleh informasi. Bukan sebaliknya.

Saran:
Bandingkan Formulir pendaftaran di komunitas di web dan memahami apa informasi dasar yang diperlukan dari pengguna selama proses pendaftaran.

8. Unscrupulous Use of Images/Animations.

Terlalu banyak gambar pada halaman web dapat menjadi penyebab mematikan. Gambar dapat digunakan untuk menangkap perhatian pengguna tetapi juga bisa menjadi pengalih perhatian atau sekadar hiasan. Gambar harus digunakan untuk menggambarkan dan memandu pengguna bila diperlukan.

Animasi memang sangat indah dan menjadi media yang kuat. Terutama ketika digunakan dengan tepat. Namun bila terlalu banyak atau lama, maka dapat menimbulkan ketidaksabaran dari Pengguna, sehingga desainer harus menawarkan alternatif atau lebih baik lagi, tombol skip, jika satu halaman penuh animasi.

9. Cluttered Pages, More Whitespace.

Terlalu banyak desainer lupa akan ruang kosong dan arti pentingnya. Mereka begitu tenggelam dalam kreativitas desain mereka sendiri dan mereka lupa bahwa ini bukan tentang mereka. Dengan demikian, mereka mencoba untuk menjejalkan sebanyak mereka bisa ke satu halaman. Hasil akhirnya? Sibuk, penuh sesak dan halaman tak terbaca.

10. No Background Music, Please!

Pengguna tidak ingin sesuatu yang keren, mereka mencari efisiensi. Dan ya, 99 persen tidak peduli tentang musik di website Anda. Beberapa desainer membuatnya lebih buruk dengan menempatkan musik latar yang berbeda pada setiap halaman web. Dan ini justru berakibat fatal, akses menuju web anda akan terasa sangat berat.

Saran:
Tidak menggunakan musik latar, tapi jika Anda harus, buatlah frame untuk kode dan kontrol pengguna. Dengan cara itu, musik loop terus menerus, bukan setiap kali loading ketika halaman baru dimuat dalam situs web. Dan pengguna dapat menghentikan atau menunda kapan saja.

11. Test, Test and Test.

Ini mungkin tidak terlalu penting, namun berapa kali kita pergi ke halaman web yang hanya dapat dilihat pada browser tertentu? Pengembang web harus memiliki semacam checklist ketika pengujian website.

* Apakah situs web dapat dilihat dalam lingkungan yang berbeda?
* Apakah desain tata letak konsisten di semua browser?
* Apakah situs web dapat dilihat dalam pengaturan yang berbeda misalnya Foto dimatikan, JavaScript dinonaktifkan, etc?

Saran:
W3C menawarkan perangkat untuk menguji untuk jaminan kualitas. Check out W3C Quality Assurance Toolbox dan Web Page Validasi.

Jadilah orang yang pertama berkomentar pada artikel “11 Kesalahan Umum Web Design”

Bila artikel ini bermanfaat untuk anda, silahkan berikan komentar anda...