June 1, 2010 Website yang Bagus, sebaiknya..
Ada banyak hal terkait dengan website dalam mempersiapkan dan membangunnya, karena detail yang harus disiapkan. Semakin luas website yang akan dibangun, maka semakin banyak pula detail yang harus disiapkan. Namun dari semua hal detail tersebut, ada beberapa element penting yang tak mungkin hilang atau lebih tepatnya pasti ada. Beberapa yang saya tahu akan saya coba tuliskan disini ;
Ada banyak hal terkait dengan website dalam mempersiapkan dan membangunnya, karena detail yang harus disiapkan. Semakin luas website yang akan dibangun, maka semakin banyak pula detail yang harus disiapkan. Namun dari semua hal detail tersebut, ada beberapa element penting yang tak mungkin hilang atau lebih tepatnya pasti ada. Beberapa yang saya tahu akan saya coba tuliskan disini ;
1. Desain Tampilan
Tentu saja ini adalah hal pokok. Desain tampilan sangatlah mempengaruhi pandangan pengunjung. Ketika pengunjung mendatangi sebuah website, tampilan desain adalah hal pertama yang akan dilihatnya. Maka ketika desain tampilan kurang menyenangkan atau bahkan buruk dan tidak teratur, tentulah pengunjung akan lebih cepat berlalu dan pindah ke website lain.
Saya hampir selalu menemukan bahwa website yang nge-top rata-rata mempunyai desain yang baik dan teratur. Meski tidak semuanya bagus, namun paling tidak aturan serta penataan layout yang rapi dan tidak membuat mata lelah bagi pengunjungnya. Bahkan seramai apapun bentuk website dari situs terkenal tersebut, masih sekali terlihat lebih teratur.
Mungkin saja saya termasuk desainer yang mempunyai ciri khas atau bahkan mungkin menganut paham simple dan elegan. Karena daya tarik pandangan pertama adalah hal yang sangat penting. Bahkan beberapa desainer menganggapnya sebagai kunci. Kunci bagi banyaknya pengunjung yang setia.
2. Tampilan antarmuka (interface)
Saya sungguh kesulitan menterjemahkan secara harfiah apa itu interface. Tapi bila boleh saya katakan, ini adalah bentuk desain akan sebuah target market atau juga desain komunikasi di setiap halaman website sehingga sesuai dengan tujuan website tersebut dibangun. Seperti yang sudah saya tuliskan, bagaimana membangun toko online.
Disini target market akan sangat mempengaruhi desain. Target usia rata-rata pengunjung yang akan dibidik, sehingga memudahkan pengunjung untuk mengidentifikasi website dan sedikit banyak langsung paham tentang website kita. Bila kita membangun website tentang industri mainan, tentunya tidak mungkin bila kita menggunakan desain dengan tampilan gedung dari bangunan pabrik mainan tersebut.
Sehingga image building dari website pun mudah sekali terbentuk dari pengunjung. Jangan lupa untuk mengarahkan pengunjung ke lebih banyak halaman yang ada di website tersebut. Itulah interface, komunikasi dua arah dari desain dan halaman melalui menu-menu yang dibangun yang ada di website.
3. Navigasi
Buatlah semudah mungkin menu navigasi untuk ditemukan oleh pengunjung. Buatlah navigasi tersebut menarik bagi pengunjung untuk meng-kliknya. Rata-rata navigasi mempunyai luas 600 pixel. Akan lebih bagus bila menempatkannya di jajaran bagian atas website, entah itu di bawah header maupun di atas header. Dan lebik baik lagi bila kita tidak menempatkan menu navigasi tersebut berpindah-pindah dari setiap halaman website. Tetaplah konsisten dengan navigasi yang ada, karena itu akan sangat mudah dihapalkan oleh pengunjung, sehingga mudah bagi mereka untuk menjelajah lebih jauh website tersebut.
Ada baiknya bila mengulang menu navigasi yang ada di atas (header) ke dalam section footer. Di samping untuk memudahkan pengunjung ketika menjelajah hingga bawah halaman untuk lompat ke halaman lain, juga memudahkan bagi mesin pencari untuk mendiagnosanya.
4. Content yang bagus
Ini merupakan bagian utama bagi website. Apapun jenis website, konten yang kuat dan bagus akan sangat mempengaruhi tingkat kunjungan. Sebagus apapun tampilan website, akan hilang begitu saja bilang tidak disertai konten yang menarik dan powerfull. Ada diantaranya dikenal dengan istilah “Content is King”. Dan saya rasa itu sangatlah benar.
Konten adalah salah satu hal harus diperhatikan benar bagi sebuah website. Konten yang sangat berharga, usahakan bagi website untuk selalu mempunyai konten yang berharga dan sayang untuk tidak dibaca oleh pengunjung.
5. Halaman Profil
Yakinkan pengunjung untuk benar-benar tertarik dan percaya dengan website tersebut, dengan mengisi halaman profil atau about atau apapun dari bentuk pengelolanya yang valid dan solid. Ajaklah pengunjung untuk mempunyai pertanyaan seminim mungkin atau kalau perlu tidak mempunyai pertanyaan terhadap isi halaman profil di website.
Perjalanan awal bisnis, pengalaman hingga apa saja yang sudah berhasil dikerjakan. Ini juga merupakan hal yang sangat mempengaruhi pengunjung. Bagi pelaku bisnis, halaman profil adalah salah satu senjata utama selain portofolio. Berguna untuk menarik benang merah dari pengunjung dengan benang merah bisnis yang dikelola.
6. Kontak Info
Jangan biarkan pengunjung kebingungan untuk menemukan kontak anda, jangan lupa pula untuk selalu standby menjaga kemungkinan adanya kontak yang masuk dari pengunjung. Ada beberapa pengalaman pribadi. Dengan memasukkan nomor telpon ternyata sangatlah menguntungkan. Sebisa mungkin bukan nomor telpon pribadi, kecuali sudah siap dengan berbagai hal yang masuk direct langsung ke ponsel. Tidak disarankan untk memasukkan itu.
Lebih ideal lagi bila anda bisa membuat sketsa kontak website dengan lebih bagus, mudah dan memudahkan bagi kedua belah pihak. Sehingga pengunjung pun merasakan kemudahannya.
7. Sitemap
Ada dua hal bagi sitemap. Satu untuk penguna dan satunya lagi untuk mesin pencari. HTML atau PHP biasanya digunakan untuk memudahkan pengguna mencari apa yang dibutuhkan. Kemudian membuat sitemap via XML, dan menempatkannya ke dalam struktur website akan sangat membantu untuk mesin pencari mendeteksi website anda.
8. Kotak pencari
Adanya kotak pencari akan sangat membantu bagi pengunjung website. Penggunapun akan sangat terbantu dengan kotak pencarian ini. Dimana mudah bagi pengelola atau pengguna untuk mencari halaman atau hal yang dibutuhkan dengan relatif lebi cepat. Karena website akan mendeteksi keyword yang ada dalam lingkup website anda. Dan ketika pengunjung menemukan hal yang mereka cari di kotak pencari, maka mulailah mereka akan bereksplorasi lebih jauh ke dalam website anda.
9. Valid XHTML dan CSS (Tableless)
Developer yang baik akan selalu memisahkan penataan dasar tampilan melalui CSS. Serta mengutamakan validnya XHTML dari struktur website tersebut. Artinya, didalam pembuatannya website akan dipisahkan antara tampilan dan isi website. Sehingga tercipta tableless. Area teks dan gambar, warna dan susunan besar kecil dalam halaman html akan di atur dari link luar lewat CSS tersebut.
Teknologi yang semakin berkembang ini membuat mampu memisahkan aturan tampilan dengan konten website, sehingga pengguna tak lagi harus meng-update atau merubah isi dan tampilannya setiap kali memasukkan isi website terbaru (html dulu). Dan juga, search engine sangat menyukai hal ini.
Usahakan XHTML dan CSS tersebut valid adanya dengan menge-ceknya ke dalam website-website generate valid XHTML dan CSS. Dengan validnya ini, maka website anda akan mudah dan bisa tampil dengan tetap sempurna di setiap browser. Setahu saya saat ini sudah muncul sebanyak 13 browser.
Disinilah tingkat kerumitan bagi developer website, developer berpengalaman akan tetap memperhatikan untuk membuat website yang dibangunnya bisa tampil prima di setiap browser. Terkait dengan hal ini, jangan terjebak dengan harga murah. Untuk apa membayar murah bila website anda hanya bisa tampil dengan baik di 1 atau 2 browser saja. Dimana tidak semua pengguna menggunakan browser yang sama dengan kita.
——-
Sedikit tips ini semoga bermanfaat.
Salam kreatif.
Artikel Terkait
Tags: Art
- 56 comments
- Posted under Art, Career
Permalink #
addiehf
said
waduhhh, tips2nya mangstap tapi belum bisa saya terapkan, soale gaptek aku (doh)
Permalink #
Dexter
said
Boong.
Permalink #
omagus
said
bener tukang hoax..! (lmao)
Permalink #
FoO Iskandar
said
@kika : Bener tuh kang AddieHF suka boong … padahal dia tuh … banyak taunya dari pada ga taunya …
Permalink #
Jidat
said
Ngakune gaptek, padahal iyo!! (lmao)
Permalink #
Andy MSE
said
Tips yang cermat dan gamblang… worship dah!
*bagi saya, kalau desain itu untuk orang lain, nilai tertinggi dicapai bila disukai dan diterima oleh pemesan* (haha)
Permalink #
Dexter
said
betul-betul Pak..
Permalink #
Jidat
said
pak Andy diriku sedang Kopdar bareng mas Kika ki (dance)
Permalink #
farid amrulloh
said
podo rek, ndek D’campus ya,,.,.
Permalink #
neorenggana
said
Terima kasih mas, atas pencerahannya.
Permalink #
Dexter
said
Pencerahan gimana?
Permalink #
sepatuoriginal
said
klo mau beli sepatu sama ane gan
Permalink #
Mamah Aline
said
artikel yang mencerahkan mengenai website, tambahan ilmu bagi saya , makasih ya
Permalink #
Dexter
said
Sama-sama Mamah..
Permalink #
Pradna Cahbagus
said
sedikit dari mana? buanyak dan lengkap begitu…worship (worship) dah!
Permalink #
Dexter
said
Ampun Pak..
Permalink #
aldy
said
Mas Kika,
Membuat theme yang lintas browser jujur saja sulit, apalagi jika berhadapan dengan IE :mumet:
Permalink #
Dexter
said
Itulah kenapa kita mesti menghargai jasa programmer dengan pantas Mas. Terkadang kita melupakan itu.
Permalink #
aldy
said
Benar Mas,
Bahkan saya kadang miris dengan rekan-rekan programer, sering saya mendapatkan kenyataan mereka dipandang sebelah mata ( walaupun ada diantaranya justru karena sikap mereka sendiri juga ), orang-orang kita masih belum mampu menghargai karya orang lain dengan baik
Permalink #
Dexter
said
Begitulah adanya Mas. Mari perbaiki dari diri sendiri.
Permalink #
bOm² KDB
said
mantap jaya…..share ilmunya om Kika mantap uey….
Permalink #
Dexter
said
Maju Jayaaaa..
Permalink #
sibaho way
said
sedang membandingkan. masih jauh ternyata
(
Permalink #
Dexter
said
Jauh di mata dekat di hati.
Permalink #
PRofijo
said
Website yang bagus sebaiknya saru gak…?
Permalink #
Dexter
said
Sarungan.
Permalink #
Ceritaeka
said
Kereeen Oom
jd nambah ilmu…
tapi.. ini buat website yg jualan ajah..
ato bisa buatblog juga ya?
Kalo blog mah keknya ndak perlu taro no hape
hehehe
Permalink #
Dexter
said
Blogmu kok tidak bisa dibuka ya
Permalink #
Agung Pushandaka
said
Saya sejauh ini cuma bisa mengusahakan agar blog saya berkonten bagus. Tapi masih jauh dari harapan.
Permalink #
Dexter
said
Yang penting terus perbaiki.
Permalink #
M Mursyid PW
said
Saya gak tahu banyak mengenai dunia website ini. Yang saya tahu kini dengan ngeblog (meski saya masih pakai yg gratisan) saya jadi memiliki tempat untuk berbagi. Hal sangat membahagiakan!
Bagaimanapun entri di atas sangat bagus untuk dipedomani. Tq.
Permalink #
Dexter
said
Mari sama-sama Pak Mursyid.
Permalink #
elmoudy
said
saya slalu suka dengan tips2 tentang cara meningkatkan kualitas website… slalu memotivasi diri untuk lebih baek lagi.. thanks bro atas share nya
Permalink #
Dexter
said
Thanks a lot Bro.
Permalink #
FoO Iskandar
said
Mantabssss mas kika tutornya … memang sangat lah mas kika mah
Permalink #
Jidat
said
Sungguh ulasan yang jlentreh lengkap. Setelah saya baca dari atas sampe ke bawah ternyata msih belum saya cek kefalidan css dan xhtml blog saya. Mohon nilai dan kritik blog saya http://jidatbaok.com
Permalink #
cah ndueso
said
blogku wes ngene iki po urung yo?butuh perenungan maneh iki….
Permalink #
pardi
said
Besuk ada pertemuan mendadak di Ponorogo. Insyallah…
Permalink #
riFFrizz
said
Sebagian sudah terpenuhi, dan sebagian juga belum terpenuhi di blog saya, berkunjung dan kritik blog saya ya mas ! Sayang tadi gak bisa ikut kopdar di cafe d’campoez
Permalink #
hamlennon
said
Content is the King! tapi ya klo tampilannya jelek orang jadi males juga datang. Matanya capek lah.
Yang paling parah menurut saya klo udah pake background hitam trus fontnya putih. Pandangan saya bisa bergaris-garis rasanya. Mendingan Cap-cus deh klo ketemu blog kyak gitu.
Permalink #
azaxs
said
penjelasan yang jelas dan menarik.. suwun mas.
kyae css dan xhtml blog saya belum valid hee..
Permalink #
alief
said
jadi pengen belajar lebih lagi, gak sekedar main oprek theme ajah
Permalink #
bilal
said
makasih sarannya mas
visit : akhmad06.student.ipb.ac.id
Permalink #
bang FIKO
said
Yang pasti desain harus sesimpel mungkin biar gampang dibuka ya, kang… Soale koneksi di Indonesia kan masih parah
Permalink # Personal Branding, Membangun Jati Diri | Alief's Blog said
[...] habis ikut kopdar sam mas kika di deKampus cafe (eh, tulisanya bener gak ya?). Emang sie, aku dateng terlambat. Dari yang [...]
Permalink # Sharing Offline Ponorogo | Azaxs Dot Net said
[...] meskipun terkadang alur pembicaraan melompat-lompat, dari masalah seluk-beluk internet dan blog, web design, personal branding, hingga sharing masalah sosial dan kehidupan. Saking asyiknya berbincang, kopdar [...]
Permalink #
Benz
said
numpang exis mas,soale bru bljr ngeblog nch, , ,lam knal,n mksh!
Permalink #
xitalho
said
Wejangan yang sanagt perlu disimak…
Terima kasih gan….
Permalink #
imtikhan
said
halo sobat met pagi
salam kenal semoga sukses
terima kasih
Permalink #
septiana
said
Mas Kika… ajari aku bikin web…
-penasaran-
-akhirnya setelah sekian lama mencoba, aku nulis lagi. tapi karena ga sanggup melanjutkan mysepty.dagdigdug, skg pindah ke sini. semoga ga akan menyerah lagi apa pun yg terjadi yah ^^
Permalink #
adin
said
yang terakhir ini yang repot, saya sering cek validitas xhtml dan lain2, emang banyak error sih, tapi g tau mau benerin di mananya,hehehe…masi bingung soal codingnya
Permalink #
marsudiyanto
said
Inguk2…
Permalink #
FukyMami
said
Wah, akhirnya nemu tip yg saya butuhkan. Keterangannya cukup jelas terinci. Untuk point no.1, saya penasaran apa disain website saya tergolong bagus. Kalau menurut saya sih sudah bagus. Boleh dong ditengok sebentar apa disainnya dah bagus. Syukur-syukur kalau mau ngasih kritik. Makasih….
Permalink #
Budi
said
kalo dah terlanjur kurang bagus, bisa diperbaiki gak mas..
Permalink # Tak kenal maka tak sayang | Perjalanan Kika said
[...] lain yang ingin saya tambahkan juga, jasa pembuatan website itu sangatlah bergantung pada kontrak. Jenis kontrak pembuatan hingga maintenance-nya pun [...]
Permalink #
Andrean
said
Sedih.. web ku Bounce Rate nya 42.33%… Gak tau ya apa karena warna dasarnya gelap. Saya rasa desainnya overall sih cukup sederhana. Juga gak ada iklan. Full content minded. Huff… ada saran please anybody. Kalau memang gara2 warna gelapnya yahh.. ta siap2 lembur lg benahin css nya.