Ada beberapa kriteria yang diperlukan untuk menciptakan sebuah desain web yang baik.

Kriteria tersebut adalah sebagai berikut:

Desain web harus mengikuti konsep yang telah dipersiapkan sebelumnya. Mempunyai navigasi yang baik Gunakan kombinasi warna yang baik Seimbangkan antara penggunaan Grafik dan Ukuran File yang digunakan

Berikut ini adalah penjelasan dari masing-masing bagian:

Desain web harus mengikuti konsep yang telah dipersiapkan sebelumnya. Setiap web dibuat dengan tujuan dan sasaran tertentu. Hal ini penting untuk memastikan kesukesan dari web yang akan Anda buat. Contohnya: Anda ingin membuat situs untuk sekolah. Tujuan dari situs ini adalah memberikan informasi ke masyarakat tentang profil, visi, misi dan kegiatan sekolah. Sasaran dari situs ini adalah guru, siswa, orang tua siswa dan masyarakat umum. Untuk itu harus disiapkan sebuah konsep yang bisa mewakili tujuan dan sasaran ini. Seperti pada produk kami Indoedukasi, kami menyiapkan konsep situs sekolah instant yang menyediakan feature: Profil Sekolah, Berita, Kalender Akademik, Majalah Dinding Online, Photo Gallery, Ekstra Kurikuler dan Pengumuman. Maka desain yang kami berikan dilatari dengan pelajaran sekolah seperti fisika, sejarah, dll. Anda bisa melihatnya disini: http://demo.indowebmaker.com/indoedukasi/

Mempunyai navigasi yang baik Navigasi adalah link atau menu yang memberikan kemudahan bagi pengunjung untuk mencari informasi yang disediakan oleh sebuah situs. Navigasi harus tertata dengan baik agar pengujung tidak kebingungan dan memperoleh informasi secara berurutan.Kembali ke Indoedukasi. Anda dapat melihat navigasi dibagi menjadi dua buah group menu. Menu horizontal dan menu vertikal. Supaya mudah ditemukan navigasi harus terlihat menonjol. Anda dapat memberikan warna yang mencolok atau membuatnya menjadi besar sehingga diperhatikan oleh pengunjung. Jika situs Anda mempunyai isi yang banyak, sehingga mau tidak mau menunya pun akan banyak, ada baiknya Anda menggunakan menu vertikal karena jika jumlah menu ditambah akan melar ke bawah. Ingat orang biasanya tidak suka untuk melakukan scroll ke kiri dan ke kanan, lebih umum scroll ke bawah.

Gunakan kombinasi warna yang baik Desainer kami telah menulis tutorial tentang hal ini, Anda bisa membacanya disini. Menemukan Warna yang Serasi untuk Blog / Website Kamu

Seimbangkan antara penggunaan Grafik dan Ukuran File yang digunakan Supaya web terlihat impresif, tentu saja harus didukung dengan desain grafis yang baik. Akan tetapi hal ini perlu diseimbangkan dengan ukuran file gambar yang digunakan. Ingat! makin besar file yang digunakan, makin lama waktu yang diperlukan untuk load. Hasilnya, makin lama pengunjung Anda harus menunggu. Dengan bandwidth di Indonesia yang masih terbatas ada baiknya membuat situs Anda tetap ringan. Sekian tutorial ini, semoga membantu Anda memahami desain yang terbaik untuk web Anda.

BURUK :
DESAIN SECARA UMUM - Loading makan waktu lama - Halaman pertama (index/home) tidak pas dalam browser standar (800 x 600 pixel) - Frame yang harus discroll menyamping - Tak ada fokus tema pada halaman itu - Sebaliknya, terlalu banyak fokus tema dalam halaman itu - Tombol navigasi menjadi satu-satunya daya tarik - Peletakan elemen (teks, paragraf, gambar, dsb.) berantakan - Warna tidak cocok satu sama lain - Halaman bagus jika dibuka di satu browser, tetapi hancur jika dibuka di browser lain LATAR BELAKANG - Warna abu-abu standar - Kombinasi teks dan latar belakang yang membuat tulisan sulit dibaca - Latar belakang terlalu ramai dan menyakitkan mata (misalnya menggunakan gambar gif animasi) yang membuat tulisan tidak jelas TEKS - Teks terlalu kecil sehingga sulit dibaca - Teks terlalu panjang dan menembus batas kanan halaman - Seluruh paragraf ditulis dengan HURUF BESAR - Seluruh paragraf ditulis dengan huruf cetak tebal - Seluruh paragraf ditulis dengan huruf miring - Memberi garis bawah pada teks yang bukan link, akan membingungkan pengunjung LINK - Link standar berwarna biru - Ada border link berwarna biru di seputar gambar - Link yang tidak jelas akan membawa pengunjung kemana - Link tanpa tujuan (broken link) - Teks link yang tidak bergaris bawah atau tidak berubah warna ketika ditunjuk GAMBAR - Gambar yang sangat besar sehingga loadingnya lama - Gambar yang tidak ada hubungannya dengan tema situs - Gambar thumbnail yang ukurannya sama dengan gambar aslinya - Gambar tanpa label alt - Gambarnya hilang (muncul tanda x kecil warna merah) - Gambar yang terlalu besar dan tidak muat di layar (anggap ukuran resolusi layar 800600 pixel)

TABEL - Ada bordernya - Tabel digunakan sebagai hiasan dengan border yang sangat tebal OBJEK BLINKING (BERKEDIP) DAN ANIMASI - Apa saja yang berkedip, khususnya teks - Garis berwarna pelangi - Tulisan Under construction, apalagi ditambahi gambar pekerja konstruksi jalan raya - Animasi gambar under construction - Animasi gambar e-mail - Animasi yang tidak pernah berhenti SAMPAH - Counter siapa yang perduli!? - Iklan sampah - Pengunjung harus melakukan scroll menyamping (kiri-kanan) percayalah, ini menyebalkan! - Scroll bar frame di tengah-tengah halaman NAVIGASI - Menu navigasi yang tidak jelas atau terlalu kompleks - Terlalu banyak frame - Frame terlalu kompleks - Scroll bar yang tidak perlu pada frame - Halaman yatim-piatu (tak memiliki link untuk kembali ataupun maju, serta tak ada keterangan apapun) - Title halaman yang tidak ada hubungannya dengan tema atau isi halaman tersebut

BAIK :
DESAIN SECARA UMUM - Loading halaman cepat - Halaman index atau home pas di ukuran minimal 800 x 600 pixel - Seluruh halaman lainnya juga harus pas dengan ukuran minimal 800 x 600 pixel - Gunakan elemen grafis (foto, gambar, dsb.) untuk mengisi jeda antara paragraf dalam sebuah tulisan berukuran sangat panjang - Buat setiap halaman tampak sebagai bagian dari situs tersebut; tampilkan elemen tertentu secara berulang yang akan mengingatkan pengunjung bahwa ia masih berada dalam situs yang sama. TEKS - Warna latar belakang tidak bertabrakan dengan warna teks - Teks cukup besar untuk dibaca, tetapi jangan terlalu besar - Hirarki informasi jelas - Kolom teks lebih kecil dari kolom di buku untuk memudahkan membaca di layar NAVIGASI - Tombol dan bar navigasi mudah dipahami penggunaannya - Navigasi konsisten di seluruh situs - Tombol dan bar navigasi memberi petunjuk kepada pengunjung dimana mereka berada sekarang, dan halaman apa yang mereka lihat sekarang - Frame, jika digunakan, tidak menggangu - Situs berukuran besar memiliki index atau peta situs LINK - Warna link disesuaikan dengan warna halaman - Link selalu bergaris bawah sehingga jelas bagi pengunjung GAMBAR - Tombol-tombol berukuran secukupnya - Setiap gambar ada keterangan/label alt-nya - Setiap link gambar memiliki link teks yang sesuai

- Gambar dan latar belakang menggunakan warna yang mampu ditampilkan browser (browser-safe colors) - Animasi akan berhenti dengan sendirinya setelah beberapa saat