Elemen – Elemen Penting Setiap Desain Website – Sementara setiap desainer mungkin memiliki rencana berbeda dalam hal membangun situs web, mereka memang memilikikriteria yang masing-masing berbeda satu sama lainnya. Tidak peduli bagaimana Anda berusaha menghindarinya, ada beberapa elemen yang harus dimasukkan oleh setiap situs web.
Dari banyak ruang kosong dan gambar yang luar biasa, hingga fungsi pencarian dan panggilan yang biasa dipakai dalam pembuatan web, elemen-elemen umum ini adalah hal-hal yang diharapkan pengguna saat menggunakan situs dengan mudah. nexus slot
Hari ini kita akan melihat sepuluh elemen yang harus Anda prioritaskan di situs web Anda, masing-masing contoh yang dirancang dengan sempurna, dan kiat tentang cara menggunakan masing-masing dalam proyek desain situs web Anda berikutnya. www.mrchensjackson.com
1. Ruang
Ruang adalah salah satu alat desain yang paling penting karena ia menentukan segalanya dari aliran, hingga keterbacaan. Desainer mulai menggunakan ruang dengan cara yang tidak kita lihat di web satu dekade lalu. Lebih banyak desain situs mencakup ruang yang luas, peningkatan jarak antar baris teks, dan keseluruhan penggunaan ruang terbuka.
Hubungan spasial kunci mencakup konsistensi dalam penjarakan. Elemen serupa harus mencakup spasi yang sama. Jumlah ruang antar baris dalam paragraf harus sama, seperti jumlah bungkus di sekitar gambar.
Ruang juga penting dalam hal menciptakan titik fokus bagi pengguna. Gambar atau potongan teks yang dikelilingi oleh ruang putih akan tampak lebih besar dan lebih penting daripada yang dijejalkan ke lokasi yang lebih kecil atau lebih sempit dalam desain.
Penting juga untuk dicatat bahwa ruang tidak selalu berwarna putih. Ini mengacu pada kurangnya elemen, dan bisa juga menjadi warna latar belakang atau tekstur.
Bagaimana Cara Menggunakannya: Mulai dengan elemen kunci seperti menu navigasi, misalnya. Pastikan elemen diatur dengan cara yang mencakup pengaturan jarak antar elemen. Ini akan membuat setiap tombol atau kata lebih menonjol dengan sendirinya.
2. Navigasi Sederhana
Navigasi tidak perlu rumit. Itu harus mudah diidentifikasi dan mudah digunakan. Penting juga untuk menjaga menu navigasi seminimal mungkin agar Anda tidak membuat pengguna kewalahan. Bergantung pada jenis situs, lima hingga sepuluh item menu navigasi adalah ujung atas dari apa yang harus Anda tuju.
Navigasi juga mencakup alat yang membantu pengguna menavigasi melalui situs. Situs dengan gulir parallax, misalnya, sering menyertakan panah arah untuk membuat situs lebih ramah pengguna. Semakin mudah bagi orang untuk menggunakan dan menavigasi di seluruh situs Anda, semakin lama mereka akan berinteraksi dengannya.
Contoh di atas menunjukkan dua jenis navigasi yang sangat berbeda: Zola, yang mencakup menu sederhana dan kemajuan navigasi dengan teks yang dapat diklik sebagai tombol dan Desain Anet, yang menampilkan gaya tombol yang lebih lucu dan lebih kreatif.
Yang sama-sama dimiliki oleh kedua situs adalah bahwa navigasi utama tidak pernah bergerak atau berubah, menciptakan konsistensi dan aliran di setiap situs.
Cara Menggunakannya: Gunakan navigasi sederhana sebagai kerangka kerja untuk pembuatan situs web Anda. Ingat pengguna menginginkan beberapa hal utama dari navigasi: pengetahuan di mana mereka berada di situs, cara untuk kembali (atau rumah), dan petunjuk arah (jika situs Anda memiliki antarmuka yang tidak biasa atau lebih rumit).
3. Tentang Kami
Sangat penting bagi pemilik usaha kecil atau situs untuk memberi tahu pengguna siapa mereka. (Ini kurang penting bagi perusahaan besar yang merupakan nama-nama rumah tangga, meskipun ini masih merupakan praktik umum.)
Halaman “Tentang Kami” harus memberi tahu pengguna siapa Anda dan apa yang Anda lakukan. Itu dapat menguraikan filosofi atau tujuan perusahaan atau bagaimana situs itu muncul. Halaman ini juga bisa menjadi tempat untuk testimonial pelanggan atau pengguna, dan kisah sukses. Jenis halaman ini juga dapat berfungsi sebagai pintu gerbang ke halaman terkait atau bahkan profil media sosial.
Satu-satunya masalah yang sering terjadi pada halaman Tentang Kami adalah mereka menjadi panjang dan bertele-tele. Buat halaman tetap sederhana; memberikan informasi yang cukup kepada pengguna untuk tertarik tetapi tidak bosan. Dan ingat untuk menjaga desain tetap menarik.
Bagaimana Cara Menggunakannya: Gunakan halaman Tentang Kami untuk memberikan kepribadian Anda sedikit pada merek Anda. Pertimbangkan untuk memasukkan foto-foto tim Anda dan biografi singkat perusahaan.
4. Informasi Kontak
Informasi kontak biasanya muncul dalam satu dari dua cara – di header / navigasi utama, atau sebagai halaman Contact Us dengan formulir atau informasi yang diperluas. Pilihan mana pun dapat bekerja dengan baik, tergantung pada desain situs Anda.
Kuncinya adalah membuatnya sangat terlihat. Memiliki informasi kontak seperti nomor telepon, alamat fisik, atau formulir untuk menghubungi pemilik situs web menambah legitimasi ke situs dan bisnis Anda. Ini bisa membuat frustasi bagi pengguna yang ingin menemukan Anda dan informasi tidak tercantum secara jelas di situs.
Cara Menggunakannya: Tambahkan informasi kontak ke semua header dan / atau footer statis. Jika Anda memiliki alamat bisnis fisik, sertakan informasi lokasi. Pertimbangkan formulir kontak sehingga pengguna dapat mengirim email langsung dari situs web.
5. Ajakan untuk Bertindak (atau Mendaftar)
Dalam kebanyakan kasus, situs web adalah pintu gerbang untuk bertindak – melakukan penjualan, memberikan informasi, mengumpulkan informasi kontak. Untuk memastikan tindakan ini, permintaan ajakan bertindak harus jelas dan kuat.
Pertama, tentukan apa yang seharusnya dilakukan situs Anda. Kemudian desain sehingga tindakannya jelas dan mengarahkan pengguna ke sana. Teknik seperti warna, kontras, dan ruang dapat membantu mengarahkan pengguna ke tombol “kanan”. Connect Mania, misalnya, ingin pengguna mengunduh aplikasi. Satu-satunya ruang yang dapat diklik tentang gulir pada halaman arahan membawa Anda ke App Store.
Ajakan bertindak populer lainnya adalah formulir pendaftaran. Jika ini adalah tujuan Anda, letakkan formulir di lokasi utama dan ukur ukurannya dengan jelas. Buat formulir sederhana dan cepat untuk diisi. (Jika Anda membutuhkan lebih dari dua atau tiga informasi, pertimbangkan untuk mengirim email lanjutan daripada formulir pendaftaran yang rumit.)
Cara Menggunakannya: Buat panggilan untuk bertindak jelas. Penempatan harus berada di bagian halaman yang sangat terlihat dan di sebelah item yang terkait. Tombol harus berwarna kontras dan mengatakan dengan tepat apa yang harus Anda lakukan: Beli Sekarang, Gabung, Unduh, Daftar Gratis.
6. Pencarian
Dalam kebanyakan kasus, situs web adalah pintu gerbang untuk bertindak – melakukan penjualan, memberikan informasi, mengumpulkan informasi kontak. Untuk memastikan tindakan ini, permintaan ajakan bertindak harus jelas dan kuat.
Pertama, tentukan apa yang seharusnya dilakukan situs Anda. Kemudian desain sehingga tindakannya jelas dan mengarahkan pengguna ke sana. Teknik seperti warna, kontras, dan ruang dapat membantu mengarahkan pengguna ke tombol “kanan”. Connect Mania, misalnya, ingin pengguna mengunduh aplikasi. Satu-satunya ruang yang dapat diklik tentang gulir pada halaman arahan membawa Anda ke App Store.
Ajakan bertindak populer lainnya adalah formulir pendaftaran. Jika ini adalah tujuan Anda, letakkan formulir di lokasi utama dan ukur ukurannya dengan jelas. Buat formulir sederhana dan cepat untuk diisi. (Jika Anda membutuhkan lebih dari dua atau tiga informasi, pertimbangkan untuk mengirim email lanjutan daripada formulir pendaftaran yang rumit.)
Cara Menggunakannya: Buat panggilan untuk bertindak jelas. Penempatan harus berada di bagian halaman yang sangat terlihat dan di sebelah item yang terkait. Tombol harus berwarna kontras dan mengatakan dengan tepat apa yang harus Anda lakukan: Beli Sekarang, Gabung, Unduh, Daftar Gratis.
6. Pencarian
Footer adalah cara Anda dapat terhubung ke audiens Anda dengan banyak informasi tanpa menghalangi desain. Karena catatan kaki ada di bagian bawah halaman, itu adalah lokasi yang logis untuk peta situs kecil, informasi perusahaan atau kontak, tautan dan konteks untuk situs Anda.
Jadikan footer bermanfaat dan sederhanakan. Apakah Anda memilih beberapa tombol atau desain gaya tautan, footer harus dirancang untuk menyatu dengan situs Anda tetapi mungkin memiliki nuansa yang jauh lebih minimalis. Jadikan mudah digunakan.
Cara Menggunakannya: Beberapa footer terbaik menggabungkan banyak elemen di atas. Footer sering merupakan pengulangan elemen yang ditemukan di tempat lain (seperti menambahkan pencarian ke bagian atas halaman di navigasi utama dan lagi di footer). Ini juga dapat memperkenalkan beberapa elemen di atas dan menempatkannya jika tidak ada lokasi logis lain dalam skema desain.
8. Gaya untuk Tombol
Setiap tombol di situs harus dikenali sebagai tombol. Mereka harus memiliki bentuk, efek desain dan rasa yang sama terlepas dari tujuan atau lokasi. Membuat set tombol yang berbeda dapat menjadi tugas yang menakutkan untuk situs dengan banyak item yang dapat diklik. Pertimbangkan untuk menggunakan kit desain untuk membuat serangkaian elemen yang konsisten.
Cara Menggunakannya: Kembangkan serangkaian tombol unik ke situs Anda. Buat tema warna yang konsisten – setiap tombol adalah rona tunggal – atau gaya keseluruhan, seperti bentuk atau tekstur.
9. Gambar Hebat
Orang suka melihat hal-hal dalam aksi. Buat visual yang memukau untuk menarik pengguna ke situs Anda. Gambar atau ilustrasi yang bagus adalah cara mudah untuk melakukan ini. Dengan satu set foto-foto hebat yang relatif kecil, Anda dapat menunjukkan produk, orang, apa pun untuk menarik pengguna ke situs Anda.
Kedua situs di atas melakukan pekerjaan besar dengan gambar yang menunjukkan produk dan gaya mereka. Jenis pencitraan khusus ini penting. Berhati-hatilah dalam menggunakan terlalu banyak gambar stok, karena situs Anda bisa terlihat seperti yang lain.
Cara Menggunakannya: Pekerjakan seorang fotografer atau ilustrator untuk mengembangkan dan membuat serangkaian gambar yang bagus untuk situs Anda. Andalkan gambar khusus daripada stok gambar untuk pengalaman visual yang unik.
10. Font Web
Orang suka melihat hal-hal dalam aksi. Buat visual yang memukau untuk menarik pengguna ke situs Anda. Gambar atau ilustrasi yang bagus adalah cara mudah untuk melakukan ini. Dengan satu set foto-foto hebat yang relatif kecil, Anda dapat menunjukkan produk, orang, apa pun untuk menarik pengguna ke situs Anda.
Kedua situs di atas melakukan pekerjaan besar dengan gambar yang menunjukkan produk dan gaya mereka. Jenis pencitraan khusus ini penting. Berhati-hatilah dalam menggunakan terlalu banyak gambar stok, karena situs Anda bisa terlihat seperti yang lain.
Bagaimana Cara Menggunakannya: Mulailah dengan layanan seperti Google Web Fonts, yang gratis, untuk mengimplementasikan serangkaian tipografi yang indah dan menarik ke dalam desain situs Anda tanpa harus menghabiskan banyak uang untuk lisensi, atau khawatir tentang masalah kompatibilitas.
