10 Tips Web Design Untuk Kebergunaan(Usability) Website

Faktor Kebergunaan desain sebuah website adalah salah satu hal yang harus diperhatikan seorang Web designer. Maksud dari kebergunaan ini artinya desain web anda harus berorientasi pada pembuatan dan penempatan fungsi-fungsi yang efektif dan mudah digunakan pengguna. Kita tidak boleh asal mendesain tanpa tahu apakah nantinya itu efektif, bermanfaat, mudah diakses atau tidak.

Nah, Berikut ini akan saya paparkan 10 tips desain web untuk kebergunaan website.

Lihat Bagaimana Orang Membaca Situs Anda

1. Dua penelitian yang dilakukan oleh Dr Jakob Neilson dan perusahaan pemasaran Did-it and Enquiro telah menunjukkan bahwa pola orang melihat/mengakses sebuah situs berbentuk huruf F. Hal ini juga dikenal sebagai Google Golden Triangle(Segitiga Emas Google). Kebanyakan orang mulai melihat dari pojok kiri atas, lalu ke ke bawah dan ke kanan ketika mengakses sebuah situs web. Oleh karena itu, Konsentrasikan informasi anda yang paling penting di daerah ini.

 

2. Sebuah studi juga telah menunjukkan bahwa orang hanya membaca sekitar 28% dari teks pada halaman. Ini berarti konten anda harus benar-benar menarik. Penyajian konten dalam bentuk video dan infographic lebih baik ketimbang text. Namun tentu saja ini membutuhkan tenaga lebih.

 

3. Kebanyakan orang membaca halaman web dari kiri ke kanan. Ini berarti jika Anda menggunakan sidebar, tempatkanlah di sisi kiri. Jika halaman Anda dalam bahasa arab atau bahasa lain yang membaca dari kanan ke kiri, maka harus dibalik(jadi dikanan).

Kenyamanan Tampilan Website

4. Gunakan ruang putih untuk membuat teks lebih mudah dibaca. Penelitian telah menunjukkan bahwa penggunaan ruang putih tidak hanya membuat website Anda terlihat bersih, tetapi meningkatkan pemahaman pembaca. Artinya, jangan membuat web anda terlalu sesak dengan tulisan.

 

5. Jika konten halaman web anda cukup banyak sehingga halaman web memanjang kebawah, gunakan link yang menarget ke bagian-bagian konten sehingga tidak memaksa pengunjung untuk melakukan scrolling.

 

6. Perhatikan hal-hal kecil di web. Warna dan Font tombol yang menarik terkadang bisa meningkatkan konversi dan waktu pengunjung mengakses web anda. Sebagai contoh, daripada menggunakan halaman error 404 pada halaman yang tidak ditemukan, akan lebih baik jika anda menggunakan 2-3 kalimat pesan sopan dengan kotak & tombol pencarian dibawahnya.

Kinerja/Perfomansi Website Anda

7. Website anda harus dapat diakses dengan cepat pada semua perangkat. Pengunjung tidak punya waktu untuk menunggu load situs anda. Uji ulanglah kecepatan website pada pada berbagai perangkat dan perbaiki apabila ada yang membuat berat. Tools seperi Google Pagespeed Insights gunakan untuk mengujinya.

 

8. Pastikan tidak ada link mati atau yang mengarah pada halaman error. Lakukan pemeriksaan ulang apabila anda men-desain ulang atau melakukan perbaikan pada koding.

 

9. Gunakan navbar atau menu navigasi diatas website yang bersifat fixed atau sticky. Artinya navigasi itu akan tetap berada diatas ketika discroll kebawah

 

10. Pastikan halaman yang anda taut/link optimal. Sebuah studi oleh Gerry McGovern pada tahun 2010 menunjukkan bahwa hanya lima persen konversi/klik yang berasal dari halaman beranda web anda. Dengan SEO yang baik pada halaman tertentu, anda akan meningkatkan konversi klik pada website anda. Salah satu caranya adalah dengan mengoptimalkan internal linking di web anda.

 

Itulah 10 tips yang semoga saja bisa bermanfaat bagi anda. Jika anda ingin tips yang lebih praktis lagi tentang desain web, mungkin anda bisa baca artikel ini : 7 Tips Desain Web Untuk Kenyamanan Pengunjung (UX).

 

Itu saja dari saya, semoga bermanfaat!

 

~Muhammad Syakirurohman~

ciprofloxacin 500mg levitra vs viagra for hardness viagra 50mg viagra prices lexapro and weight gain finasteride effets secondaires cialis coupon 20 mg what is finasteride levitra coupons lexapro dosage viagra soft finasteride side effects of lexapro 10 mg viagra alternative finasteride results cialis medication azithromycin class cialis for men acyclovir medication cialis 20 mg is lexapro a controlled substance viagra price what does viagra do azithromycin z pak cialis generic tadalafil zovirax dosage azithromycin pediatric dosing cialis testimonials cialis cost generic for lexapro cyalis cipro dosage viagra medicine cialis prices what is finasteride used for side effects of viagra how does cialis work generic lexapro what is azithromycin for cialis vs viagra lowest cialis prices zithromax antibiotic thuoc azithromycin zovirax ointment viagra cialis cialis voucher viagra wikipedia utilisation viagra viagra 100 escitalopram oxalate lexapro withdrawal symptoms finasteride 5mg side effects cialis side effects cost of cialis viagra effects cialis pills viagra pill azithromycin medscape cipro uses how does acyclovir work cialis or viagra acyclovir vs valacyclovir escitalopram levitra 10 mg prezzo 9 levitra at walmart common side effects of ciprofloxacin 500 mg cialis online pfizer viagra azithromycin 500 mg online viagra cialis without a doctor’s prescription cilias cialis otc cialis for daily use finasteride reviews zovirax equipe argentine viagra acyclovir side effects effects of stopping finasteride cialis for women cialis daily side effects of finasteride 5mg cialis dosage strengths online cialis cialis samples side effects of ciprofloxacin viagra for sale uk lexapro side effects men herbal viagra lexapro for anxiety azithromycin coverage levitra vs viagra viagra natural is azithromycin penicillin what works better than viagra viagra 100mg side effects of ciprofloxacin 500 mg canadian cialis azithromycin tablets buy levitra azithromycin liquid tamoxifen langzeitfolgen finasteride medication vardenafil 20mg cialis generic availability sophia viagra azithromycin dosage acyclovir levitra 20 mg precio farmacia buy generic levitra zovirax pills viagra kaufen escitalopram side effects cialis website viagra levitra 20mg cialas finasteride 5 mg viagra 100 mg azithromycin 250 mg treatment how to use viagra azithromycine 250 mg azithromycin for strep throat levitra rezeptfrei deutschland withdrawal from lexapro levitra azithromycin for pneumonia azithromycin without a doctor’s prescription ciprofloxacin dosierung what is azithromycin used for cialis patent expiration 2017 sex viagra for women finasteride long term effects stopping lexapro azithromycin for uti viagra ohne rezept aus deutschland cialis effects is ciprofloxacin a penicillin canada cialis viagra pillen kruidvat cialis coupons printable viagra wiki what is ciprofloxacin used for finasteride 5mg side effects mayo clinic generic viagra viagra for sale cialis dosage recommendations viagra on line no prec lexapro overdose cialis sample azithromycin lexapro free cialis cialis 20mg directions azithromycine cialis savings card lexapro vs zoloft natural viagra cialis patent expiration date extended what is ciprofloxacin prescribed for levitra 20mg cost per pill viagra nebenwirkungen viagra sans ordonnance tamoxifen and bone pain viagra vs cialis viagra cost lexapro side effects in men what does ciprofloxacin treat order viagra side effects of lexapro azithromycin pregnancy category levitra prices generic cialis tadalafil cialis generic cheap cialis viagra single packs cialis coupon buy viagra online cialis 30 day sample levitra generic cialis coupons from manufacturer cipro and tendonitis effects of stopping lexapro suddenly canadian viagra lexapro withdrawal finasteride side effects in men viagra on line revatio vs viagra tamoxifen interaction cialis copay card tamoxifen side effects in women over 55 generic levitra lexapro side effects azithromycin tablet ciprofloxacin 500 levitra vs viagra side effects of lexapro in women cialis for sale levitra without a doctor prescription lexapro dosing viagra tablets acyclovir dosing cipro for uti lexapro vs celexa buy cialis online ciprofloxacin dose cipro side effects in elderly is azithromycin lexapro generic name azithromycin and alcohol acyclovir cream finasteride 1mg ciprofloxacin drug class cost of viagra cialis canada acyclovir for cold sores finasteride 5mg viagra dosage escitalopram 20 mg ciprofloxacin hcl 500 mg what is acyclovir used for ciprofloxacin dosage levitra dosage ciprofloxacin finasteride side effects first few days on lexapro finasteride efectos secundarios acyclovir for shingles lexapro vs wellbutrin weaning off lexapro lexapro generic antibiotic ciprofloxacin zithromax how to get off lexapro lexapro side effects in women viagra activate finasteride and enlarged prostate what is cialis cialis 20mg when will cialis go generic what does azithromycin treat lexapro dosages tamoxifen lawsuits buy generic viagra cialis 5 mg ciprofloxacin 500mg tablets escitalopram nebenwirkungen tamoxifen and weight gain side effects of azithromycin 250 mg ciprofloxacin spc viagra vs cialis vs levitra azithromycin cost how to take cialis how long for lexapro to work viagra generico zithromax dosage cialis on line side effects lexapro buy viagra azithromycin uses cipro cipro 500 acyclovir ointment 5 tamoxifen side effects in women viagra vs cialis cialis discount what is ciprofloxacin viagra for men buy cialis viagra without a doctor prescription usa cheap viagra ciprofloxacin drops acyclovir 200mg cialis price cipro side effects lexapro weight gain azithromycine eg 500 mg bijsluiter cipro dangers cealis zoloft vs lexapro viagra samples cialis 30 day trial coupon tamoxifen therapy lexapro manufacturer website cialis dosage ciprofloxacin hcl 500 mg side effects azithromycin 250mg how to wean off lexapro 200 cialis coupon finasteride hair loss what is cipro cipro antibiotic cialis 10 mg azithromycin 5 day dose pack cialis canadian pharmacy viamedic cialis discount viagra cialis 5mg daily levitra online what is cipro usually prescribed for ciprofloxacin uses levitra coupon viagra without a doctor prescription azithromycin 500mg lexapro reviews lexapro and weight gain in women cialis pricing what is lexapro for cialis coupons acyclovir 800mg acyclovir dosage for cold sores ciprofloxacin class side effects of cialis nolvadex escitalopram effets secondaires what is acyclovir for ciprofloxacin 500 mg ciprofloxacin hcl finasteride vs dutasteride lexapro 10mg cialis 5mg cialis pharmacy prices ciprofloxacin 500 mg for urinary tract infection ciprofloxacin 250mg what is acyclovir cialis professional zithromax 500 mg what is lexapro used for viagra coupon acyclovir dose generic for cialis generic levitra vardenafil 20mg acyclovir dosage acyclovir 800 mg for shingles what is cipro used for cheap levitra discount cialis viagra sex lexapro 20mg finasteride for hair loss propecia ciprofloxacin hcl 500 mg tab how does viagra work azithromycin 250mg tablets 6 pack acyclovir 800 mg 5 times a day lexapro 5mg post finasteride syndrome buying viagra viagra side effects what is escitalopram female viagra azithromycin 250 celexa vs lexapro cialis pills for sale viagra costs side effects of finasteride viagra 100mg tablets retail price vardenafil vs viagra side effects of acyclovir viagra uk levitra erfahrungen what infections does ciprofloxacin treat cialis cialis vs viagra tamoxifen cost viagra online levitra 20 mg how does lexapro work viagra vs cialis vs levitra what is viagra escitalopram 10mg viagra ohne rezept auf rechnung cialis coupon print cialis tadalafil ciprofloxacin 500mg antibiotics tamoxifen nebenwirkungen lexapro coupons zovirax for cold sores viagra tesco viagra pills levitra 20 mg cost walmart viagra from canada what is tamoxifen used for pfizer viagra coupons from pfizer finasteride tablets cialis trial levitra bayer 20mg meilleur prix azithromycin 500 finasteride 5mg tab buy levitra online finasteride 5 mg tab azithromycin drug class is tamoxifen chemotherapy tamoxifen side effects lexapro para que sirve ciprofloxacin for dogs azithromycin 500 erfahrungen zithromax z-pak cialis for bph ciprofloxacin 500mg antibiotics side effects azithromycin 250 mg what is tamoxifen finasteride dosage ciprofloxacin eye drops liquid cialis azithromycin pregnancy ciprofloxacin used for azithromycin side effects ciprofloxacin side effects after age 60 ciprofloxacin 500 mg tabletten generic viagra 100mg lexapro and wellbutrin combination therapy escitalopram 10 mg para que sirve erectile dysfunction cialis where to buy viagra propecia side effects how long for azithromycin to take effect daily cialis canada viagra viagra generic does lexapro cause weight gain ciprofloxacin ophthalmic solution viagra alternatives ciprofloxacin nebenwirkungen what bacteria does ciprofloxacin kill cialis from canada wholesale cialis zovirax cream viagra receptfritt tamoxifen and foods to avoid cipro drug class women viagra cialis reviews cialis patent expiration finasteride for women price cialis cialis coupons 2017 lexapro benefits for women how to wean off lexapro without withdrawals generic cialis at walmart tamoxifen citrate lexapro 10 mg azithromycin three times a week viagra canada what does finasteride do viagra tablet azithromycin vs erythromycin ciprofloxacin side effects what is lexapro ciprofloxacin hydrochloride ciprofloxacin bnf generic cialis wellbutrin and lexapro what is azithromycin azithromycin eye drops escitalopram 10 mg free viagra viagra bestellen acyclovir 400mg side effects of tamoxifen viagra substitute ciprofloxacin hydrochloride ophthalmic lexapro medication cialis samples overnight cialis alternative cialis free trial tamoxifen acyclovir 800 mg tamoxifen bijwerkingen finasteride permanent side effects side effects of azithromycin viagra en ligne livraison 24h cipro antibiotics ciprofloxacin coverage levitra prezzo in farmacia lexapro and weight loss what does ciprofloxacin 500mg treat how much does cialis cost lexapro bula best price viagra cialis cheap acyclovir ointment acyclovir 400 mg ciprofloxacin 250 mg how long does viagra last viagra for women viagra coupons levitra 20 mg von bayer over the counter viagra ciprofloxacin side effects in women

2 Comments

    Tinggalkan Balasan

    Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *