Haaloooooo Semua!!!! Kali ini kita masih bakal membahas
tentang WEB lebih tepatnya tentang pembuatan web yang baik seperti apa dan
menilai sebuah web yang menarik itu seperti apa jadi mohon dibaca baik-baik yaa
agar kalian bisa memahami apa yang saya bahasss.Yukkk disimak !!!!
Mempuyai Logo Professional
Logo merupakan elemen yang sangat penting di dalam sebuah
website. Seperti yang dikatakan oleh Tiffany Monhollon :
“Your logo is an important part of your brand, so make sure
it’s located prominently on your site.”
“Logo adalah bagian penting untuk brand kamu, jadi pastikan
letakkan di tempat yang mencolok di dalam website kamu “
Gunakan Navigasi yang Intuitif
Intuitif disini berarti artinya mudah digunakan. Sebuah
navigasi di dalam website biasanya berada di atas sebuah halaman. Biasanya
halaman-halaman yang penting diletakkan di navigasi atas.Untuk halaman atau
tautan (link) yang tidak terlalu penting, biasanya diletakkan di bagian bawah
(footer)Mengapa navigasi yang intuitif sangat diperlukan? Coba kamu bayangkan
sebagai pengguna sebuah website. Apabila kamu membutuhkan informasi dengan
waktu yang terbatas, tentunya kamu sendiri akan kesal apabila sebuah website
tidak bekerja sebagaimana seharusnya, dan navigasi yang ada di website tersebut
sulit untuk digunakan.
Jangan tambahkan sesuatu yang tidak penting
Hindari penggunaan sesuatu yang tidak sesuai fungsinya.
Pengguna akan dipusingkan dengan website kamu apabila kamu terlalu banyak
menambahkan fitur yang tidak sesuai dengan website yang kamu buat.Sebagai
contoh, hindari penggunaan widget clock (jam) yang biasanya diletakkan di
bagian sidebar. Karena apa? Pengguna tidak membutuhkan hal tersebut.Atau
misalnya kamu meletakkan navigasi yang sama di dua tempat yang berbeda.
Usahakan untuk mengatur navigasi kamu sesuai prioritas dan jangan sampai
pengguna dipusingkan dengan navigasi yang kamu buat
Adaptive / Responsive Web Design
Di dunia saat sekarang ini pendekatan yang paling penting
untuk website adalah desain yang responsif. Hal ini akan memungkinkan website
anda untuk terlihat dan berfungsi dengan baik pada perangkat mobile, tablet,
dan berbagai jenis komputer. Pendekatan mendasarnya terbatas pada 2 versi dari
situs yang sama, yaitu mobile dan desktop, sedangkan fitur adaptif yang baru
ini secara otomatis bisa sesuai dengan ukuran layar dan fungsi pada perangkat
apapun.
Typography
Hari ini tipografi merupakan bagian penting dari desain web.
Font Verdana dan Arial telah lama usang namun yang menggunakan masih sangat
banyak. Sekarang menggunakan font yang unik dan desain kreatif sangat penting.
Karena tipografi merupakana elemen penting dari setiap desain website, Anda
perlu mempertimbangkan semua pilihan anda dan cerdas dalam memilih font yang
menarik.
Fixed Menus & Content
Fixed Menu (menu dengan posisinya tetap ketika di scroll)
dan konten yang tetap sudah menjadi trend yang sangat popular saat ini. Fungsi
ini digunakan pada menu atau tombol, biasanya navigasi utama tetap berada pada
posisinya ketika anda menggulir halaman (scroll page). Hal ini meningkatkan
kegunaan (usability) dari item navigasi atau tombol sosial media yang selalu
tersedia di mana pun Anda berada pada halaman tertentu.
Menghindari Desain Kompleks, Pilih Minimalis
Desain website Minimal membantu anda menyingkirkan elemen
situs yang tidak perlu. Sebuah desain sederhana namun kreatif namun cerdas dan
biasanya lebih efektif dalam memberikan informasi rinci tanpa penghalang
apapun. Membatasi warna dan teks dan hanya menciptakan tata letak yang unik dan
cerdas yang merepresentasikan fitur inti dari website anda tentu akan menambah
nilai dari website, membuat website anda tampil lebih tegas tanpa bertele-tele
seperti kebanyakan website yanga ada saat ini.
Mulai Hindari Flash
Seperti kita ketahui, Adobe Flash digunakan untuk menjadi
standar dalam membuat interaksi dan animasi di website. Itu dulu, Namun, CSS3,
HTML5 dan Javascript saat ini menjadi pilihan yang lebih cerdas untuk
memberikan website anda pengalaman yang lebih dinamis. Jadi jika anda ingin
menambahkan animasi ke website anda, cari di google dan pasti anda akan
menemukan plugin-plugin javascript/jquery yang bisa membatu anda membuat
fungsionalitas lebih untuk itu.
Background Full Page dan Kualitas Gambar
Menggunakan halaman latar belakang yang penuh dapat
memberikan audiens Anda pengalaman memandang yang lebih baik. Menggunakan
gambar berkualitas tinggi dan karya seni tidak diragukan lagi bisa membuat
website anda menjadi tempat yang meyenangkan untuk mata. Pengorganisasian yang
cerdas dan gambar yang otentik dalam galeri dan portfolio anda juga akan
memperkaya nilai website anda. Kedua setelah tipografi, gambar yang berkualitas
tinggi sangatlah penting untuk membuat sebuah website yang dirangcang dengan
baik dan unik.
Okeee itu dia tadi pembahsan tentang pembuatan WEB yang
menarik. Sekarang kita lanjut bahas menilai web yang menarik nah saya disini
mengambil contoh Bola. Net web tentang olahraga khususnya kalian para pecinta
sepak bola
Contoh Struktur Navigasi pada WEB
( Contoh Navigasi pada Website Bola. net )
Contoh Corner Stone pada Web Bola. net
5 Pemain terbaik Real Madrid musim ini
5 bintang Serie A yang bisa hengkang ke Premier League
5 pengganti Simon Mignolet di Liverpool
6 bintang muslim di Premier League
5 calon pengganti Buffon di Juventus
5 momen terbaik Buffon di Juventus
5 masalah yang muncul di Barcelona
Bola.net juga memberikan kelebihan lain bagi setiap
pengunjungnya, dengan memberikan berita dan foto pendukung dari sumber-sumber
legal berskala Internasional yang memiliki hak siar ekslusif dari tiga Liga
Besar di Eropa, termasuk Liga Inggris, Liga Itali dan Liga Spanyol, yang
menjadi Liga paling populer di tanah air.
Tidak hanya sepak bola, Bola.net juga menyuguhkan alternatif
lain untuk mendukung dunia olahraga dengan menambah kolom Olahraga Lain sebagai
salah satu kategori utama, di antara beberapa fitur unggulan yang lain,
seperti:
- Bola Eropa: meliput berita terbaru seputar Liga Inggris,
Liga Italia, Liga Spanyol, Liga Champions, Liga Eropa UEFA dan Liga lain dalam
cakupan benua Eropa.
- Bola Dunia: meliput berita terbaru seputar Piala Dunia,
Piala Eropa dan Piala di benua lain di luar Eropa.
- Bola Indonesia: meliput berita terbaru seputar pertandingan
klub-klub nasional dan juga Liga Utama Indonesia.
- Bolatainment: meliput berita terbaru seputar kehidupan
pemain bola di luar lapangan.
- Jadwal & Skor: kolom yang membantu Anda melihat jadwal
pertandingan dan skor usai pertandingan yang diupdate real time.
- ·Ragam: content ekslusif yang hanya dimiliki Bola.net, di
antaranya kolom Editorial yang memberikan analisa mendalam tentang
pertandingan, masa depan sebuah klub, pemain, fakta-fakta dunia sepak bola pada
umumnya dengan bahasa ringan, cerdas, dan persuasif; Profil Klub memberikan
uraian lengkap seputar profil klub-klub utama Liga Eropa; Profil pemain
membantu Anda mengenali sosok pemain di setiap Liga Eropa yang bermain di musim
2009/2010.
- Gallery: Kumpulan foto-foto ekslusif menjelang pertandingan,
permainan dan usai pertandingan big match seputar tiga liga besar Eropa, yang
terdiri dari Berita Foto, Foto Pemain dan Wallpaper yang membantu Anda lebih
dekat dengan pemain favorit Anda.
- Tribun: Kolom tempat Anda menyuarakan tifosi Anda tentang
bola internasional dan nasional, tim favorit Anda, analisa Anda, yang semuanya
bebas Anda berikan di kolom ini. Pendapat, komentar dan tulisan Anda akan
melalui proses moderasi untuk mencegah timbulnya bahasan yang menyinggung SARA.
- Olahraga Lain: meliput berita-berita di luar sepak bola.
Jadi untuk
mecari berita tentang olahraga terbaru khususnya kalian para pecinta sepakbola
luar negeri maupun dalam negeri, Web ini wajib banget kalian kunjungin deh
karena isi artikel tentang dunia persepak bolaan luar negeri maupun dalam
negeri selalu terupdate dan juga menarik pembahasan artikelnya. Oke sekian
untuk kali jadi jangan lupa yaa untuk dibuka dan dibaca websitenya!
Daftar Pustaka :
https://belajarkoding.net/tips-membuat-website-anda-lebih-bagus-dan-menarik/
https://www.blogger.com/blogger.g?blogID=4359786366795581679#editor/target=post;postID=625998903712070975
https://www.bola.net/company.html
