Senin, 29 Oktober 2012

Perancangan Tampilan yang baik Pada Website atau Blog Beserta Contoh


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.
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.

8. Sitemap

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.

9. Loading
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