Penjelasan cara membedakan website yang baik atau user friendly dan buruk
User Friendly. Mungkin dikalangan banyak kalangan yang masih belum tahu apa
maksudnya atau arti dari kata ini. User
friendly merupakan suatu kondisi dimana kita bisa menggunakan sesuatu
dengan mudah dan nyaman. Entah itu menggunakan software, operating system,
sampai website. Tujuannya hanya 1, yaitu mempermudah kita dalam mencari sesuatu
atau informasi yang penting dan menampilkan hasil yang sesuai dengan keinginan
kita.
Pada jaman sekarang ini, segala
sesuatunya sudah harus user friendly,
mulai dari penggunaan tools sehari-hari (software atau aplikasi), handphone,
sampai internet. Jadi tidak salah sekarang banyak sekali kalangan yang mencari
sesuatu yang dapat mempermudah hidup mereka atau tidak merepotkan mereka sama
sekali.
Website kita pun tentunya
termasuk kedalamnya.Design Website yang unik dan tidak ribet tentu banyak dicari oleh banyak
orang. Semua orang menginginkan website yang responsive dan mempermudah mencari
tahu mengenai sesuatu hal yang kita inginkan.
Ciri Website User Friendly
Berikut ini adalah beberapa tipe atau ciri website
user friendly :
1. Memiliki compability atau kecocokan dengan handphone maupun browser.
Sekarang ini banyak sekali kalangan masyarakat yang
mengakses internet untuk mencari informasi-informasi up to date melalui
handphone atau perangkat mobile mereka. Oleh sebab itu website atau blog yang
kita buat haruslah memiliki kecocokan untuk bisa dibuka melalui browser di
handphone atau istilah lainnya yang sudah dikenal adalah Mobile
Friendly. Untuk mengetahui apakah website Anda sudah mobile friendly
cukup mudah. Tinggal buka saja website Anda via aplikasi browser di handphone
dan lihat tampilan atau design website Anda.
2. Dapat diakses oleh banyak user.
Website yang user friendly dapat
dengan diakses dengan mudah oleh banyak user dari berbagai macam kalangan.
3. Memiliki struktur informasi yang jelas.
Struktur informasi yang jelas dalam suatu website
yang user friendly itu perlu. Atur sedemikian rupa
informasi-informasi yang ingin Anda tampilkan di website maupun blog Anda
supaya banyak kalangan dapat dengan mudah mencari informasi yang mereka
inginkan. Jangan lupa tambahkan juga fitur “Search”.
4. Konten website yang rapi.
Konten website yang rapi harus ada di setiap website
atau blog yang user friendly. Jangan harap Anda akan mendapatkan
banyak traffic jika konten dalam website Anda berantakan dan tidak up
to date. Usahakan agar Anda mengatur konten-konten di website atau blog
dengan apik serta rapi dan juga jangan lupa untuk mengupdate konten Anda secara
berkala.
5. Fast Loading Speed.
Website atau blog dengan
loading speed yang lama akan ditinggalkan oleh para pengunjung. Banyak
pengunjung yang merasa sebal atau kesal ketika menunggu selesainya website
loading. Oleh sebab itu buat website / blog Anda memiliki loading speed yang
cukup cepat.
6. Navigasi yang simple.
Navigasi yang mudah dan simple merupakan keharusan.
Gunakan kode JAVAScript atau HTML pada bagian menu untuk mempermudah para
pengakses mendapatkan informasi-informasi penting yang mereka mau. Tampilkan
juga pilihan menu dan sub-menu di website Anda agar semakin mempermudah akses
fitur dan konten di website atau blog Anda.
Dan ini adalah contoh websie yang baik/user friendly
www.sribu.com
Desain website Sribu di atas cukup baik karena:
- CTA-nya jelas dan mudah terlihat; “Order Desain”
- Jenis layanan dan value proposition-nya sangat lengkap tersaji.
- mudah digunakan,cepat diakses, dan tidak banyak iklan.
Ciri Website Buruk
Berikut ini adalah beberapa tipe atau ciri website buruk atau tidak user friendly :
Berikut ini adalah beberapa tipe atau ciri website buruk atau tidak user friendly :
DESAIN
SECARA UMUM
- Loading makan waktu lama
- Halaman pertama (index/home) tidak pas dalam browser standar (800 x 600 pixel)
- Frame yang harus discroll menyamping
- Tak ada fokus tema pada halaman itu
- Sebaliknya, terlalu banyak fokus tema dalam halaman itu
- Tombol navigasi menjadi satu-satunya daya tarik
- Peletakan elemen (teks, paragraf, gambar, dsb.) berantakan
- Warna tidak cocok satu sama lain
- Halaman bagus jika dibuka di satu browser, tetapi hancur jika dibuka di browser lain
- Loading makan waktu lama
- Halaman pertama (index/home) tidak pas dalam browser standar (800 x 600 pixel)
- Frame yang harus discroll menyamping
- Tak ada fokus tema pada halaman itu
- Sebaliknya, terlalu banyak fokus tema dalam halaman itu
- Tombol navigasi menjadi satu-satunya daya tarik
- Peletakan elemen (teks, paragraf, gambar, dsb.) berantakan
- Warna tidak cocok satu sama lain
- Halaman bagus jika dibuka di satu browser, tetapi hancur jika dibuka di browser lain
LATAR BELAKANG
- Warna abu-abu standar
- Kombinasi teks dan latar belakang yang membuat tulisan sulit dibaca
- Latar belakang terlalu ramai dan menyakitkan mata (misalnya menggunakan gambar gif animasi) yang membuat tulisan tidak jelas.
- Warna abu-abu standar
- Kombinasi teks dan latar belakang yang membuat tulisan sulit dibaca
- Latar belakang terlalu ramai dan menyakitkan mata (misalnya menggunakan gambar gif animasi) yang membuat tulisan tidak jelas.
TEKS
- Teks terlalu kecil sehingga sulit dibaca
- Teks terlalu panjang dan menembus batas kanan halaman
- Seluruh paragraf ditulis dengan HURUF BESAR
- Seluruh paragraf ditulis dengan huruf cetak tebal
- Seluruh paragraf ditulis dengan huruf miring
- Memberi garis bawah pada teks yang bukan link, akan membingungkan pengunjung
LINK
- Link standar berwarna biru
- Ada border link berwarna biru di seputar gambar
- Link yang tidak jelas akan membawa pengunjung kemana
- Link tanpa tujuan (broken link)
- Teks link yang tidak bergaris bawah atau tidak berubah warna ketika ditunjuk
GAMBAR
- Gambar yang sangat besar sehingga loadingnya lama
- Gambar yang tidak ada hubungannya dengan tema situs
- Gambar thumbnail yang ukurannya sama dengan gambar aslinya
- Gambar tanpa label alt
- Gambarnya hilang (muncul tanda x kecil warna merah)
- Gambar yang terlalu besar dan tidak muat di layar (anggap ukuran resolusi layar 800×600 pixel)
TABEL
- Ada bordernya
- Tabel digunakan sebagai hiasan dengan border yang sangat tebal
OBJEK BLINKING (BERKEDIP) DAN ANIMASI
- Apa saja yang berkedip, khususnya teks
- Garis berwarna pelangi
- Tulisan “Under construction”, apalagi ditambahi gambar pekerja konstruksi jalan raya
- Animasi gambar “under construction”
- Animasi gambar e-mail
- Animasi yang tidak pernah berhenti
SAMPAH
- Counter – siapa yang perduli!?
- Iklan sampah
- Pengunjung harus melakukan scroll menyamping (kiri-kanan) – percayalah, ini menyebalkan!
- Scroll bar frame di tengah-tengah halaman
- Teks terlalu kecil sehingga sulit dibaca
- Teks terlalu panjang dan menembus batas kanan halaman
- Seluruh paragraf ditulis dengan HURUF BESAR
- Seluruh paragraf ditulis dengan huruf cetak tebal
- Seluruh paragraf ditulis dengan huruf miring
- Memberi garis bawah pada teks yang bukan link, akan membingungkan pengunjung
LINK
- Link standar berwarna biru
- Ada border link berwarna biru di seputar gambar
- Link yang tidak jelas akan membawa pengunjung kemana
- Link tanpa tujuan (broken link)
- Teks link yang tidak bergaris bawah atau tidak berubah warna ketika ditunjuk
GAMBAR
- Gambar yang sangat besar sehingga loadingnya lama
- Gambar yang tidak ada hubungannya dengan tema situs
- Gambar thumbnail yang ukurannya sama dengan gambar aslinya
- Gambar tanpa label alt
- Gambarnya hilang (muncul tanda x kecil warna merah)
- Gambar yang terlalu besar dan tidak muat di layar (anggap ukuran resolusi layar 800×600 pixel)
TABEL
- Ada bordernya
- Tabel digunakan sebagai hiasan dengan border yang sangat tebal
OBJEK BLINKING (BERKEDIP) DAN ANIMASI
- Apa saja yang berkedip, khususnya teks
- Garis berwarna pelangi
- Tulisan “Under construction”, apalagi ditambahi gambar pekerja konstruksi jalan raya
- Animasi gambar “under construction”
- Animasi gambar e-mail
- Animasi yang tidak pernah berhenti
SAMPAH
- Counter – siapa yang perduli!?
- Iklan sampah
- Pengunjung harus melakukan scroll menyamping (kiri-kanan) – percayalah, ini menyebalkan!
- Scroll bar frame di tengah-tengah halaman
NAVIGASI
- Menu navigasi yang tidak jelas atau terlalu kompleks
- Terlalu banyak frame
- Frame terlalu kompleks
- Scroll bar yang tidak perlu pada frame
- Halaman yatim-piatu (tak memiliki link untuk kembali ataupun maju, serta tak ada keterangan apapun)
- Title halaman yang tidak ada hubungannya dengan tema atau isi halaman tersebut.
Dan ini adalah contoh websie yang buruk atau tidak user friendly
www.lingscars.com
Pada website tersebut diatas setelah kunjungi websie itu terdapat
banyak iklan serta ads tidak jelas,serta banyak link-link tidak jelas sehingga
menyebabkan terjadi nya terkena virus di laptop/komputer Anda.
Mungkin itu saja yang dibahas mengenai penjelasan tentang
ciri-ciri website yang baik dan website yang buruk semoga bermanfaat bagi Anda
yang melihat dan mohon maaf bila ada kekurangan/kesalahan dalam kata-kata atau
penjelasan nya. Wassalamualaikum wr.wb
Tidak ada komentar:
Posting Komentar