Step by Step Mendesain Website
Dalam sebuah tim web development sebuah website idealnya membutuhkan seorang web designer dan seorang programmer (dalam proses produksi). Tugas seorang web designer adalah merancang tampilan sebuah web dengan mempertimbangkan beberapa faktor, antara lain usability, visibility, flexibility, aesthetics dan tentu saja creativity. sedangkan seorang web program bertugas untuk coding dengan menggunakan bahasa pemrograman yang dibutuhkan dan dengan mempertimbahkan kecepatan akses juga.
Disini saya akan membahas bagaimana proses untuk mendesain website dari awal hingga bisa diserahkan kepada programmer untuk proses codingnya.
Hal pertama yang dibutuhkan adalah proses layout, proses seperti ini bisa dibuat dengan sketsa kasar disebuah kertas atau menggunakan software yang banyak tersedia di internet dengan lisensi free. dalam proses ini hal-hal seperti usability, visibility, flexibility, aesthetics sangat diperhitungkan, kita tidak ingin sebuah website itu bagus dari segi desain tapi user tidak bisa mengoperasikan dengan mudah dan dibuat bingung.
Ketika proses layout selesai proses selanjutnya adalah mendesain apa yang ada di layout tadi. Kita bisa menggunakan software Photoshop, Illustrator, fireworks dan software-software lain kesukaan kita. dalam proses desain ini hal yang perlu diperhatikan adalah proses kreatifitas, karena dalam proses layout tadi kita hanya menggambar dasar/kasar saja, bagaimana proses kreatifitas ketika membuat tombol, kotak, menu, dll. tentu juga masih memperhatikan mudah tidaknya sebuah elemen desain itu untuk user dan sesuai dengan konsep websitenya.
Bagus tidaknya sebuah desain itu relatif, hal yang paling utama adalah bagaimana kita membuat user merasa nyaman dan betah mengunjungi website. perilaku user seperti ini sudah diteliti, bagaimana user ketika melihat sebuah website itu men-scan website dengan mata berdasarkan tata letak elemen-elemen desain.
Proses selanjutnya adalah proses memotong-motong hasil desain (slicing). Proses slicing ini bisa dibilang gampang-gampang susah karena dalam proses slicing ini mudah tidaknya ditentukan oleh hasil desain itu sendiri, semakin simple sebuah desain akan mudah dalam slicing.
Setalah proses slicing selesai langkah selanjutnya adalah coding XHTML dan CSS. diusahakan dalam proses ini menggunakan hard coding maksudnya tidak menggunakan software-software visual seperti dreamweaver. kenapa saya bilang begitu? alasannya adalah supaya kita lebih mengerti bagaimana suatu tag-tag/code-code itu menghasilkan objek, jika kita menggunakan software seperti dreamweaver kemungkinan besar kita akan cuek terhadap tag-tag/code-code nya. tapi bagi pemula hal itu tidak masalah, karena dulu saya juga melakukan hal yang sama 
menggunakan dreamweaver, ketika saya memutuskan untuk meninggalkan software tersebut membutuhkan waktu yang lebih lama untuk proses coding ini, misalkan ketika menggunakan dreamweaver saya membutuhkan waktu 3 jam untuk CSS dan XHTML, lalu pindah ke teknik hard coding pertama kali saya kebingungan dan membutuhkan waktu hampir 2 hari untuk selesai 
Tugas seorang webdesigner berakhir sampai disini, dari sini kita menyerahkan kepada programmer untuk tahap selanjutnya. tapi jika seorang web programming kebingungan dengan pekerjaan Anda hendaknya Anda harus turun tangan untuk membantunya
Postingan Terkait
16 komentar di “Step by Step Mendesain Website”
Tinggalkan Komentar
zulkarnain
Telah Menulis 10.
Seorang Web Designer, Web Developer, Wordpress Development dan independen Blogger. Spesialisasi Personal Branding. Selalu haus akan ilmu tentang perkembangan dunia Web Design, Social Media, Online Marketing. Kadang-kadang juga berprofesi sebagai konsultan Website dadakan hehe.. Online Portfolio zulsdesign studiomempunyai sebuah blog Follow me on twitter dan facebook
mantap gan
Mantap Informasinya.
like this
sayang saya ndak bisa bikin design mas
bisanya cuman buat garis lurus dan siku 90*
Mantap….
baru merasakan proses web design step by step
mantab gan….
Sekali-kali bikin contoh desain dan tahapan pembuatannya hingga selesai sampai di dreamweaver. Sorry bos kt pendatang baru
@yunus : Sip sip.. usulan yg menarik. ditampung
Nah… ini dia yang saya butuhkan…
Ikutan nulis juga dong kalo ilmunya bermanfaat
Wah infonya menarik… ini yg sering dicari-dicari newbie … hehe
pengen belajar bikin web…jadinya ^_^
Masukan yang berarti
wow ternyata postingnya pak jul….ya tinggal acungkan 2 jempol nih
ya lepas dari dreamweaver bayaranya mesti gde kali ya mas heeeeee
ayo mas Zul, ditunggu tutorialnya… :p
makasih bos mantabzzzzzzzzz….sarannya…
saat ini saya sedang belajar langkah demi langkah mendesain dan membuat sebuah website dinamis. memang awalnya susah buat pemula, tapi semoga saja menjadi mudah setelahnya..