Skip to main content

Tips Desain web "User Friendly"

Apa yang Anda lihat dan nilai ketika mengunjungi sebuah halaman web?
apakah kontennya? tema website tersebut? atau bahkan ini website CMS atau buat dari awal?*Anak IT biasanya melihat kesini :-p

Tips Desain web User Friendly

Namun bagi kebanyakan orang mulai dari orang awam sampai pro dibidang web pun kesan pertama yang mereka dapatkan dari mengunjungi sebuah halaman web adalah desainnya. Desain web menjadi aspek penting yang perlu diperhatikan dalam pembuatan sebuah website. Bayangkan ketika anda membuka sebuah website yang tata letak dan warnanya berantakan, tentu akan membuat pengunjung malas untuk berlama-lama membuka website tersebut.

Suatu keharusan Anda mendesain sebuah website yang dapat memanjakan pengunjung. Buat pengunjung nyaman dengan komposisi desain web yang menarik namun tetap sederhana dan mudah digunakan bagai semua kalangan.

Lalu apa saja yang harus diperhatikan dalam mendesain website. Berikut adalah ulasannya :

Warna

warna desain web
Warna merupakan bahasa alami yang bisa semua orang tangkap dan rasakan. Dalam memberikan komposisi warna pada website Anda harus menyesuaikan dengan tema website yang Anda bangun. Apabila website bertemakan alam dan natural maka Anda bisa menggunakan perpaduan warna hijau, biru muda dan orange, jika teknologi bisa berwarna biru, putih, dan abu-abu terang. Walau kita boleh mempadukan warna pada sebuah website tapi jangan sampai terlalu banyak warna pada website yang dibangun, dan malah membuat tidak nyaman dipandang. Usahakan ada warna dominan yang menjadi ciri khas dari website Anda. Contohnya seperti Facebook yang memiliki warna khas biru.

Bentuk dan Tata Letak

bentuk dan tata letak web
Pastikan bentuk website dan tata letaknya tidak asing lagi ketika dilihat oleh pengunjung. Memberikan desain yang unik agar berbeda dengan website lain tentu sangat baik, tetapi jika hal tersebut malah membuat bingung pengunjung dan menyulitkannya dalam menjelajahi web Anda sebaiknya urungkan niat untuk membuat tampilan web sangat berbeda dengan web pada umumnya. Buatlah struktur bentuk web yang mudah digunakan oleh orang awam namun tetap lengkap dan menarik.

Font

Font sangat penting untuk memberikan kenyamanan pengunjung dalam membaca konten dari web Anda. Gunakan font-font standar yang umum seperti Arial, Courier, Georgia, Helvetica, Times, Trebuchet, Verdana. Karena font tersebut biasa menjadi standar peulisan artikel pada blogspot, yang biasanya banyak orang gunakan dan mudah untuk dibaca. Jangan Anda memberikan font super keren yang meliuk liuk namun malah sukar untuk dibaca.

Margin dan Padding

Yang satu ini sering diabaikan oleh para designer web. Margin dan padding berfungsi untuk memberi jarak elemen satu dengan yang lainnya. Kerapihan artikel yang ada pada sebuah website terletak pada dua hal tersebut. Agar mata pengunjung tidak mudah lelah gunakan minimal ukuran 3px untuk margin maupun padding di tiap elemen web.

Bahasa

Gunakan bahasa yang santai dan luwes dalam penulisan artikel atau konten pada web Anda. Hindari menggunakan bahasa yang aneh dan tidak lazim untuk pengunjung. 

Desain Responsive

Pada intinya desain responsive adalah desain website yang tampilannya dapat menyesuaikan dengan device pengunjung. Desain website akan menyesuaikan dengan ukuran layar dari device yang digunakan pengunjung. Tentu ini akan sangat membantu ketika pengunjung menggunakan smartphone untuk mengunjungi web Anda. Karena desain web otomatis menyesuakan dengan device pengunjung, mulai dari ukuran, struktur web, dan konten yang disajikan bisa disesuaikan dengan otomatis.

Namun untuk Anda yang ingin mendapatkan jasa desain website yang menarik dan pastinya memenuhi point-point di atas, silahkan kunjungi elefandesign.com
Labels:

Comments

  1. kazekage blogDecember 9, 2017 at 8:23 PM

    Thanks gan, jadi tau gimana cara membuat desain web yang user friendly :)
    Kunjungi juga blog saya

    ReplyDelete
  2. pemuda bermimpiDecember 10, 2017 at 12:16 PM

    adaka trik-trik yang bia agan bagikan untuk agar kami bisa membuat desain web yang bersahabat
    kunjungi juga iki gan

    ReplyDelete

Post a Comment

Popular posts from this blog

cara membuat menu Dropdown pada web responsif menggunakan Bootstrap

Menu Dropdown adalah menu yang berisi submenu dan submenu akan muncul jika tombol menu ditekan. Dan jika menu tersebut dibuat pada web responsif maka tampilan menu akan menyesuaikan dengan ukuran layar device yang digunakan untuk membuka halaman web. Dengan membuat menu pada web responsif memungkinkan pengunjung web yang membuka halaman web menggunakan smartphone akan mendapat tampilan desain web yang baik dan rapih, sehingga memudahkan pengunjung menjelajahi halaman sebuah web responsif. Lalu bagaimana cara membuat menu Dropdown pada web responsif menggunakan Bootstrap? Kamu tinggal memanggil class untuk menu Dropdown yang disediakan oleh Bootstrap. Berikut adalah uraian bagaimana cara membuat menu Dropdown pada web responsif menggunakan Bootstrap : <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/...
Post a Comment
Read more

Pemrograman Java : Cara getText dan setText Pada Java GUI

Pada Java GUI untuk mendapatkan text yang user input kamu harus mengambil text dari text area atau bisa juga text field. Untuk melakukannya bisa menggunakan fungsi getText() yang ada pada Java. getText() adalah fungsi yang ada pada Java untuk mengambil teks yang diinput pada form. Lalu untuk memunculkan sebuah teks pada text area atau text field  dapat menggunakan fungsi setText(). Akan diberikan contoh form sebagai berikut untuk lebih memahami penggunaan setText() dan getText() pada Java. Berikut adalah Cara getText dan setText Pada Java GUI : Buatlah form pada JFrame seperti gambar diatas. Caranya hanya tinggal klik kanan pada package yang diinginkan new-->JFrame Form... Lalu buat form seperti berikut: Berikan nama variabel pada text field  sesuai kegunaan. Contohnya text field  jurusan akan diberi nama variabel "jurusan". Caranya klik kanan pada text field yang dikehendaki lalu pilih Change variable name. Ini untuk memudahkan menggunaka...
7 comments
Read more

Membuat desain web responsif menggunakan Bootstrap

Desain web responsif adalah web dengan desain yang tampilannya dapat menyesuaikan pada semua ukuran device. Dengan demikian sebuah website akan selalu terlihat rapih jika dibuka pada semua jenis device . Banyak cara untuk membuat desain web responsif, diantaranya dengan menggunakan front-end framework dari Bootstrap. Dengan menggunakan Bootstrap kamu tidak perlu banyak menggunakan CSS, jQuery dan lainnya dalam pembuatan desain web responsif. Kamu hanya perlu memanggil atau menggunakan class yang sudah disediakan Bootstrap pada tag yang diinginkan dan otomatis tampilan web pada tag tersebut akan menjadi responsif. Lalu apa itu Bootstrap? Bootstrap adalah front-end framework gratis yang digunakan untuk pengembangan web yang lebih cepat dan mudah. Pada Bootstrap terdapat design templates berbasis HTML dan CSS untuk typography, forms, buttons, tables, navigation, modals, image carousels dan banyak lainnya, serta plugin JavaScript. Bootstrap juga memberikan kamu kemudahan...
1 comment
Read more