Cara Mendesain Website

Artikel How.com.vn ini mengajarkan cara mendesain situs web yang tampak profesional dan lancar. Walaupun Anda bebas menentukan desain situs, ada beberapa hal penting yang harus dilakukan dan perlu dihindari ketika membuat situs web.

Bagian 1

Bagian 1 dari 2:

Membuat Desain Situs

Unduh PDF

1
Tentukan apakah Anda ingin menggunakan website creator. Pembuatan situs web dari awal memerlukan pemahaman kode HTML mendetail, tetapi Anda bisa membuat situs dengan menggunakan layanan hosting gratis seperti Weebly, Wix, WordPress, atau Google Sites. Website creator cenderung jauh lebih mudah bagi desainer pemula daripada HTML.
- Jika Anda memutuskan untuk membuat kode sendiri, Anda harus mempelajari HTML dan CSS coding.
- Jika Anda enggan mencurahkan waktu dan energi untuk membuat situs sendiri, Anda bisa memakai jasa desainer situs web. Biaya jasa desainer lepas sangat beragam, ada yang mengenakan biaya per jam dan ada yang per proyek, dengan kisaran total dari jutaan sampai puluhan juta rupiah.
2
Buat peta situs. Sebelum membuka website creator, Anda harus sudah menentukan berapa banyak halaman dalam situs, apa konten di tiap halaman itu, dan tata letak umum halaman penting seperti "Beranda" dan "Tentang".
- Anda akan lebih mudah memvisualisasikan halaman-halaman situs dengan membuat gambar kasar, tidak hanya dengan bayangan.
3
Gunakan desain intuitif. Walaupun ide baru biasanya menarik, desain dasar harus mengikuti panduan umum sebagai berikut:
- Opsi navigasi (misalnya, beberapa tab untuk halaman berbeda) harus diletakkan di atas halaman.
- Jika Anda menggunakan ikon menu (☰), letaknya harus di sudut kiri atas halaman.
- Jika Anda menggunakan bilah pencari, letakkan di dekat sisi kanan atas halaman.
- Letak tautan yang membantu (misalnya, tautan ke halaman "Tentang" atau "Hubungi Kami") harus di paling bawah halaman.
4
Konsisten. Apa pun teks, palet warna, tema gambar, dan desain yang Anda pilih, pastikan Anda menerapkan keputusan yang sama di seluruh situs. Pengguna tentu akan terkejut jika melihat fon dan skema warna di halaman "Tentang" sangat berbeda dengan yang digunakan untuk halaman beranda.^{[1]XTeliti sumber}
- Misalnya, jika Anda menggunakan warna lembut untuk halaman beranda, jangan memakai warna cerah di halaman berikutnya.
- Ingat bahwa penggunaan warna terang atau bertabrakan, khususnya warna yang ditampilkan secara dinamis (atau bergerak), dapat memicu kejang atau serangan epilepsi pada sebagian kecil pengguna. Jika Anda memutuskan untuk menggunakan warna seperti itu, pastikan Anda menyertakan peringatan "risiko kejang" sebelum halaman yang dimaksud.
5
Tambahkan opsi navigasi. Menempatkan tautan langsung ke halaman penting di atas halaman beranda akan membantu pengunjung baru menuju konten yang penting bagi mereka. Sebagian besar website creator menambahkan tautan ini sebagai default.
- Penting untuk memastikan bahwa semua halaman situs dapat diakses dengan mengeklik opsi dalam situs daripada hanya dapat diakses via alamat halaman saja.
6
Gunakan warna yang serasi. Seperti semua jenis desain, desain situs web pun bergantung pada kombinasi warna yang enak dilihat. Oleh karena itu, memilih warna tema yang serasi sangat penting.
- Jika Anda bingung, mulai dengan hitam, putih, dan abu-abu.
7
Pertimbangkan desain minimalis. Konsep minimalis mendorong penggunaan warna bernuansa dingin, grafik sederhana, halaman teks hitam di atas latar putih, dan hiasan sesedikit mungkin. Oleh karena desain minimalis memerlukan elemen sedikit saja, ini adalah opsi mudah untuk membuat situs Anda tampak profesional dan menarik tanpa upaya berlebihan.
- Kebanyakan website creator menyediakan tema "minimalis" yang bisa Anda pilih ketika membuat situs web.
- Alternatif minimalis adalah "brutalisme", yang menggunakan kata-kata lebih kasar, warna cerah, teks tebal, dan gambar minimal. Pengguna desain brutalisme jauh lebih sedikit daripada pengguna konsep minimalis, tetapi jika kontennya cocok, desain ini bisa jadi pilihan yang bagus.
8
Terapkan pilihan unik. Elemen kisi dan garis lurus memang pilihan aman, tetapi beberapa gaya unik akan menambah sentuhan pribadi dan membuat situs Anda lain dari yang lain.^{[2]XTeliti sumber}
- Jangan takut menentang tren dengan menempatkan elemen situs tidak simetris atau menggunakan elemen bertumpuk untuk menciptakan tampilan berlapis-lapis.
- Walaupun elegan, elemen kotak bersudut tajam (yang dikenal dengan penyajian card-based) kurang begitu diminati dibandingkan elemen lembut dan bulat.
Iklan

Bagian 2

Bagian 2 dari 2:

Memaksimalkan Performa Situs

Unduh PDF

1
Manfaatkan opsi optimasi mobil. Peramban mobil lebih mendatangkan traffic daripada peramban desktop. Artinya, perhatian yang Anda curahkan pada versi mobil paling tidak harus sama dengan pengembangan situs desktop. Sebagian besar website creator otomatis sudah membuat versi mobil, tetapi ingat informasi berikut untuk situs mobil:^{[3]XTeliti sumber}
- Pastikan tombol (misalnya, tautan situs) besar dan mudah diketuk.
- Hindari fitur yang tidak dapat dilihat di peranti mobil (misalnya, Flash, Java, dsb.).
- Pertimbangkan membuat aplikasi mobil untuk situs Anda.
2
Jangan memasukkan terlalu banyak foto per halaman. Peramban desktop dan mobil kadang kesulitan memuat halaman yang menampilkan banyak foto atau video. Walaupun gambar sangat penting dalam desain web, jumlah media yang berlebihan per halaman dapat memperlama waktu pemuatan, dan itu membuat pengguna enggan mengunjungi halaman tersebut.
- Secara umum, pemuatan halaman semestinya kurang dari empat detik.
Anda mungkin menyadari bahwa hampir semua situs menyediakan halaman "Hubungi Kami" yang memuat informasi kontak (seperti nomor telepon dan alamat surel). Bahkan, beberapa situs menyediakan formulir pertanyaan otomatis dalam halaman ini. Halaman "Kontak" merupakan jalur komunikasi langsung antara pengunjung situs dan Anda, yang berarti juga merupakan solusi atas pertanyaan atau frustrasi pengunjung.
4
Buat halaman 404 khusus. Ketika pengunjung tiba di halaman spesifik yang belum dibuat atau tidak ada, halaman "404 Error" akan muncul. Kebanyakan peramban menyediakan halaman 404 bawaan, tetapi Anda dapat merancang tampilannya dari pengaturan website creator. Jika Anda ingin membuat halaman 404 khusus, masukkan detail-detail berikut:
- Pesan eror lucu dan menyenangkan (misalnya., "Selamat, Anda mendarat di halaman eror!")
- Tautan kembali ke halaman beranda
- Daftar tautan yang biasanya dilihat pengunjung
- Gambar atau logo situs Anda
5
Masukkan bilah pencari jika memungkinkan. Jika metode website creator yang Anda pakai mendukung penambahan bilah pencari, sebaiknya ditambahkan. Ini memastikan pengguna dapat menemukan halaman atau konten spesifik yang mereka cari tanpa harus mengeklik semua opsi navigasi.
- Bilah pencari juga sangat berguna ketika pengunjung ingin mencari istilah umum tanpa mencoba-coba halaman acak.
6
Curahkan perhatian lebih pada halaman beranda. Ketika pengunjung membuka halaman beranda, mereka harus sudah mendapatkan inti tema situs Anda. Selain itu, semua elemen halaman beranda harus cepat dimuat, termasuk opsi navigasi dan gambar. Halaman beranda juga harus menyediakan aspek berikut:^{[4]XTeliti sumber}
- Ajakan bertindak (misalnya, tombol untuk mengeklik atau formulir untuk diisi)
- Toolbar atau menu navigasi
- Grafik mengundang (seperti foto solid, video, atau beberapa foto dengan teks pelengkap)
- Kata kunci yang berkaitan dengan layanan, topik, atau fokus situs Anda
7
Tes situs Anda di berbagai peramban dan platform. Ini sangat penting karena peramban mengolah aspek situs web dengan cara berbeda-beda. Sebelum mempromosikan situs, cobalah membuka dan menggunakan situs Anda pada peramban berikut di platform Windows, Mac, iPhone, dan Android:
- Google Chrome
- Firefox
- Safari (iPhone dan Mac saja)
- Microsoft Edge dan Internet Explorer (Windows saja)
- Peramban bawaan beberapa ponsel Android (Samsung Galaxy, Google Nexus, dsb.)
Tren desain, tautan, foto, konsep, dan kata kunci selalu berubah. Jadi, Anda pun harus selalu membuat perubahan untuk mengikuti zaman. Anda harus mengecek performa situs dan bandingkan dengan situs serupa paling tidak tiga bulan sekali (sebaiknya lebih sering).
Iklan

Tips

Aksesibilitas juga aspek yang tak kalah penting dalam pengembangan situs web. Aksesibilitas meliputi keterangan untuk pengunjung dengan gangguan pendengaran, deskripsi audio untuk pengunjung dengan gangguan penglihatan, dan peringatan fotosensitivitas jika situs Anda menggunakan efek yang berpotensi memicu kejang.
Kebanyakan website creator menyediakan templat yang dapat Anda gunakan untuk menentukan tata letak dan desain sebelum menambahkan elemen yang diinginkan.

Peringatan

Sebagian besar situs kreator gratis, tetapi jika Anda ingin menggunakan domain sendiri (seperti "www.yourname.com", bukan "www.yourname.wordpress.com"), Anda harus membayar biaya bulanan atau tahunan.
Hindari plagiarisme dan pelajari semua hukum hak cipta. Jangan memasukkan gambar acak dari internet atau elemen struktural tanpa izin.