Perancangan
Tampilan yang baik Pada Website atau Blog Beserta Contoh
Prinsip-prinsip
yang harus diperhatikan dalam pendisainan web/blog antara lain (komputek, 2001):
1.
Unik
Yang
dimaksud dengan unik dalam mendesain
suatu website adalah kesadaran
seorang designer untuk tidak meniru
atau menggunakan karya orang lain.
2.
Komposisi
Untuk
memperindah tampilan halaman web, seorang web
designer harus betul-betul memahami komposisi, baik bentuk maupun warna
yang akan digunakan dalam website yang
dibuatnya.
3. Simple
Banyak dari
seorang web designer yang memegang
prinsip-prinsip “ Keep it Simple”. Hal ini ditujukan agar tampilan website terlihat rapi, bersih dan
informatif.
4. Semiotik
Arti semiotik adalah ilmu yang
mempelajari tentang tanda-tanda. Dalam
hal ini diharapkan pengunjung dapat dengan dengan mudah dan cepat mengerti ketika melihat tanda dan gambar yang ada dalam
suatu website.
5.
Ergonomis
Ergonomis
dalam mendesain website adalah
kepunyaan yang akan didapatkan pengunjung dalam membaca dan kecepatan yang akan
diperoleh pengunjung dalam mencari informasi.
Hal-hal yang perlu diperhatiakan oleh seorang webdesigner untuk mencapai prinsip ini adalah :
a) Pemilihan ukuran fonts yang tepat sehingga mudah dibaca.
b) Menempatkan link sedemikian rupa sehingga mudah dan cepat untuk diakses dan
yang lebih penting lagi adalah suatu website
terlihat lebih informatif.
6.
Fokus
Fokus adalah
hierarki prioritas dari pesan yang akan disampaikan. Dengan adanya fokus tersebut, diharapkan
pengunjung dapat memahami dan menentukan pesan mana yang lebih dahulu harus
dibaca atau dilihat.
7.
Konsistensi
Konsistensi
adalah pemilihan bentuk atau style yang
digunakan pada elemen-elemen perancangan web dan digunakan pada semua halaman
website Website yang konsiten akan
memberikan identitas tersendiri dan mampu memperlihatkan visi serta misi dari website tersebut.
Tampilan atau
Layout desain website yang baik
Sebuah
desain website secara visual harus menarik. Mengingat desain bisa mencerminkan
suatu produk, menggambarkan karakter perusahaan, maupun mevisualisasi pribadi
seseorang.
Pencitraan website bisa dibangun dengan memanfaatkan visual desain, sebuah desain website bisa saja dibangun menjadi berbagai karakter. Penting sekali untuk menentukan karakter yang tepat, yang sesuai dengan misi dan latar belakang website tersebut.
Pencitraan website bisa dibangun dengan memanfaatkan visual desain, sebuah desain website bisa saja dibangun menjadi berbagai karakter. Penting sekali untuk menentukan karakter yang tepat, yang sesuai dengan misi dan latar belakang website tersebut.
Sebagai gambaran mudah, untuk
website sebuah perusahaan finansial karakter yang dibangun secara visual harus
memberi kesan profesional, aman, formal, dan sekaligus bisa mengambil
kepercayaan pengunjung website.
Contoh tampilan web perusahaan finansial :
Sedangkan website personal, ataupun
blog personal, bisa ditampilkan lebih santai, informal, hangat, tidak terlalu
kaku dan menuntut, sehingga pengunjung bisa merasakan kedekatan dengan pribadi
pemilik website. Bisa saja website personal menampilkan kesan ceria, aktif, dan
dinamis, atau bisa juga misterius, atau lainnya, tergantung personality yang
ingin ditampilkan oleh pemilik website kepada pengunjungnya.
Contoh tampilan web personal :
Beberapa hal
yang perlu diperhatikan pada desain website, diantaranya adalah:
1.penggunaan warna yang tepat.
Warna sangat berpengaruh dalam sebuah desain. Seperti
yang telah kita ketahui, masing masing warna memiliki karakter tersendiri, dan
mecerminkan suasana tertentu. Skema warna (kombinasi warna) dalam desain harus
bisa mewakili karakter yang diinginkan. Tetapi perlu diingat, kombinasi warna
yang berlebihan akan mengalihkan pengunjung dari konten website.
2. Teks yang mudah dibaca
Contoh :
Teks harus mudah dibaca, hal ini bisa dicapai dengan
mengatur kontras warna teks dengan background. Selain itu penggunaan font yang
tepat juga perlu diperhatikan, jenis font, ukuran font, style dan
konsistensinya dalam desain. Selain itu pengaturan paragraf dan jarak antara
teks dengan elemen lain juga perlu diperhatikan. Whitespace atau ruang kosong
antar elemen harus harmonis. Semua hal tersebut bertujuan supaya Teks mudah
dibaca.
3. Desain visual yang harmonis
Image atau gambar secara visual merupakan unsur atau
elemen utama dalam desain. Image bisa digunakan sebai pemanis, atau penyeimbang
atau point of interest. Sebaiknya pemilihan image sesuai dengan keseluruhan
tema dan karakter desain website. Komposisi image dengan elemen lain juga harus
sesuai, adakalanya sebuah website membutuhkan image yang besar (hampir fullscreen)
untuk memberi kesan tertentu, dan dikombinasi dengan teks yang lebih kecil
porsinya, ada pula website dengan komposisi teks yang lebih banyak dan image
hanya sebagai unsur tambahan. Komposisi antara image dengan teks tergantung
dari tema dan karakter yang ingin dibangun.
Contoh desain visual yang harmonis :
Yang penting harus bijaksana dalam memilih,
menempatkan, dan mengkomposisi image, dan yang tidak kalah penting adalah
kualitas image itu sendiri. Hal lain yang harus menjadi pertimbangan adalah besarnya
file. Kecepatan load sebuah halaman website sebagian besar ditentukan oleh
besarnya ukuran file, terutama image, apalagi bagi kita di Indonesia yang
kecepatan akses internetnya sebagian besar dibawah rata-rata.
4. Layout yang Simpel
Contoh :
Layout atau tataletak desain diusahakan sesederhana
mungkin, minimalisir elemen-elemen yang tidak penting, maksimalkan whitespace
(jarak antar elemen). Website dengan layout yang baik, mudah untuk dijelajahi,
pengunjung mudah untuk menemukan sesuatu, dan dengan cepat menemukan apa yang
dicarinya.
Layout yang berantakan membuat pengunjung kesulitan
dan membutuhkan waktu lebih lama untuk menemukan sesuatu. Penempatan yang tidak
sesuai, point of interest yang menyesatkan, dan urutan tata letak yang acak,
sangat tidak menguntungkan.
5. Alur yang mudah dimengerti
Contoh :
Layout desain website harus bisa menuntun pengunjung
dan mengarahkan mereka ke sesuatu yang kita inginkan, jadi kitalah yang
menuntun alur perhatian pengunjung dari titik a, ke titik b, ke titik C, dan
seterusnya, sehingga tujuan kita dan misi dari website bisa dicerna dengan baik
oleh pengunjung. Hal ini tidaklah mudah, berbeda dengan media lain seperti
televisi, dan koran, audience dalam kendali pemberi informasi, mereka menerima
apa adanya dan pasif, dan tidak melakukan tindakan aktif untuk memilah.
Sedangkan pada website, pengunjung memiliki kendali penuh, mereka aktif, dan
oleh karena itu alur dari desain website harus jelas dan mudah dipahami agar
pengunjung tidak frustasi menemukan apa yang mereka inginkan.
6. Menu Navigasi yang jelas
Contoh :
Salah satu elemen penting yang juga wajib diperhatikan
adalah navigasi atau menu. Menu navigasi adalah satu-satunya cara pengunjung
berinteraksi dengan website. Ada banyak cara dan banyak desain menu navigasi,
tetapi yang tidak boleh dilupakan adalah fungsi utamanya, sebagai alat
interaksi pengunjung dengan website.
Website bisa saja mempunyai beberapa menu/navigasi,
bisa diatas pada header, atau pada sidebar, maupun dibawah pada footer. Tidak
ada rumus yang mengharuskan dimana kita menempatkan menu, yang penting harus
menyatu dengan alur dan layout desain sebuah website.
7. About Us
Orang pada umumnya ingin mengetahui hal-hal dasar
sebelum mereka berbisnis dengan kita. Siapa kita, bagaimana cara mereka
mendapatkan suatu pegangan dari kita, apa produk kita atau garansi jaminan,
kapan mereka akan mendapatkan produk, dan lain lain. Kita harus menjawab
pertanyaan ini untuk menciptakan kepercayaan antara kita dan pelanggan
potensial.
Contoh :
Anggaplah kita mempunyai banyak sumber daya dan
halaman atau produk. Sitemap membantu pengunjung untuk temukan apa yang sedang
mereka cari dengan cepat tanpa harus menggeledah keseluruhan situs. Hal ini
sangat bermanfaat untuk website yang berskala besar, karena membantu pencarian
untuk mengetahui apa yang ada disekitar dengan cepat.
Loading yang cepat Tidak ada yang lebih buruk
dibanding loading halaman website yang lambat. Kita dapat mengoptimalkan grafik
untuk website. Orang benci untuk menunggu. Kamu dapat memeriksa halaman dan
waktu beban halaman tergolong pada Alexa.Com. Lambatnya halaman sama artinya
bagi kematian suatu bisnis online.
Tidak ada komentar:
Posting Komentar