Skip to main content
Pelajar Koding

follow us

3 Langkah Menciptakan Website Yang Menarik Dan Gampang Digunakan

 Langkah Membuat Website Yang Menarik Dan Praktis Digunakan 3 Langkah Membuat Website Yang Menarik Dan Praktis Digunakan

Membuat website yang menarik itu gampang lhoo.. Betul ? Para desainer web tentu kini sudah gampang untuk menciptakan tampilan web yang menarik alasannya sudah banyak sekali pandangan gres di internet dan contoh-contoh di internet.

Tapi, 
Yang menarik, belum tentu gampang digunakan...

Ya memang tampilan yang menarik itu belum tentu gampang digunakan. Contoh kecil yaitu, dimana dikala kita menciptakan tampilan yang menarik, tapi loadingnya bukan main lamanya. Itu sama sekali tidak mudah digunakan, apalagi ditambah banyaknya iklan bertebaran di website tersebut.

Kali ini, komputer67 akan menawarkan tips bagaimana cara untuk menciptakan desain web yang menarik dan mudah digunakan.

1. Buat desain yang menarik dulu

Sebelum menciptakan website yang gampang digunakan, pikirkan dahulu bagaimana cara menciptakan desain yang menarik. Cara yang paling sempurna untuk menciptakan desain web yang menarik yakni sebagai berikut :

a. Gunakan typography

 Langkah Membuat Website Yang Menarik Dan Praktis Digunakan 3 Langkah Membuat Website Yang Menarik Dan Praktis Digunakan
Desain typography

Dengan memakai tipografi maka tampilan website Anda akan jauh lebih menarik. Tipografi ini bisa Anda buat dengan memakai font-font yang mengandung tipografi. Anda bisa d0wnl0ad font tersebut di situs ini http://freetypography.com/
Di situs tersebut, Anda bisa mend0wnl0ad aneka macam macam font typografi yang bagus.

b. Kualitas gambar yang baik

 Langkah Membuat Website Yang Menarik Dan Praktis Digunakan 3 Langkah Membuat Website Yang Menarik Dan Praktis Digunakan
Kualitas gambar yang tinggi

Kualitas gambar yang tinggi maka akan menciptakan orang menikmati suasana dalam website tersebut. Berbeda dengan gambar yang Anda berikan ternyata buram, maka pengguna akan menjadi sedikit jijik melihat gambar Anda. Namun ini memang benar, kualitas memang menentukan pikiran pertama user terhadap website kita.

c. Gunakan desain gambar yang menarik

 Langkah Membuat Website Yang Menarik Dan Praktis Digunakan 3 Langkah Membuat Website Yang Menarik Dan Praktis Digunakan
Desain yang menarik

Selain kualitas gambar, desain gambar ini yakni hal yang sangat penting alasannya desain gambar yang tidak menarik tentu akan menciptakan pikiran pengguna bahwa websitenya pun juga website murahan. Apabila Anda mempunyai sebuah produk yang biasa-biasa saja, namun Anda bisa menampilkan dalam desain yang indah, gambar berkualitas tinggi, dan menarik, maka kemungkinan besar produk Anda akan terlihat berkualitas tinggi dimata pengguna website !

d. Gunakan warna yang sempurna dengan apa tema website Anda

 Langkah Membuat Website Yang Menarik Dan Praktis Digunakan 3 Langkah Membuat Website Yang Menarik Dan Praktis Digunakan
Warna yang tepat

Terkadang kita sering salah menentukan warna apa yang sempurna dalam website kita. Contoh, logonya warnanya merah tapi kita menentukan warna latar belakang biru, maka akan terlihat aneh. Sehingga jangan hingga salah menentukan warna alasannya akan terkesan aneh dimata pengunjung.

e. Font yang terang pada konten

 Langkah Membuat Website Yang Menarik Dan Praktis Digunakan 3 Langkah Membuat Website Yang Menarik Dan Praktis Digunakan
Contoh font yang jelas

Font yang terang pada konten akan menciptakan pengguna website sanggup membaca konten dengan terang juga. Sehingga apa yang ingin disampaikan melalui website tersebut, pengguna sanggup mengerti. Apabila font yang dipakai pada konten memakai font yang terlalu miring atau sulit dibaca, maka pengunjung web pun juga akan malas dikala membaca website Anda. Maka dari itu gunakanlah font yang baik dan jelas.

f. Untuk memudahkan mendesain, gunakanlah photoshop atau coreldraw

 Langkah Membuat Website Yang Menarik Dan Praktis Digunakan 3 Langkah Membuat Website Yang Menarik Dan Praktis Digunakan
Photoshop

Agar Anda lebih gampang dalam mendesain website Anda, gunakanlah photoshop atau coreldraw semoga Anda bisa mendesain dengan jelas. Apabila, Anda mendesain dengan memakai HTML & CSS saja maka Anda akan kesulitan untuk menemukan desain yang tepat. Sehingga saran saya, sebaiknya Anda desian dulu memakai photoshop/corel draw sehingga diperoleh desain website yang pas dan menarik, barulah mengubah desain tersebut memakai HTML, CSS, & j4vascript.

2. Saatnya, Buat tampilan website Anda gampang dipakai !

 Langkah Membuat Website Yang Menarik Dan Praktis Digunakan 3 Langkah Membuat Website Yang Menarik Dan Praktis Digunakan
Website yang gampang digunakan

Setelah Anda menciptakan desain yang menarik, saatnya untuk menciptakan tampilan website Anda gampang digunakan. Apabila desain menarik, tapi sulit untuk digunakan/dimengerti oleh user, maka sama saja user akan malas mengunjungi website Anda. Langkah untuk menciptakan tampilan website Anda gampang dipakai yakni dengan cara berikut :

a. Pastikan terdapat navigasi yang jelas

 Langkah Membuat Website Yang Menarik Dan Praktis Digunakan 3 Langkah Membuat Website Yang Menarik Dan Praktis Digunakan
Navigasi yang jelas

Nah ini yakni hal yang paling penting. Sebagai pengguna, apabila mereka ingin menuju ke halaman tertentu dan tidak menemukan navigasi secara jelas, maka kemungkinan besar mereka akan meninggalkan website yang telah dilihatnya. Karena itu, usahakanlah berikan navigasi yang jelas dan memiliki warna yang berbeda dengan yang lainnya sehingga user tak perlu berpikir terlalu usang untuk mencari navigasi.

b. Jangan lupa gunakan breadcumb !

Tau breadcumb ? Apabila Anda tidak tau, bisa liat gambar berikut
 Langkah Membuat Website Yang Menarik Dan Praktis Digunakan 3 Langkah Membuat Website Yang Menarik Dan Praktis Digunakan
Contoh breadcumb








Nah, Anda bisa lihat menyerupai itulah breadcumb. Tapi kebanyakan para desainer web mengabaikan hal ini, alasannya mereka berpikir breadcumb ini menjelek2an desain. Padahal apabila kita bisa menatanya dengan benar, maka breadcumb ini akan terlihat manis dan justru menciptakan user selalu berpikir aman. Apa maksudnya 'berpikir aman?' Ya maksudnya yakni user akan berpikir 'ooo, saya sudah hingga sini.. kalo misal saya salah ketik tinggal klik aja di breadcumbnya, saya tidak akan meninggalkan website ini'. Tentu Anda juga pernah berpikir demikian. Maka dari itu breadcumb sangatlah penting dan jangan diabaikan !

c. Gunakan kontrol yang jelas

 Langkah Membuat Website Yang Menarik Dan Praktis Digunakan 3 Langkah Membuat Website Yang Menarik Dan Praktis Digunakan
contoh kontrol yang tidak jelas













Kontrol yang tidak jelas, sering kali menciptakan kita galau memahami isi website tersebut. Apalagi tidak dengan kata-kata melainkan hanya memakai simbol-simbol. Contoh, kita sebagai web desainer ingin menambahkan textbox pada website kita, tapi textbox tersebut kosong, tidak berisi placeholdernya, maka tentunya akan menciptakan user kebingungan dan berpikir "ini textbox atau bukan ? atau cuman kotak biasa ?". Nah hal semacam ini bahwasanya juga sering terjadi pada website-website yang cukup besar.

Contohnya, bisa Anda lihat di screenshot atas. Pada web tersebut, terlihat bahwa ada textbox yang bahwasanya tidak bisa diisi atau sering disebut readonly namun ditampilkan menyerupai textbox yang bisa diisi. Nah, hal ini sangat menciptakan orang kebingungan. Walaupun sepele, namun ini sangat penting bagi kepuasan pengguna terhadap website. Karena hal tersebut hanya terekam diotak pengguna.

d. Apabila Anda menciptakan tombol, gunakan desain tombol yang apabila dilihat sudah niscaya bisa diklik !

 Langkah Membuat Website Yang Menarik Dan Praktis Digunakan 3 Langkah Membuat Website Yang Menarik Dan Praktis Digunakan
Contoh tombol yang terang bisa di klik dan tombol yang tidak jelas

Ini yakni hal yang paling-paling sering terjadi. Bahkan beberapa waktu yang kemudian saya lihat di facebook pun juga mempunyai desain tombol yang berdasarkan saya kurang baik. Namanya tombol niscaya bisa diklik, tapi apabila Anda mendesain tombol tapi tidak keliatan bisa diklik, itu yakni salah besar ! Mungkin bagi para desainer web itu keren dan menarik. Namun bagi pengguna, tombol yang tidak dikeliatan bisa diklik maka akan menciptakan user berpikir "Ini tombol atau bukan ya ?".

e. Font yang jelas

 Langkah Membuat Website Yang Menarik Dan Praktis Digunakan 3 Langkah Membuat Website Yang Menarik Dan Praktis Digunakan
Contoh font yang tidak terang !

Mungkin hal ini jarang terjadi, tapi mungkin masih ada yang menciptakan desain dengan font yang tidak terlalu terang atau dengan font yang aneh2 sehingga sulit dibaca. Makara gunakanlah font yang gampang dibaca dan yummy dilihat sehingga pengguna nyaman dalam meneksplorasi website tersebut.

f. Iklan yang tidak mengganggu tapi menarik

 Langkah Membuat Website Yang Menarik Dan Praktis Digunakan 3 Langkah Membuat Website Yang Menarik Dan Praktis Digunakan
IKLAN YANG MENGGANGGU

Iklan memang salah satu hal yang penting bagi pemilik website. Kalo ada orang menyarankan untuk menghilangkan iklan, maka pemilik website dapet uang dari mana ? hahaha. Sama menyerupai website saya komputer67,blogspot.com ini, saya memang pasang iklan untuk mencari uang ! Tapi bukan berarti saya memasang iklan dengan sembarang daerah yang sangat menganggu. Jadi, apabila Anda ingin memasnag iklan, pasanglah iklan di daerah yang sempurna dan tidak mengganggu pemandangan pengunjung website Anda.

3. Evaluasi terus menerus

 Langkah Membuat Website Yang Menarik Dan Praktis Digunakan 3 Langkah Membuat Website Yang Menarik Dan Praktis Digunakan
Apa yang kita lihat belum tentu sama dengan orang yang melihat

Menurut saya satu kunci yang menciptakan user nyaman dalam website Anda yakni :
Jangan menciptakan user berpikir !
Ini saya ambil dari sebuah buku yang menarik yang membahas mengenai cara mendesain antarmuka yang baik dan benar yang berjudul "Don't make me think". Tapi apa yang dikatakan itu memang benar, apabila kita menciptakan website yang menciptakan user untuk berpikir maka itu akan menjadi pengalaman yang buruk bagi user. Contoh kita sebagai user sedang membuka website isu A, kita ingin mencari isu perihal "xyz", kemudian yang harus kita lakukan yakni mencari di pencarian "xyz". Namun ternyata tombol pencarian tersebut tidak terang bahkan textboxnya tidak keliatan. Nah tentu kita akan berpikir sepersekian detik. Pemikiran itu akan melekat di benak kita bahwa pencarian di website ini memang sedikit susah dicari. Walaupun kedepan kita sudah tau daerah pencariannya, namun ada hal buruk yang kita alami di dalam website tersebut. Itu saja gres duduk perkara tombol pencarian. Belum duduk perkara tampilan, menu, dll.

Maka dari itu tetap penilaian tampilan yang Anda berikan kepada user sehingga, dengan tampilan tersebut tidak menciptakan user kebingungan dalam mengeksplorasi website Anda.
Sumber http://komputer67.blogspot.com

You Might Also Like:

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar