10 Prinsip Desain Situs Web Yang Baik

Kegunaan dan kegunaan, 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 user-centric telah menjadi pendekatan standar untuk desain web yang sukses dan berorientasi profit. Lagi pula, jika pengguna tidak dapat menggunakan fitur, itu mungkin tidak ada.

Kami tidak akan membahas detail penerapan desain (misalnya di mana kotak pencarian harus ditempatkan) seperti yang telah dilakukan di sejumlah artikel; alih-alih kami fokus pada prinsip-prinsip utama, heuristik dan pendekatan untuk desain web yang efektif – pendekatan yang, digunakan dengan benar, dapat mengarah pada keputusan desain yang lebih canggih dan menyederhanakan proses mempersepsi informasi yang disajikan.

1. Jangan membuat pengguna berpikir
Menurut hukum kegunaan Krug, halaman web harus jelas dan cukup jelas. Saat Anda membuat situs, tugas Anda adalah menyingkirkan tanda tanya – keputusan yang perlu dibuat pengguna secara sadar, mempertimbangkan pro, kontra, dan alternatif.

Jika navigasi dan arsitektur situs tidak intuitif, jumlah tanda tanya tumbuh dan membuat lebih sulit bagi pengguna untuk memahami bagaimana sistem bekerja dan bagaimana mendapatkannya dari titik A ke titik B. Struktur yang jelas, petunjuk visual yang moderat dan mudah dikenali tautan dapat membantu pengguna menemukan jalan mereka menuju tujuan mereka.

2. Jangan menghambur-hamburkan kesabaran pengguna
Di setiap proyek saat Anda akan menawarkan kepada pengunjung Anda beberapa layanan atau alat, cobalah untuk menjaga persyaratan pengguna Anda minimal. Semakin sedikit tindakan yang diperlukan dari pengguna untuk menguji layanan, semakin mungkin pengunjung acak benar-benar mencobanya. Pengunjung pertama kali bersedia bermain dengan layanan ini, tidak mengisi formulir web panjang untuk akun yang mungkin tidak pernah mereka gunakan di masa mendatang. Biarkan pengguna menjelajahi situs dan temukan layanan Anda tanpa memaksa mereka berbagi data pribadi. Tidak masuk akal untuk memaksa pengguna memasukkan alamat email untuk menguji fitur tersebut.

Idealnya, hapus semua hambatan, jangan mewajibkan langganan atau pendaftaran terlebih dahulu. Pendaftaran pengguna saja sudah cukup menjadi penghalang bagi navigasi pengguna untuk mengurangi lalu lintas masuk.

3. Kelola untuk fokus perhatian pengguna
Karena situs web menyediakan konten statis dan dinamis, beberapa aspek antarmuka pengguna menarik perhatian lebih dari yang lain. Jelas, gambar lebih eye-catching daripada teks – seperti kalimat yang ditandai sebagai 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 menjengkelkan dan mengganggu, tetapi dari perspektif pemasaran mereka dengan sempurna melakukan tugas untuk menarik perhatian pengguna.

Memfokuskan perhatian pengguna ke area tertentu dari situs dengan penggunaan elemen visual yang moderat dapat membantu pengunjung Anda untuk mendapatkan dari titik A ke titik B tanpa memikirkan bagaimana sebenarnya hal itu seharusnya dilakukan. Semakin sedikit tanda tanya yang dimiliki pengunjung, semakin baik orientasi yang mereka miliki dan semakin percaya mereka dapat berkembang menuju perusahaan yang diwakili oleh situs tersebut. Dengan kata lain: semakin sedikit pemikiran yang perlu terjadi di belakang layar, semakin baik pengalaman pengguna yang merupakan tujuan dari kegunaan di tempat pertama.

4. Upayakan untuk eksposur fitur
Desain web modern biasanya dikritik karena pendekatan mereka membimbing pengguna dengan 1-2-3-selesai-langkah visual yang menarik, tombol besar dengan efek visual, dll. Namun dari perspektif desain, elemen ini sebenarnya bukan hal yang buruk. Sebaliknya, panduan tersebut sangat efektif karena mengarahkan pengunjung melalui konten situs dengan cara yang sangat sederhana dan mudah digunakan.

Membiarkan pengguna melihat dengan jelas fungsi apa yang tersedia adalah prinsip dasar desain antarmuka pengguna yang sukses. Tidak masalah bagaimana hal ini tercapai. Yang penting adalah kontennya dipahami dengan baik dan pengunjung merasa nyaman dengan cara mereka berinteraksi dengan sistem.

5. Manfaatkan tulisan yang efektif
Karena Web berbeda dari cetak, Anda perlu menyesuaikan gaya penulisan dengan preferensi dan kebiasaan penelusuran pengguna. 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.

Bicarakan bisnis. Hindari nama yang lucu atau pintar, nama yang diinduksi pemasaran, nama khusus perusahaan, dan nama teknis yang tidak dikenal. Misalnya, jika Anda mendeskripsikan layanan dan ingin pengguna membuat akun, “daftar” lebih baik daripada “mulai sekarang!” Yang lebih baik daripada “jelajahi layanan kami”.

Solusi optimal untuk menulis yang efektif adalah dengan menggunakan frasa singkat dan ringkas (datang ke titik secepat mungkin),
gunakan tata letak yang dapat dipindai (kategorikan konten, gunakan beberapa level heading, gunakan elemen visual dan daftar berpoin yang memutus aliran blok teks seragam),
gunakan bahasa yang jelas dan obyektif (promosi tidak perlu terdengar seperti iklan; berikan alasan yang masuk akal dan obyektif kepada pengguna Anda mengapa mereka harus menggunakan layanan Anda atau tetap di situs web Anda) Anda bisa mendapatkan website berkualitas dengan Eazysmart website murah.

6. Berjuanglah untuk kesederhanaan
The “keep it simple” -principle (KIS) harus menjadi tujuan utama desain situs. Pengguna jarang berada di situs untuk menikmati desain; lebih jauh lagi, dalam banyak kasus mereka mencari informasi meskipun desain. Berusahalah untuk kesederhanaan, bukan kompleksitas.

Dari sudut pandang pengunjung, desain situs terbaik adalah teks murni, tanpa iklan atau pemblokiran konten lebih lanjut yang cocok persis dengan yang digunakan pengunjung atau konten yang mereka cari. Ini adalah salah satu alasan mengapa versi cetak halaman web yang user-friendly sangat penting untuk pengalaman pengguna yang baik.

7. Jangan takut dengan ruang putih
Sebenarnya sangat sulit untuk melebih-lebihkan pentingnya ruang putih. Tidak hanya membantu mengurangi beban kognitif bagi pengunjung, tetapi 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 bagian informasi yang dapat dicerna.

Struktur kompleks lebih sulit dibaca, dipindai, dianalisis, dan diolah. Jika Anda memiliki pilihan antara memisahkan dua segmen desain dengan garis yang terlihat atau oleh beberapa spasi, biasanya lebih baik menggunakan solusi spasi. Struktur hierarkis mengurangi kerumitan (Hukum Simon): semakin baik Anda mengelola untuk memberikan rasa hierarki visual kepada pengguna, semakin mudah konten Anda 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.

Atur: berikan pengguna dengan struktur konseptual yang jelas dan konsisten. Konsistensi, tata letak layar, hubungan, dan kemampuan navigasi adalah konsep penting dari organisasi. Konvensi dan aturan yang sama harus diterapkan ke semua elemen.
Menghemat: lakukan yang paling banyak dengan sedikitnya jumlah petunjuk dan elemen visual. Empat poin utama yang harus dipertimbangkan: kesederhanaan, kejelasan, kekhasan, dan penekanan. Kesederhanaan hanya mencakup elemen-elemen yang paling penting untuk komunikasi. Kejelasan: semua komponen harus dirancang agar maknanya tidak ambigu. Kekhasan: sifat-sifat penting dari elemen yang diperlukan harus dapat dibedakan. Penekanan: elemen yang paling penting harus mudah dirasakan.
Berkomunikasi: cocokkan presentasi dengan kemampuan pengguna. Antarmuka pengguna harus menjaga keseimbangan keterbacaan, keterbacaan, tipografi, simbolisme, beberapa tampilan, dan warna atau tekstur agar berhasil berkomunikasi. Gunakan tawaran 3 tipografi dalam maksimum 3 ukuran poin – maksimum 18 kata atau 50-80 karakter per baris teks.

9. Kebaktian adalah teman kita
Desain elemen situs yang konvensional tidak menghasilkan situs web yang membosankan. Kenyataannya, konvensi sangat berguna karena mereka mengurangi kurva pembelajaran, kebutuhan untuk mencari tahu bagaimana segala sesuatunya bekerja. Sebagai contoh, itu akan menjadi mimpi buruk kegunaan jika semua situs web memiliki presentasi visual yang berbeda dari RSS-feed. Itu tidak jauh berbeda dari kehidupan biasa kami di mana kami cenderung terbiasa dengan prinsip dasar tentang cara kami mengatur data (folder) atau melakukan belanja (penempatan produk).

Dengan konvensi, Anda dapat memperoleh kepercayaan, kepercayaan, keandalan pengguna, dan membuktikan kredibilitas Anda. Ikuti harapan pengguna – pahami apa yang mereka harapkan dari navigasi situs, struktur teks, penempatan pencarian, dll.

Contoh umum dari sesi kegunaan adalah menerjemahkan halaman dalam bahasa Jepang (dengan asumsi pengguna web Anda tidak tahu bahasa Jepang, misalnya dengan Babelfish) dan memberikan penguji kebergunaan Anda dengan tugas untuk menemukan sesuatu di halaman bahasa yang berbeda. Jika konvensi diterapkan dengan baik, pengguna akan dapat mencapai tujuan yang tidak terlalu spesifik, bahkan jika mereka tidak dapat memahami sepatah kata pun.

10. Uji awal, uji sering
Prinsip TETO ini harus diterapkan pada setiap proyek desain web karena tes kegunaan sering memberikan wawasan penting ke dalam masalah dan masalah yang terkait dengan tata letak yang diberikan.

Uji belum terlambat, tidak terlalu sedikit dan bukan karena alasan yang salah. Dalam kasus terakhir perlu dipahami bahwa sebagian besar keputusan desain bersifat lokal; itu berarti Anda tidak dapat secara universal menjawab apakah beberapa tata letak lebih baik daripada yang lain karena Anda perlu menganalisisnya dari sudut pandang yang sangat spesifik (mempertimbangkan persyaratan, pemangku kepentingan, anggaran, dll.).

Beberapa hal penting yang perlu diingat:

Tes kegunaan selalu menghasilkan hasil yang bermanfaat. Entah Anda akan diarahkan ke masalah yang Anda hadapi atau Anda akan diarahkan ke ketiadaan cacat desain utama yang dalam kedua kasus itu merupakan wawasan yang bermanfaat untuk proyek Anda.