Web Design Archives - Page 3 of 8 - Web Design Tutorial & Website Development

07 Feb

5 Ciri Desain Website yang User Friendly

Desain Website User Friendly

Desain Website

webdesign-jakarta.com -Desain website sangat penting untuk sebuah website. Dalam membangun dan merencanakan sebuah website, Anda perlu untuk belajar tentang desain website. Desain website ini berguna untuk membuat tampilan website menjadi user friendly dan menarik untuk pengunjung. Kadang banyak pengunjung yang merasa tidak nyaman ketika mengunjungi website yang tidak user friendly. Selain itu pengunjung juga dipusingkan dengan navigasi website yang buruk. Oleh sebab itu agar pengunjung betah berlama-lama berada di dalam website Anda, penting bagi Anda untuk tahu apa itu ilmu desain website yang user friendly. Berikut ini adalah beberapa poin penting dalam membuat desain website yang user friendly :

Navigasi yang Mudah Dipahami

Hal pertama yang bisa Anda lakukan untuk membuat desain website yang user friendly adalah Anda harus membuat navigasi yang mudah dipahami. Kadang pengunjung yang berkunjung ke sebuah website sering bingung dia berada di halaman website yang mana. Navigasi pada website berguna untuk memberikan informasi kepada pengunjung bahwa pengunjung sedang berada di halaman website mana. Navigasi tersebut juga akan membuat pengunjung mudah untuk menuju dari satu halaman website ke halaman website yang lainnya. Teknik navigasi ini juga sangat berguna bagi owner website yang ingin mengoptimasi websitenya dengan SEO. Teknik navigasi yang baik juga akan meningkatkan UV (user view) dari website itu sendiri dan tidak terkesan monoton.

Desain Website

Waktu Loading

Dalam desain website user friendly juga akan membahas tentang waktu loading untuk situs website. Tentunya pengunjung tidak mau membuang-buang kuota internet nya untuk menunggu website yang loadingnya lama. Saat pengunjung menuju website Anda, loading website yang lama akan membuat pengunjung untuk langsung menekan close atau tanda x di halaman website Anda. Anda harus memikirkan poin ini secara masak-masak. Jangan membuat website Anda terlalu berat untuk dibuka. Biasanya website dengan loading lama terlau banyak konten dengan ukuran besar misalnya saja video, foto, flash dan masih banyak lainnya. Oleh sebab itu buatlah website Anda ringan dan singkat namun tetap informatif dan menarik. Selain faktor tersebut, penggunaan plugin yang berlebih pada CMS juga akan membuat kinerja website menjadi lemot. Untuk mengantisipasinya, gunakan CSS yang ringan, hindari pemakaian widget dan plugin yang useless serta jika memungkinkan, gunakan CMS yang telah mengadaptasi framework CSS seperti bootstrap, laravel dan sebagainya agar website responsif dan memiliki waktu loading yang sedikit.

Mudah Dipahami

Pengunjung website harus mampu mengerti isi dari konten website Anda. Cara membuat website Anda mudah dipahami adalah Anda bisa menggunakan tipografi. Untuk website yang berisi konten berita atau berbagai macam informasi, Anda harus bisa memilih font atau huruf dengan benar, mampu mengombinasikan warna dan jarak huruf di halaman website. Jika Anda tidak menerapkan tipografi pada desain website Anda, web design Anda akan terlihat berantakan dan kurang bersih. Selain itu, penerapan sistematika konten di dalam sebuah website juga harus memenuhi kaidah SEO yakni adanya format Heading yang benar¸ format paragraf dan alt image yang sesuai dengan isi gambar / videonya.

Social Button

Social button merupakan unsur design website SEO friendly selanjutnya. Social button pada sebuah website tak hanya akan menguntungkan pihak owner websitenya, karena selain isi konten akan dapat dibagikan oleh setiap visitor yang berkunjung, user juga akan merasa nyaman melakukan action di dalam sebuah website seperti login menggunakan sosmed pada sebuah website, berkomentar dengan plugin yang terotomatisasi dengan facebook atau twitter misalnya. Penggunaan social button ini nantinya juga akan berdampak pada posisi website Anda di Serach Engine.

Mudah Digunakan

Cara membuat desain web yang user friendly lainnya adalah membuat website itu mudah digunakan di beberapa browser, bisa digunakan di beberapa perangkat dan memiliki ukuran layar yang sesuai. Ukuran layar yang terlalu lebar atau terlalu kecil bisa membuat pengunjung merasa tidak nyaman berada di website Anda.

Jumlah pengunjung di website yang user friendly lebih banyak dibandingkan dengan website yang tidak user friendly. Oleh sebab itu bagi Anda yang merencanakan untuk membangun website, sebaiknya Anda menerapkan desain website yang user friendly pada website Anda. Jika anda tidak tau cara mendesain web secara user friendly, bisa gunakan jasa web design profesional dan kunjungi website kami di www.webarq.com.

Baca juga : Daftar Kode Warna HTML & CSS

23 Jan

Belajar Web Design Menggunakan Macromedia Dreamweaver

Belajar web design harus mengetahui dasar dalam pembangunan dan pembuatan website. Oleh sebab itu sebelum Anda mengisi konten website Anda, Anda harus memikirkan bagaimana tampilan website Anda tersebut. Khusus pemula, Anda bisa belajar membuat dan melakukan desain website menggunakan Dreamweaver. Berikut ini adalah cara belajar web design menggunakan Dreamweaver yang perlu untuk Anda ketahui :

Instal Dreamweaver

Hal pertama yang harus Anda lakukan dalam belajar web design adalah harus memiliki dan menginstal Dreamweaver terlebih dahulu. Setelah berhasil di instal, bukalah Dreamweaver tersebut. Pilihlah create new kemudian pilih HTML.

Membuat Tabel

Tabel dalam desain website sangat penting. Tabel tersebut berguna untuk membuat layout pada tampilan website Anda. Anda bisa memilih layout seperti apa yang ingin Anda buat. Yang harus Anda ketahui adalah layout yang dibuat harus memenuhi standar dalam desain website. Layout itu nantinya harus mampu memuat bagian header, menu, body dan tentunya bagian footer. Untuk bisa membuat tabel, Anda harus melalukan insert terlebih dahulu. Pilihlah menu insert table pada menu Dreamweaver, isikan jumlah rows dan columns nya, kemudian aturlah berapa panjang tabelnya. Untuk panjang tabel bisa Anda atur sedemikian rupa sesuai dengan kebutuhan website Anda. Setelah itu Anda harus mengatur tabel di bagian header, footer dan lain-lain.

belajar web design dengan dreamweaver

Header dan Footer

Yang tidak kalah penting dalam desain website adalah bagian header dan footer. Untuk bagian header Anda bisa meletakkan gambar logo toko online Anda, kalau Anda juga memiliki toko offline di bagian header Anda bisa menyertakan alamat dari toko offline Anda. Di bawah header, Anda bisa membuat menu bar dengan menu drop down. Untuk bagian footer, Anda bisa menyertakan copy right dari desain website Anda serta kapan copy right tersebut dibuat.

webdesign-jakarta.com

Membuat Menu

Dalam membuat desain website, Anda harus merinci menu apa yang akan Anda tampilkan. Menu ini nantinya akan ditampilkan dalam menu bar. Tidak hanya tampil di menu bar saja, namun Anda juga harus membuat menu drop down. Menu drop down ini sering ada di dalam tampilan desain website. Contohnya saja website Anda untuk berjualan online, di dalam menu bar product, menu drop down itu berisi tentang kategori product Anda misalnya saja adalah gadget, laptop dan lain-lain. Untuk membuat menu drop down di Dreamweaver ini Anda bisa memilih dalam menu insert kemudian pilih layout object kemudian pilih spry menu bar. Untuk melakukan insert ini, harus diletakkan di bawah kode html <table>. Setelah itu pilihlah horizontal kemudian Anda OK. Jangan lupa juga untuk mengisi bagian menu agar terlihat penuh dan tidak menimbulkan kesan blank space atau ruang kosong.

Pewarnaan

Yang tidak kalah penting dalam desain website adalah masalah dalam pewarnaan. Anda harus pandai-pandai dalam memuat komposisi warna. Di dalam menu bar, Anda harus memikirkan tentang teks dan warna background untuk menu bar Anda. Warna teks di dalam menu bar ada dua macam. Yaitu warna ketika tidak disorot menggunakan mouse dan warna teks itu akan berubah ketika disorot menggunakan mouse. Contohnya saja di website Tokopedia, warna teks di menu bar Tokopedia saat tidak disorot mouse warnanya hitam dan saat di sorot menggunakan mouse warna teks berubah menjadi merah. Dreamweaver sendiri sudah mendukung pewarnaan dengan cara otomatis sehingga Anda tidak perlu mengetikkan kode warnanya. Demikianlah belajar web design khusus pemula menggunakan Macromedia Dreamweaver, semoga bermanfaat bagi Anda.

Visit : Web design jakarta

By webadmin Web Design desain website, Dreamweaver 0 Comments Read more...

28 Dec

Aplikasi & Cara Membuat Web Design

webdesign-jakarta.com – Banyak orang ingin membagi karyanya sendiri kepada orang lain. Ini hal paling sederhana dalam ruang lingkup pembuatan web design. Dan kali ini saya akan membagi ilmu cara membuat web design dengan berbagai aplikasi yang digunakan para webmaster. Sebelum melakukan lebih dalam untuk web design kita harus menyusun rencana apa yang harus kita kerjakan nantinya. Anda bisa melakukan dengan beberapa aplikasi dibawah ini:

Photoshop

Photoshop

Siapa yang tidak tau dengan aplikasi ini dengan menu serta olahan datanya bisa mengubah desain foto maupun grafik menjadi sangat keren. Banyak hasil karya yang di buat dari aplikasi photosop. Beberapa tampilan awal dari situs atau website dimulai dari desain yang diolah di photoshop. Banyak tips dan trik untuk web design dengan photosop di google. Akan tetapi sekarang memang lebih memakin responsive agar pengguna device gedget bisa mengakses website yang kita buat.

Dreamweaver

Dreamweaver

Aplikasi koding yang lebih mudah untuk merombak tampilan website karena udah dirancang untuk para webmaster. Anda bisa merubah tampilan website dengan mudah langsung pada aplikasi tersebut. Berbeda dengan langsung mengedit seperti notepad dsb. Beberapa kode yang harus dihafal cukup lumayan banyak dan rata-rata para webmaster tidak bekerja sendiri. Didalam dreamweaver terdapat suggest yang memudahkan dan mempercepat kita dalam pengerjaan. Warna yang muncul untuk membedakan jenis atau bagian-bagian pada website kita jadi lebih enak untuk dilihat.

Notepad

Notepad

Ini merupakan cara classic untuk membuat web design tapi sampai sekarang masih digunakan karena lebih efektif dan simple. Hanya saja peletakan kode nya tidak ada suggest jika kode yang kita masukan itu salah atau benar.

Corel Draw

Corel Draw

Untuk corel draw memang bener-bener detail dalam pembuatan grafik dan segala macam nya. Corel yang kebanyakan untuk mendesain sebuah logo, gambar, dan poto dengan sedikit kerumitan.

Untuk kalian yang ingin belajar cara membuat web design dengan menggunakan aplikasi tersebut untuk mengembangkan atau membuat dari awal website anda bisa cari disini. Banyak blog yang memposting tutorial pembuatan web design dengan beberapa aplikasi diatas. Lakukan lah secara berurutan agar tidak terjadi masalah eror saat eksekusi nanti.

Cara Backup Data Secara Rutin Untuk Situs Kesayangan Anda

Cara backup data – by matemediacom

Web design jakarta – Setelah proses web design selesai secara penuh, kita perlu untuk terus menambah konten berkualitas agar bisa mendapatkan calon pelanggan lebih banyak lagi. Sayangnya, proses web design yang kita perhatikan biasanya hanya pada awalnya saja, setelah mulai menambah-nambah konten, kita agak lupa tentang hal tersebut. Ada baiknya anda meminta vendor web design anda untuk mengajari anda melakukan back-up data demi mencegah hal-hal tidak diinginkan terjadi. Terkadang, serangan keras terhadap server anda akan menyebabkan data anda hilang semua. (pemasaran online)
Di sinilah pentingnya back up data terlihat. Apabila anda telah meminta vendor web design anda untuk melakukan back up data ke server cadangan, maka ketika server utama ada masalah, anda bisa dengan mudah mengambil data dari server cadangan tersebut. Mintalah vendor web design anda untuk melakukan back up secara rutin, minimal sebulan sekali untuk mencegah kerugian yang lebih besar apabila server hosting mengalami masalah. Jangan kawatir karena disini kami akan memberikan cara backup data untuk website/blog/situs anda sebagai berikut:

masuk cpanel situs/blog/website anda kemudian cari icon yang bernama Backup Wizard

Klik menu backup wizard (pada tanda merah) sampai muncul halaman mencul menu backup wizard.

Kemudian klik menu backup

Setelah anda klik pada menu backup akan ada pilihan full backup dan partial backup. Disini disarankan untuk memilih full backup karena semua data yang ada di hosting akan di backup.

Akan muncul gambar seperti dibawah ini untuk menu full backup dan partial backup terdiri 3 bagian yaitu Home directory, MySql Databae, dan Email Forwardes & Filters

Pilih tujuan mana file yang akan di backup (biarkan default saja)

Setelah selesai memilih tujuan akhir penyimpanan klik Generate Backup.

Proses backup akan berjalan saat ini tunggu sampai selesai kemudian klik go back.

Ini bagian akhir dari backup akan muncul data seperti dibawah ini.

Anda bisa klik yang bertanda merah akan otomatis tersave di PC/Komputer anda. Data yang berada di kompter anda seperti tulisan gambar diatas ini bisa anda restore pada menu yang sama diatas.

Untuk tutorialnya restore akan dilanjutkan pada halaman cara merestore data pada hosting. Sekian semoga bermanfaat untuk anda.

By : Web design jakarta

By webadmin Web Design cara backup data, web hosting 0 Comments Read more...

15 Mar

Inilah Contoh Landing Page Terbaik Untuk Web Anda?

landing page template

Webdesign-jakarta.com – Dalam proses web design, landing page atau halaman utama termasuk hal yang paling penting. Meskipun web design halaman lain sangat bagus, namun apabila landing page sendiri jelek, bisa dipastikan calon pelanggan tidak akan tertarik untuk menggali informasi lebih dalam tentang produk anda. Artikel dalam sebuah proses web design landing page akan memegang peranan penting dalam efektifitasnya. Banyak sekali web design landing page menggunakan landing page yang sangat panjang. Pertanyaannya, apakah hal tersebut efektif?
Ternyata, penggunaan landing page template yang terlalu panjang dalam proses web design tidak terlalu efektif. Survey mengatakan bahwa dalam web design landing page anda ada baiknya menggunakan jumlah kata 400 – 600 paling maksimal. Apabila anda menggunakan lebih dari itu, maka calon pelanggan akan malas membacanya. Apabila terlalu sedikit, search engine seperti Google juga akan malas untuk menempatkan anda dalam list teratasnya.

Dibawah ini akan kami kasih contoh model landing page yang cocok untuk situs anda:

Sedikit review untuk landing page tamplate ini : Posisi judul ditengah sangat pas orang akan langsung melihat apa isi pertama yang di maksud dalam situs tersebut. Pada kolom testimonial tidak terlalu lebar dan panjang jadi untuk seorang user lebih mudah terlihat. Kita lihat perpaduan yang cocok sesuai dengan text pada konten situs. dan yang terakhir logo sangat cocok di pasang posisi pojok kiri atas.

Hal yang paling utama akan terlihat saat user pertama kali tertuju pada promo dengan posisi sesuai landing page halaman dan sangat mudah untuk mencari bagaimana mereka ingin memasan pada kolom apply. Ada tawaran produk lain pada bagian bawah dengan fitur yang ditawaran, ini sangat pas untuk produk seperti hotel atau jasa lain nya. Tidak banyak menu, page, atau kategori lain yang membuat user bingung untuk mencari pilihan lain.

Landing page yang sangat unik kenapa demikian? walaupun sangat panjang tanpa ada menu lain selain order, ini akan lebih mempermudah user untuk memahami konten di dalam website / situs tersebut. Biasa nya ini untuk situs tempat wisata yang menjelaskan alur perjalanan wisata tertentu. Lebih terkesan menarik untuk landing page niche pariwisata atau yang lain.

Beberapa contoh landing page diatas dapat anda ambil ide gagasan pada situs yang anda buat nanti. Pastikan sesuai dengan niche yang anda gunakan karena bisa berdampak pada pengunjung atau user di situs anda nanti.

Pemasaran online

By webadmin Web Design Landing page tamplate 0 Comments Read more...