webdesignpractices – Kegunaan dan utilitas, bukan desain visual, menentukan keberhasilan atau kegagalan sebuah situs web. Karena pengunjung halaman adalah satu-satunya orang yang mengklik mouse dan karena itu memutuskan segalanya, desain yang berpusat pada pengguna telah menjadi pendekatan standar untuk desain web yang sukses dan berorientasi pada keuntungan. Lagi pula, jika pengguna tidak dapat menggunakan fitur, itu mungkin juga tidak ada.
8 Prinsip Desain Web yang Baik – Kami tidak akan membahas detail implementasi desain (misalnya di mana kotak pencarian harus ditempatkan) seperti yang telah dilakukan di beberapa artikel; alih-alih kami fokus pada prinsip utama, heuristik, dan pendekatan untuk desain web yang efektif pendekatan yang, digunakan dengan benar, dapat menghasilkan keputusan desain yang lebih canggih dan menyederhanakan proses memahami informasi yang disajikan.
8 Prinsip Desain Web yang Baik
1. Jangan Membuat Pengguna Berpikir
Menurut hukum kegunaan pertama Krug, halaman web harus jelas dan cukup jelas . Saat Anda membuat situs, tugas Anda adalah menghilangkan tanda tanya — keputusan yang perlu dibuat pengguna secara sadar, dengan mempertimbangkan pro, kontra, dan alternatif.
Jika navigasi dan arsitektur situs tidak intuitif, jumlah tanda tanya bertambah dan mempersulit pengguna untuk memahami cara kerja sistem dan cara berpindah dari titik A ke titik B. Struktur yang jelas, petunjuk visual yang moderat, dan mudah dikenali link dapat membantu pengguna untuk menemukan jalan mereka ke tujuan mereka.
Mari kita lihat sebuah contoh. Beyondis.co.uk mengklaim sebagai “di luar saluran, di luar produk, di luar distribusi”. Apa artinya ? Karena pengguna cenderung menjelajahi situs web sesuai dengan pola “F”, ketiga pernyataan ini akan menjadi elemen pertama yang akan dilihat pengguna di halaman setelah dimuat.
Meskipun desainnya sendiri sederhana dan intuitif, untuk memahami tentang halaman tersebut, pengguna perlu mencari jawabannya. Inilah yang dimaksud dengan tanda tanya yang tidak perlu . Tugas desainer adalah memastikan jumlah tanda tanya mendekati 0. Penjelasan visual ditempatkan di sisi kanan. Hanya bertukar kedua blok akan meningkatkan kegunaan.
ExpressionEngine menggunakan struktur yang sama seperti Beyondis, tetapi menghindari tanda tanya yang tidak perlu. Selanjutnya, slogan tersebut menjadi fungsional karena pengguna diberikan pilihan untuk mencoba layanan dan mengunduh versi gratisnya.
Dengan mengurangi beban kognitif, Anda memudahkan pengunjung untuk memahami ide di balik sistem. Setelah Anda mencapai ini, Anda dapat mengomunikasikan mengapa sistem ini berguna dan bagaimana pengguna dapat memperoleh manfaat darinya. Orang tidak akan menggunakan situs web Anda jika mereka tidak dapat menemukan jalan keluarnya.
2. Jangan Sia-Siakan Kesabaran Pengguna
Di setiap proyek ketika Anda akan menawarkan beberapa layanan atau alat kepada pengunjung Anda, cobalah untuk menjaga agar kebutuhan pengguna Anda tetap minimal. Semakin sedikit tindakan yang diperlukan dari pengguna untuk menguji layanan, semakin besar kemungkinan pengunjung acak untuk benar-benar mencobanya. Pengunjung pertama kali bersedia bermain dengan layanan , tidak mengisi formulir web panjang untuk akun yang mungkin tidak akan pernah mereka gunakan di masa mendatang. Biarkan pengguna menjelajahi situs dan menemukan layanan Anda tanpa memaksa mereka berbagi data pribadi. Tidak masuk akal untuk memaksa pengguna memasukkan alamat email untuk menguji fitur tersebut.
Seperti yang dikatakan Ryan Singer — pengembang tim 37Signals —, pengguna mungkin ingin memberikan alamat email jika mereka diminta setelah melihat fitur tersebut berfungsi, jadi mereka memiliki gagasan tentang apa yang akan mereka dapatkan. sebagai imbalannya.
Stikkit adalah contoh sempurna untuk layanan ramah pengguna yang hampir tidak membutuhkan apa pun dari pengunjung yang tidak mengganggu dan nyaman. Dan itulah yang Anda ingin pengguna Anda rasakan di situs web Anda.
Baca Juga : Apa yang Membuat Desain Bagus? Elemen dan Prinsip Dasar
Rupanya, Mite membutuhkan lebih banyak. Namun pendaftaran dapat dilakukan dalam waktu kurang dari 30 detik — karena formulir memiliki orientasi horizontal, pengguna bahkan tidak perlu menggulir halaman.
Idealnya hilangkan semua penghalang , tidak perlu berlangganan atau registrasi terlebih dahulu. Pendaftaran pengguna saja sudah cukup menjadi penghalang bagi navigasi pengguna untuk mengurangi lalu lintas masuk.
3. Kelola Untuk Memfokuskan Perhatian Pengguna
Karena situs web menyediakan konten statis dan dinamis, beberapa aspek antarmuka pengguna lebih menarik perhatian daripada yang lain. Jelas, gambar lebih menarik daripada teks — sama seperti kalimat yang ditandai dengan huruf tebal lebih menarik daripada teks biasa.
Mata manusia adalah perangkat yang sangat non-linear, dan pengguna web dapat langsung mengenali tepi, pola, dan gerakan . Inilah sebabnya mengapa iklan berbasis video sangat mengganggu dan mengganggu, tetapi dari sudut pandang pemasaran iklan tersebut dengan sempurna berhasil menarik perhatian pengguna.
Dimanusiakan dengan sempurna menggunakan prinsip fokus. Satu-satunya elemen yang langsung terlihat oleh pengguna adalah kata “gratis” yang berfungsi atraktif dan memikat, namun tetap tenang dan murni informatif. Petunjuk halus memberi pengguna informasi yang cukup tentang cara menemukan lebih banyak tentang produk “gratis”.
Memfokuskan perhatian pengguna ke area spesifik situs dengan penggunaan elemen visual yang moderat dapat membantu pengunjung Anda berpindah dari titik A ke titik B tanpa memikirkan bagaimana hal itu seharusnya dilakukan. Semakin sedikit tanda tanya yang dimiliki pengunjung, semakin baik orientasi yang mereka miliki dan semakin besar kepercayaan yang dapat mereka kembangkan terhadap perusahaan yang diwakili situs tersebut. Dengan kata lain: semakin sedikit pemikiran yang perlu terjadi di belakang layar, semakin baik pengalaman pengguna yang merupakan tujuan kegunaan di tempat pertama.
4. Upayakan Eksposur Fitur
Desain web modern biasanya dikritik karena pendekatan mereka dalam membimbing pengguna dengan 1-2-3-langkah yang menarik secara visual, tombol besar dengan efek visual, dll. Namun dari perspektif desain, elemen-elemen ini sebenarnya bukanlah hal yang buruk. Sebaliknya, pedoman semacam itu sangat efektif karena mengarahkan pengunjung melalui konten situs dengan cara yang sangat sederhana dan ramah pengguna.
Dibusoft menggabungkan daya tarik visual dengan struktur situs yang jelas. Situs ini memiliki 9 pilihan navigasi utama yang terlihat pada pandangan pertama. Pilihan warna mungkin terlalu terang.
Membiarkan pengguna melihat dengan jelas fungsi apa yang tersedia adalah prinsip dasar desain antarmuka pengguna yang sukses. Tidak masalah bagaimana ini dicapai. Yang penting adalah konten dipahami dengan baik dan pengunjung merasa nyaman dengan cara mereka berinteraksi dengan sistem.
5. Manfaatkan Penulisan Yang Efektif
Karena Web berbeda dari cetak, maka perlu untuk menyesuaikan gaya penulisan dengan preferensi pengguna dan kebiasaan browsing. Tulisan promosi tidak akan dibaca. Blok teks panjang tanpa gambar dan kata kunci yang ditandai dengan huruf tebal atau miring akan dilewati. Bahasa yang berlebihan akan diabaikan.
Bicara bisnis. Hindari nama yang lucu atau pintar, nama yang didorong oleh pemasaran, nama khusus perusahaan, dan nama teknis yang tidak dikenal. Misalnya, jika Anda menjelaskan suatu layanan dan ingin pengguna membuat akun, “daftar” lebih baik daripada “mulai sekarang!” yang lagi-lagi lebih baik daripada “jelajahi layanan kami”.
6. Berusaha Untuk Kesederhanaan
Prinsip “keep it simple” (KIS) harus menjadi tujuan utama desain situs. Pengguna jarang berada di situs untuk menikmati desain; lebih jauh lagi, dalam banyak kasus mereka mencari informasi terlepas dari desainnya. Berusahalah untuk kesederhanaan daripada kerumitan.
Dari sudut pandang pengunjung, desain situs terbaik adalah teks murni, tanpa iklan atau blok konten lebih lanjut yang sama persis dengan kueri yang digunakan pengunjung atau konten yang mereka cari. Ini adalah salah satu alasan mengapa halaman web versi cetak yang ramah pengguna sangat penting untuk pengalaman pengguna yang baik.
7. Jangan Takut Ruang Putih
Sebenarnya sangat sulit untuk melebih-lebihkan pentingnya ruang putih. Tidak hanya membantu mengurangi beban kognitif pengunjung, tetapi juga memungkinkan untuk melihat informasi yang disajikan di layar. Ketika pengunjung baru mendekati tata letak desain, hal pertama yang dia coba lakukan adalah memindai halaman dan membagi area konten menjadi potongan-potongan informasi yang dapat dicerna.
Struktur kompleks lebih sulit untuk dibaca, dipindai, dianalisis, dan dikerjakan. Jika Anda memiliki pilihan antara memisahkan dua segmen desain dengan garis yang terlihat atau spasi putih, biasanya lebih baik menggunakan solusi spasi putih. Struktur hierarki mengurangi kompleksitas (Simon’s Law): semakin baik Anda mengelola untuk memberi pengguna rasa hierarki visual, semakin mudah konten Anda untuk dilihat.
8. Berkomunikasi Secara Efektif Dengan “Bahasa Yang Terlihat”
Dalam makalahnya tentang komunikasi visual yang efektif, Aaron Marcus menyatakan tiga prinsip dasar yang terlibat dalam penggunaan apa yang disebut “bahasa yang terlihat” – konten yang dilihat pengguna di layar.
Organize : memberikan struktur konseptual yang jelas dan konsisten kepada pengguna. Konsistensi, tata letak layar, hubungan, dan kemampuan navigasi adalah konsep penting dari organisasi. Konvensi dan aturan yang sama harus diterapkan pada semua elemen.
Hemat : lakukan yang terbaik dengan jumlah isyarat dan elemen visual paling sedikit. Empat poin utama yang harus dipertimbangkan: kesederhanaan, kejelasan, kekhasan, dan penekanan. Kesederhanaan hanya mencakup unsur-unsur yang paling penting untuk komunikasi. Kejelasan : semua komponen harus dirancang sedemikian rupa sehingga maknanya tidak ambigu. Kekhasan : sifat-sifat penting dari unsur-unsur yang diperlukan harus dapat dibedakan. Penekanan : elemen yang paling penting harus mudah dirasakan.
Berkomunikasi : mencocokkan presentasi dengan kemampuan pengguna. Antarmuka pengguna harus menjaga keseimbangan keterbacaan, keterbacaan, tipografi, simbolisme, banyak tampilan, dan warna atau tekstur agar dapat berkomunikasi dengan sukses. Gunakan maks. 3 tipografi dalam ukuran maksimum 3 titik — maksimum 18 kata atau 50-80 karakter per baris teks.