Tips & Tricks mendesain Website

Posted on Updated on

Website dinilai  menurut isi dan tata letak. Seberapa baik konten
Anda ,mungkin jika tata letak Anda tidak menarik, pengunjung tidak akan
bersemangat untuk kembali. Jika Anda telahmengunjungi  ke Yahoo, Anda mungkin akan menemukan berbagai kombinasi warna yang pemilik grup
telah dipilih. Beberapa dari mereka memiliki latar belakang merah dengan teks
berwarna biru menciptakan efek menyilaukan. Meskipun Yahoo menyediakan semua
kemungkinan kombinasi warna, beberapa weber memilih warna yang salah.

Points penting untuk yang harus dipertimbangkan ketika merancang sebuah situs Website bahwa design layout bukan
merupakan salah satu pemborosan waktu. Hampir semua website mengubah tata letak
mereka untuk memberikan yang baru dan terlihat lebih elegant walau kontenya biasa-biasa saja. Juga dengan kemajuan
teknologi, dan  menambahkan kemungkinan baru
menyediakan tata letak yang lebih baik.

  • Tampilan yang sederhana : tata letak situs web yang dimengerti semua orang . Jangan membuat link navigasi yang kompleks menggunakan skrip kompleks atau link gambar dari browser yang berbeda. Mesin pencari juga
    tidak dapat mengindeks situs navigasi dengan benar jika terlalu banyak link pada setiap  gambar atau kalimat link, ini biasanya di lakukan  para blogger pemula yang mendominasikan tampilan di bandingkan kontenya, yang mungkin akan terlihat funki, dengan warna  yang jreng. Minimalkan penggunaan gambar besar yang butuh waktu lama untuk load. Gunakan
    ikon kecil untuk menarik perhatian pengunjung.
  • Ukuran font dan type font : Gunakan font standar ukuran “-1” (11 atau 12 piksel jika menggunakan gaya) sehingga pengunjung dapat membaca konten dengan mudah. Pilih font terlihat  profesional (Verdana, Arial, Helvetica, sans-serif sangat umum). Hindari
    penggunaan font mewah seperti Comic Sans (kecuali jika itu adalah situs web
    pribadi). Gunakan spasi di antara baris (12 atau lebih piksel) untuk menghindari
    kecanggungan
  • Tampilan warna: pilihan warna yang  dapat mencerminkan selera pribadi seseorang. Setiap webmaster atau desainer  menginginkan kombinasi warna bahwa dia / ia sukai. Namun, keputusan yang  bijaksana untuk mendapatkan umpan balik dari pengguna atau teman-teman tentang  apa yang mereka rasakan tentang kombinasi warna website. Gunakan warna web yang aman bila memungkinkan
  • Webpage Dimensi: Salah satu aspek penting tata letak adalah melacak dimensi dari suatu halaman web. Situs komersial yang paling berhasil  membatasi lebar dan tinggi halaman web sehingga penting isi dari halaman web  terletak di atas dapat dilihat 600×600 daerah tanpa bergulir. Untuk menghindari  scrollbar horizontal, mengatur tata letak halaman untuk memperluas dan menyusut dengan perubahan ukuran jendela browser. Kadang-kadang ini mengganggu gambar dan  teks dengan posisi relatif terhadap satu sama lain dan melempar struktur tata letak tidak sinkron. Pilihan terbaik adalah untuk membatasi lebar dengan menempatkan sebuah tabel  dengan lebar tetap 750 atau 775 pixel. Lihat tata letak  halaman web ini untuk sebuah contoh. Halaman yang tinggi tidak boleh ada lebih dari 4 gulir panjang. Membatasi konten halaman dan jika lebih banyak konten perlu ditambahkan, memindahkannya ke halaman web baru. Menyediakan navigasi link ke halaman berikutnya dan link kembali dari halaman kedua. Ini juga akan  meningkatkan situs web page views (menambah ruang iklan).
  • Ukuran File: Ukuran Halaman Web didefinisikan dengan total ukuran teks, gambar dan file pendukung (termasuk javascript, flash dll) yang di-download dari server untuk melihat sebuah halaman web. Ukuran halaman sangat penting untuk situs web volume tinggi karena bandwidth yang tinggi diperlukan. Namun, juga sangat penting bagi situs lainnya untuk menjaga seminimum mungkin  berkali-kali loading. Sebagian besar pemakai  internet menggunakan modem 56K  untuk mengakses internet. Dan lebih  kecil ukuran load halaman lebih cepat. Jika Anda melihat beberapa situs web  volume yang sangat tinggi seperti Yahoo.com dan Google.com, mereka nyaris tak  punya gambar, membuat situs mereka memuat lebih cepat. Ada trade off antara membuat halaman Web Anda terlihat lebih bagus dengan banyak grafis dan membuatnya lebih cepat untuk beban. Sasaran yang kasar untuk ukuran halaman sebaiknya di bawah 35K setidaknya halaman sampul. Namun, untuk situs e-commerce, sering tidak mungkin karena mereka harus ditampilkan beberapa foto produk untuk menarik perhatian. Sebagai aturan umum, pengunjung akan meninggalkan situs Anda jika waktu-pembukaannya lebih dari 8 detik.
Tips & trik

  • Ambil kode Javascript dan gaya dari dalam halaman html eksternal. Js dan. Css file. Buat link dari masing-masing halaman html file  eksternal tersebut. Browser men-download file-file ini hanya sekali dan cache mereka pada komputer pengguna. Ini akan mengurangi ukuran halaman html individu.
  • Gunakan penyertaan sisi server untuk sentralisasi konten umum “Baca artikel ini untuk lebih jelasnya”.
  • Gunakan latar belakang yang membuat kontras dengan warna font dan grafik. Lihat situs media seperti movies.com untuk contoh Menggunakan latar belakang yang gelap dengan font yang lebih ringan dalam rangka  menciptakan sebuah teater seperti pengaturan. Namun, situs ini mudah dibaca dan dinavigasi.
  • Periksa secara teratur untuk Broken link. Menggunakan link checker atau memeriksa daftar 404 kesalahan (File tidak ditemukan) di log website Anda (atau statistik) akan membantu menjaga link situs.
  • Pemeliharaanlink ke situs eksternal dapat tersentralisasi menggunakan perangkat pelacakan link
sumber:

2 thoughts on “Tips & Tricks mendesain Website

    slave said:
    01/14/2010 pukul 9:42 am

    terima kasih sudah mau berkunjung, mungkin ada saran lain yang ingin di sampaikan silahkan di tulis

    dismas070492 said:
    01/14/2010 pukul 9:34 am

    makasih tipsnya. bermanfaat :)

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