Disadari atau tidak, desain web adalah perjumpaan pertama antara pembaca dengan kita. Semakin baik kesan yang didapat, maka konten kita akan memiliki kesempatan yang lebih tinggi untuk sampai kepada pembaca. Begitu juga dengan produk atau jasa yang sedang kita jual. Bukan itu saja, tampilan situs web juga berpengaruh terhadap SEO. Semakin SEO friendly tampilan situs web kita, maka semakin tinggilah peringkat yang akan kita dapat. Show
Baca juga: Desain Web yang Ramah SEO Elemen desain web bukan hanya agar web elok dipandang, tapi juga agar memudahkan pembaca dan Google Crawler ketika menjelajahi web kita. Dengan kata lain, meningkatkan user experience (UX). 1. Layout atau Tata LetakLayout sebuah situs web hendaklah mempertimbangkan letak penyusunan elemen-elemen desain yang memudahkan pembaca untuk mencerna aliran informasi. Perhatikan hierarki dan keseimbangan layout secara keseluruhan. Susunan paling umum adalah atas-bawah-kiri-kanan. Tip:
Baca Juga: Plugin Typography WordPress Terbaik 2. White Space atau Ruang KosongWhite space berguna untuk membantu mata manusia mengorganisasi data. Bagi Anda yang belum begitu familiar dengan istilah desain, white space bisa diartikan sebagai ruang kosong yang memisahkan antara satu elemen dengan elemen lainnya. Situs web adalah sebuah ruang berisi berbagai informasi, agar informasi itu dapat diolah dengan baik oleh mata pembaca, maka ruang kosong berfungsi sebagai jeda. Fungsi ruang kosong (Lia Anggraini S. & Kirana Nathalia, 2014:82):
Tip:
3. Pilihan FontPrinsip memilih huruf untuk web (web fonts) agak berbeda dengan ketika memilih huruf untuk materi cetak seperti brosur, pamflet, buku, atau materi cetak lainnya. Sebab ketika membaca di layar, mata manusia lebih cepat lelah daripada ketika membaca di atas kertas. Berikut beberapa hal yang harus diperhatikan ketika memilih jenis huruf untuk web:
Tip:
Baca Juga: Error 404 Not Found: Apa Maksudnya dan Bagaimana Cara Mengatasinya? 4. Skema Warna WebsiteSitus web bukan kanvas berisi lukisan abstrak, kita sedang menyampaikan informasi kepada pembaca, bukan sedang mendistraksi mata mereka. Yang terpenting dari situs web adalah konten, jangan sampai warna latar yang Anda gunakan lebih ramai dari konten itu sendiri. Warna juga memengaruhi psikologi pembaca, menciptakan mood, bahkan menyelusup ke alam bawah sadar. Warna, bisa menyampaikan simbol dirinya sendirinya bahkan tanpa disertai oleh teks. Itu sebabnya mengapa pemilihan warna merupakan salah satu elemen penting dari desain sebuah web. Tip:
5. Desain NavigasiNavigasi ibarat denah atau petunjuk jalan yang memudahkan pembaca untuk mencari kategori konten atau produk apa pun yang mereka inginkan. Letakkan navigasi di tempat yang mudah ditemukan, juga pilih bentuk navigasi yang mudah digunakan agar pembaca betah berlama-lama di situs Anda.
Tip:
6. Desain Tombol Pencarian (dan Tombol Lain)Tidak ada yang lebih menyebalkan selain ketika berkunjung ke sebuah situs web dan tidak menemukan tombol search. Kita tidak akan pernah tahu apa yang ingin ditemukan oleh pembaca ketika datang ke situs web kita. Navigasi, kategori, dan label adalah opsi yang kita berikan, sedangkan tombol search adalah kebebasan. Pembaca tidak memiliki waktu yang cukup untuk mencari dari satu kategori ke kategori lain atau dari satu konten ke konten lain. Tip:
7. Desain Halaman About USJika Anda bukan perusahaan besar, tidak memiliki jenis bisnis yang spesifik, bergerak di bidang bisnis yang sama sekali baru, atau bukan pemilik situs web yang sangat terkenal, laman “About Me/Us” memiliki beberapa fungsi:
Tip:
Catatan: Laman “About Me” di atas hanya contoh. Kami memang sengaja tidak menggunakan foto asli untuk melindungi identitas staf kami dari serbuan para penggemar 😀 . Ketika membuat laman “About Me”, tentu saja Anda harus menggunakan foto Anda sendiri. Baca Juga: Error 406 Not Acceptable: Apa Maksudnya dan Bagaimana Cara Mengatasinya? 8. Desain Halaman KontakLaman kontak berpengaruh terhadap autoritas. Pembaca dan klien tentu harus tahu apakah situs yang mereka kunjungi benar-benar dikelola oleh perusahaan atau orang asli, bukan fiktif. Laman kontak juga mempermudah mereka untuk menghubungi kita. Karena terus terang, seseorang yang sulit dihubungi sering kali membuat frustrasi.
Apa saja yang harus ada di laman kontak:
9. Desain Footer yang InformatifFooter bisa saja berisi pengulangan informasi dengan catatan informasi tersebut memang krusial. Bisa juga berupa tambahan informasi berupa sitemaps, copyright, privacy policy, atau informasi lain yang memudahkan pembaca. 10. Kualitas Gambar pada WebsiteWalau bagaimanapun, kita harus tetap mempertimbangkan aspek-aspek visual untuk memikat pembaca. Selain itu, ilustrasi dan foto memiliki fungsi untuk menjelaskan dan melengkapi konten. Tip:
* Template apa pun yang Anda gunakan, CMS apa pun yang terbiasa Anda pakai, tampilan web tetap saja impresi pertama yang akan mengatakan siapa Anda, seberapa profesionalkah bisnis Anda, atau sampai di mana pengetahuan Anda tentang teknologi. Apakah Anda harus jago mendesain web untuk mempraktikkan poin-poin di atas? Tidak, tidak perlu. Elemen-elemen tersebut biasanya sudah bawaan template, kok. Anda hanya perlu mengeditnya sedikit-sedikit. Kami cukupkan sekian bahasan tentang elemen penting desain web ini, semoga bermanfaat dan selamat praktik. Apabila ada saran tambahan atau pertanyaan, silakan tulis di kolom komentar atau hubungi Ninja Support Online kami yang akan bersedia membantu Anda selama 24 jam penuh. Bagaimana cara menilai website?4 Kriteria Website yang Berkualitas Baik. Website Responsive.. Design Website yang Simpel dan Mudah Digunakan.. Speed Website yang Cepat.. Konten yang Menarik dan Relevan.. Jelaskan apa kriteria sebuah website yang baik?Sederhananya sih website yang baik itu memiliki kriteria dasar seperti menarik, page load nya cepat, kontennya baik dan tidak banyak iklan.
5 Sebutkan unsur utama apa saja yang harus ada untuk membuat sebuah desain web yang baik?Bukan itu saja, tampilan situs web juga berpengaruh terhadap SEO.. 1. Layout atau Tata Letak. ... . 2. White Space atau Ruang Kosong. ... . Pilihan Font. ... . 4. Skema Warna Website. ... . Desain Navigasi. ... . 6. Desain Tombol Pencarian (dan Tombol Lain) ... . 7. Desain Halaman About US. ... . 8. Desain Halaman Kontak.. Parameter apa saja yang paling sering digunakan untuk menilai sebuah website?Bagaimana cara menilai kualitas Blog atau Website? Setiap orang tentunya mempunyai kriteria penilaian yang berbeda-beda mengenai hal ini.. Kualitas Konten. ... . Desain dan Navigasi. ... . Kepopuleran Blog atau Website. ... . Kepopuleran dan Konsistensi Penulis.. |