$...WeLcOmE To MY BLog PlEaSe TaKe A CoMeNt...$

Selasa, 17 Februari 2009

Pedoman Desain Web

Ini adalah artikel apa saja yang harus di buat di dalam sebuah web.
dimulai dari :
A. Desain Halaman Website

• Hindari pembuatan halaman website yang mempunyai ukuran lebih besar daripada resolusi 800×600. hal ini untuk membuat nyaman pengunjung ketika melihat website anda dari layar berosulusi kecil.
• Hindari pembuatan halaman yang ukuran filenya lbih besar dari 80 kb.
• Jangan menggunakan spasi atau karakter lain untuk setiap halaman website anda. Gunakan strip (-) atau underscore (_) untuk menggantikan spasi. Juga usahakan agar nama file huruf kecil semuanya (lowercase).
• Rancanglah sebuah halaman website yang bisa dijalankan di semua browser. Hindari penggunaan kode-kode HTML tertentu yang hanya didukung oleh browser tertentu
• Hindari pemasangan e-mail pribadi pada website
• Letakan menu utama /navigasi website anda pada bagian atas atau kiri
• Hindari penggunaan gambar sebagai menu utama. Gunakan tulisan
• Jika tidak perlu, hindari penggunaan frame pada halaman website anda.
• Desainlah setiap halaman website dengan desain yang seragam
• Jangan menggunakan banyak wrna, gunakan 3 warna atau kurang dan gunakanlah warna-warna yang berkategori “web safe”.
• Gunakan format jpeg untuk setiap gambar yang ada. Usahakan gambar tersebut memiliki resolusi yang kecil dan ukuran yang kecil
• Gunakan jenis hurf yang standar untuk web seperti verdanan, georgia, arial.
• Gunakan CSS untuk memudahkan pendesainan halaman website anda
• Berikan informasi yang jelas tentang cara-cara yang pengunjung bisa lakukan untuk menghubungi anda. Ada baiknya juga anda membuat sebuah form sebagai wadah pengunjung untuk bisa berinteraksi dengan anda
• Hindari pembuatan halaman website yang terlalu panjang. Ada baiknya jika halaman tersebut dibagi menjadi halaman-halaman yang pendek.
• Hindari penggunaan animasi yang berlebihan. Bahkan jika perlu, hindari penggunaan animasi pada website anda
B. Penggunaan Script
• Hindari penggunaan client-side/browser-side script seperti javascript atau vbscript
• Gunakan server-side script untuk mengantikan client-side script yang biasa digunakan untuk membuat: jam/tanggal, kalender, cookies.
• Jika website anda memang membutuhkan client-side script, berikanlah informasi kepada pengguna bahwa website anda membutuhkan client-side script agar bisa ditampilkan dengan baik
C. Penggunaan Cookies
• Jika memungkinkan hindari penggunaan cookies. Anda bisa menggunaan session sebagai alternatif
• Jangan menaruh informasi penting dalam cookies
• Usahakan ukuran cookies kecil
• Hindari penggunaan banyak cookies pada website anda
• Jika website anda memang membutuhkan cookies, berikanlah informasi kepada pengguna bahwa website anda membutuhkan cookies agar bisa ditampilkan dengan baik
D. Pop Up Window
• Hindari penggunaan pop up window
• Jika anda memang membutuhkan sebuah pop up window, rancanglah supaya pop up window hanya bisa ditampilkan ketika pengujung melakukan sebuah aksi untuk membuka pop up window tersebut
E. Download Content
• Jika website anda menawarkan pengunduhan (download) sebuah dokumen tulisan, gunakan format file seperti RTF (rich text format), TXT (plain text) atau PDF (portable document format).
• Berikan informasi-informasi seperti: ukuran file, alamat (URL) file yang ingin diunduh, format file pada setiap file yang anda tawarkan untuk diunduh

8 Tips ketika mendesain Website

• Gams' Maniacs
• Sabtu, 05 Januari 2008, 00:15
Mendesain (atau mendesain ulang) sebuah website dapat menjadi sebuah tugas "yang tepat sasaran ataupun tidak" bagi kita semua. Kadang kala, kita membuat sebuah desain dimana terlihat sudah bagus... tapi mendadak menjadi "muak" melihatnya atau orang lain tidak ingin melihatnya.
Jadi, dibawah ada 8 tips yang penitng untuk diingat ketika mendesain ulang ataupun baru sebuah website. Tentu saja, pada kenyataannya ada lebih dari 8 hal yang harus diperhatikan, tapi setidaknya 8 ini sudah cukup sebagai permulaan.
1. Apa yang menjadi tujuan utama dan siapa target "pembuka" website? - hal ini berlaku bagi setiap website yang ada dan yang pernah dibuat. Mengidentifikasi "penonton" anda mungkin terdengar sangat simple tapi ini merupakan titik awal bagi website anda agar dapat berkembang. Setelah anda telah menentukan beberapa kriteria "penonton" anda, kemudian anda harus menentukan apa yang akan diperoleh "si penonton" dari dan setelah website anda dibuka dan dibaca. Buatlah hal tersebut mudah diingat atau menarik agar itu dapat menjadi titik jual dari website anda.
2. Apa yang menjadi kelemahan dan kekuatan dari kompetitor anda? - mengidentifikasi kompetitor anda selalu menjadi perhatian utama bagi setiap bisnis. Jika anda tidak memberi nilai tambah dalam bisnis anda, untuk apa pelanggan pindah ke bisnis anda? Menggunakan desain dari website kompetitor anda dapat menjadi kekuatan bagi anda. Contohnya adalah ketika anda melihat hal yang anda sukai dari website kompetitor anda, anda dapat menjadikannya sebuah contoh tapi jika anda melihat kekurangan dari kompetitor anda, anda dapat mengambil keuntungan dari hal tersebut karena anda dapat memperbaiki kesalahan mereka dan menerapkannya di website anda.
3. Desain paling penting - landing page dan KISS principle - keputusan dari desain anda dapat digambarkan dari homepage anda. Ada prinsip yang berbunyi "keep is simple, stupid" atau KISS, atau berikan apa yang "penonton" perlukan secara cepat.
4. Pemilihan warna sangat penting - warna dapat menghidupkan ataupun mematikan sebuah website. Anda perlu mengingat beberapa hal, gunakan warna yang "penonton" anda suka, jangan gunakan warna yang bertentangan, test warna yang anda telah tentukan, dan pastikan warna tersebut merupakan penggambaran dari website anda.
5. Gunakan hot-spots sebagai aspek yang paling menarik perhatian - ada beberapa artikel sepertin ini dimana akan membantu anda mengerti bagaimana manusi bereaksi ketika ditunjukkan sebuah website. Ada sebuah pola dari mata kita ketika homepage sedang di-load di depan kita. Secara otomatis mata kita akan tertarik menuju elemen-elemen seperti bullet-points, lists, icons dan tipografi yang besar. Tipikalnya, ini juga menjadi bagian paling tinggi dari sebuah website jadi anda perlu memastikan bahwa anda menempatkan sebuah elemen atau bahkan lebih agar website anda menjadi sangat menarik.
6. Huruf apa yang paling baik? - penentuan dari jenis huruf yang akan digunakan sebetulnya adalah keputusan dari desainer itu sendiri. Yang paling standar adalah menggunakan jenis huruf Verdana dan Arial di setiap bagian.
7. Lakukan test, perbaikan...secara berulang - mengetes desain anda itu sangat diperlukan. Misalkan test di Firefox, IE6, IE7, ataupun Safari. Memperbesar resolusi dari 800x600 menjadi 1280x1024. Lakukan instalasi web developer toolbar dan yakinkan bahwa anda selalu memperoleh "green tick" akan persetujuan setiap saat.
8. Jangan takut untuk medesain ulang - sekali anda telah selesai mendesain mahakarya anda, anda memerlukan kritik dan saran. Ini satu-satunya cara anda dapat berkembang sebagai seorang web desainer. Anda juga butuh menseleksi kritik yang anda terima antara kritik pribadi dengan kritik secara umum.

Tips Bagus nih, buat belajar bikin web :)

Desain yang tepat untuk sebuah situs merupakan sebuah keharusan untuk Anda. Kemudian, bagaimana caranya mengetahui desain manakah yang paling tepat untuk Anda, sementara ada banyak sekali style desain rancangan website tersedia? Ada banyak sekali cara untuk mendesain sebuah situs sehingga sangat memungkinkan seseorang untuk melakukan kesalahan saat mendesain website.

Yang harus Anda ingat adalah bahwa semua pilihan ada di tangan Anda, karena ini adalah situs Anda, dan Anda harus memutuskan apa yang Anda sukai. Pilihan seperti warna, style, fonts, gambar dan gaya penulisan yang digunakan, semuanya itu merupakan hal yang bersifat personal dan bukan hal yang bisa dianggap mudah. Apa yang Anda paparkan dan kerjakan dalam situs, mencerminkan banyak hal tentang siapa Anda. Berikut ini merupakan beberapa hal dasar yang perlu Anda perhatikan ketika merancang situs Anda.

* Grafis/Gambar

Grafis atau gambar merupakan bagian terpenting dari suatu situs Internet. Dengan grafis/gambar, kita dapat memberikan unsur warna, kesan dan tema. Unsur-unsur tersebut sangat dibutuhkan, asalkan tidak terlalu berlebihan. Terlalu banyak gambar tidak hanya membuat upload situs Anda lambat, tetapi juga kekanak-kanakan.

* Layout

Bagaimana Anda menginginkan situs Anda terlihat? Apakah Anda ingin semua text berada di sebelah kanan dan grafis di sebelah kiri, atau sebaliknya. Apakah Anda ingin menempatkan iklan di bagian atas halaman ataukah semua iklan akan ditempatkan di bagian samping? Merancang sebuah layout yang tampak sama untuk semua halaman situs Anda akan lebih memudahkan pengunjung dalam memahami isi situs Anda, daripada membuat layout yang berbeda-beda untuk setiap halaman. Tetapi bukan berarti pula Anda tidak boleh membuat layout halaman yang berbeda-beda untuk setiap penulisan halaman, namun paling tidak sebaiknya setiap halaman mempunyai dasar layout yang hampir sama.

* Navigasi

Navigasi yang mudah merupakan hal yang penting dalam situs yang baik. Jika pengunjung tidak mendapat apa pun dari situs Anda, apakah mereka akan tetap mengunjungi situs itu?

* Iklan

Iklan yang terlalu banyak merupakan hal yang buruk bagi para pengunjung. Cobalah untuk menempatkannya sebaik mungkin di tempat yang paling dihiraukan pengunjung tanpa mengganggu prioritas isi atau content yang ada.

* Proses Pemeliharaan (maintenance)

Setelah membuat situs, Anda harus memeliharanya. Jika Anda menghubungkannya dengan situs yang lain, Anda harus memeriksanya secara rutin untuk memastikannya masih ada, karena kadang ada situs yang hilang.

* Sesuatu yang ‘Berkedip’

Sesuatu yang berkedip, entah itu gambar maupun tulisan, dapat menjadi hal yang mengganggu pengunjung.

* Ramai/Berisik

Banyak orang sering menambahkan musik pada situs mereka. Semua itu baik, tetapi jika lagu terlalu keras hingga pengunjung melompat dari tempat duduk mereka ketika membuka situs Anda, maka mereka akan cepat-cepat meninggalkan situs Anda dan tidak akan kembali lagi.

* Pop-Ups

Tidak hanya iklan pop-up namun juga pop up boxes. Anda tahu, ketika Anda membuka sebuah situs dan kemudian nama Anda ditanyakan, mungkin itu masih bisa dimaklumi. Namun jika kemudian muncul 5 (lima) baris pertanyaan berbeda atau harus menjawab sebuah pertanyaan di setiap halaman situs tersebut, maka pengunjung akan segera menutup dan meninggalkan situs tersebut, karena merasa terganggu.

* Warna

Kita semua tahu bahwa membaca halaman hitam putih akan sangat membosankan. Itulah mengapa kita harus menambahkan unsur warna ke dalam situs yang kita buat. Dengan memberikan warna yang tepat, maka akan menambah kesempurnaan situs, sehingga halaman-halamannya akan mudah dibaca. Anda harus yakin bahwa warna yang Anda berikan akan sesuai dengan warna text. Jika Anda mempergunakan warna yang terlalu ‘berani’ ataupun perpaduan warna yang tidak sedap dipandang mata, maka pengunjung akan akan malas untuk membaca halaman tersebut dan mencari situs lain yang lebih menarik.

* Fonts

Anda tidak harus memakai standart fonts yang sama terus menerus dalam sebuah situs agar tidak membosankan. Ada banyak sekali jenis font yang lain, yang akan membuat tulisan Anda terlihat lebih menarik dan lebih baik. Namun pemakaian font yang terlalu beraneka ragam dalam suatu halaman juga tidak baik. Batasilah pemakaian font dalam suatu situs menurut jenis pemakaiannya.

* Gaya Penulisan

Setiap orang mempunyai cara penulisan sendiri-sendiri. Anda dapat menjadi seseorang yang lucu, serius, atau apa adanya. Bagaimana Anda menulis dalam situs Anda adalah hak Anda sepenuhnya, dan Anda perlu memilih dengan gaya penulisan yang bagaimana Anda akan mengisi situs Anda.

* Isi/Content

Situs tentang apakah nanti yang Anda rencanakan? Ada berapakah macam hal yang Anda tulis? Tentu saja semua itu terserah Anda. Hal apapun yang Anda tulis, Anda harus yakin bahwa ejaan dan tata bahasa yang dipergunakan sudah benar, dan jika Anda mempunyai cukup waktu, bacalah ulang untuk meyakinkan bahwa sudah tidak ada lagi kesalahan bahasa.

Dari berbagai sumber
Selamat belajar membuat website. Semoga sukses :)


0 komentar:

Posting Komentar