6 Kesalahan Desain Website dan cara menghindarinya

Berikut adalah sejumlah faktor, elemen, dan pilihan desain dalam desain web yang dapat mempersulit pengguna: lebih sulit dinavigasi, lebih sulit untuk terhubung, dan lebih sulit dipercaya. Kecuali jika Anda mencoba untuk mengusir audiens target Anda, baca terus untuk menemukan enam kesalahan desain situs web terbesar dan cara menghindarinya.

1. Mengacaukan situs web Anda

Tanpa dasar yang kuat, Anda berisiko membuat salah satu kesalahan desain situs web yang paling umum: menambahkan elemen berlebih hanya karena tersedia.

Selalu bermanfaat untuk membaca prinsip dasar desain sebelum Anda memulai. Sangat penting untuk memulai dengan ide tentang apa yang Anda ingin situs web Anda capai dan bagaimana melakukannya. Ini karena saat ini, perangkat lunak desain web menawarkan begitu banyak alat dan opsi yang tersedia (munculan, logo animasi, dan video tersemat) sehingga desainer amatir dapat segera kewalahan.

Jangan terjebak dalam desain sibuk yang membebani pengguna dengan iklan pop-up yang tidak diinginkan, video yang diputar otomatis (jamak), dan bilah navigasi yang sibuk; lakukan Marie Kondo dan pertahankan agar desain web Anda tetap rapi.

Jaga agar tetap sederhana. Desain web yang sukses melibatkan penyatuan potongan-potongan itu sedikit demi sedikit. Ilustrasi oleh OrangeCrush

Untungnya, menghindari kepadatan desain Anda yang berlebihan relatif mudah, karena itu hanya mengharuskan Anda menghindari godaan untuk menambahkan elemen tambahan ke halaman web Anda "untuk melihat apa yang terjadi". Kecuali Anda dapat menjelaskan tujuan desain elemen tertentu di laman Anda, elemen tersebut tidak boleh ada di sana. Jadi, tetaplah fokus pada membangun struktur yang kokoh dan sederhana untuk memberi pengguna pengalaman yang paling positif dan mulus.

2. Tanpa Perencanaan Sketsa terlebih dahulu

Kesalahan umum kedua dalam desain web membawa kita langsung ke inti proses desain. Sebagian besar pemilik bisnis (dan sebagian besar perancang web amatir, dalam hal ini) masih menganggap desain web sebagai proses yang berlangsung "di komputer".

Meskipun benar bahwa kreasi akhir Anda akan terlihat seperti ini, tidak ada yang bisa lebih jauh dari kebenaran dalam hal desainnya. Alih-alih, Anda sebaiknya beralih ke metode artistik yang lebih tradisional saat mulai mendesain situs web Anda sebelum Anda beralih

Mulailah dengan membuat sketsa ide untuk desain web Anda sebelum Anda beralih ke komputer atau pembuat web. Melalui Bip Desain

Secara khusus, cara terbaik untuk mulai mendesain halaman web adalah dengan mengambil pensil dan selembar kertas. Mulailah dengan menulis daftar tujuan untuk situs web Anda, lalu rancang sekumpulan halaman yang difokuskan untuk mencapai tujuan inti ini.

Mendesain dengan cara ini akan memungkinkan Anda melihat redundansi yang jelas dalam desain Anda dan sangat membantu menyederhanakan situs Anda.

Pendekatan semacam ini adalah salah satu alasan, pada kenyataannya, mengapa perancang web terbaik dapat mengenakan biaya yang tampaknya tinggi kepada klien mereka. Ini bukan karena mereka tahu cara menggunakan perangkat lunak pembuat situs web (saat ini, hampir semua orang bisa), tetapi karena mereka tahu cara menyusun situs Anda dengan benar, dan dapat membantu memastikan bahwa visi Anda berfungsi jauh sebelum Anda berdua menyentuh komputer.

3. Mengabaikan grid, pedoman dan kolom

Tahap selanjutnya dalam membangun situs web Anda adalah mulai membuat templat untuk halaman Anda. Ketika datang ke desain halaman, bahkan pembuat situs web paling dasar pun dilengkapi dengan alat untuk mengatur kisi, pedoman, dan kolom. Banyak perancang web yang lebih muda mengabaikan alat ini, mengira bahwa alat tersebut hanya cocok untuk situs yang lebih tua dan "pemblokir".

Pada kenyataannya, kisi tetap menjadi elemen struktural inti untuk setiap halaman web yang dirancang dengan baik, dan harus selalu digunakan untuk mengatur elemen visual halaman. Kisi dan pedoman membentuk dasar dari keterampilan desain grafis inti jauh sebelum desain web muncul dan mereka pasti akan terus menjadi alat dasar selama bertahun-tahun yang akan datang.

Terlepas dari apakah garis untuk kisi dan kolom Anda terlihat di laman web Anda, mereka masih menjadi dasar kerangka kerja yang mendasari situs Anda dan proporsi antar elemen. Kisi membantu membagi halaman web secara horizontal dan vertikal, dan dengan demikian menentukan kesejajaran antara elemen desain yang berbeda.

Meskipun demikian, desain berbasis grid juga dapat digabungkan dengan desain yang lebih modern dan teknik penelitian konsumen. Rentang cara konsumen berinteraksi dengan web telah memunculkan kisaran ekspektasi yang serupa dalam hal bagaimana mereka mengharapkan tampilan dan nuansa berbagai jenis laman web.

4. Kurangnya hierarki visual

Kesalahan desain situs web keempat dalam daftar kami adalah kesalahan yang sedikit lebih kompleks, setidaknya bagi mereka yang baru mengenal desain web. Salah satu kesalahan paling umum yang kami lihat di situs web baru adalah mereka mengabaikan pentingnya hierarki visual.

Hierarki visual didefinisikan sebagai susunan elemen yang teratur, menurut kepentingannya. Artinya, jika Anda tidak melakukannya dengan benar, pengguna dapat dibombardir oleh berbagai fitur desain Anda yang semuanya berjuang untuk mendapatkan perhatian mereka. Mereka tidak akan dipandu secara efisien menuju CTA Anda, yang berarti tidak ada konversi.

Untuk membuat hierarki visual yang kuat, pikirkan baik-baik tentang tujuan kedatangan pengunjung ke situs Anda. Lakukan riset UX dan pastikan alur pengguna intuitif dan mulus.

Menata desain web Anda sering kali terasa seperti tindakan penyeimbang. Ilustrasi oleh OrangeCrush

Contoh yang bagus tentang ini diberikan oleh situs e-niaga. Yang terbaik menjaga branding individual mereka sebagian besar dari pengalaman pengguna. Sebaliknya, mereka bertindak sebagai portal bagi pelanggan untuk mencari tahu tentang dan membeli produk yang telah disesuaikan untuk mereka.

Biasanya, situs e-niaga yang dirancang dengan baik hanya akan mengingatkan pengguna di situs mana mereka berada pada satu titik (sangat penting): tepat setelah mereka menyelesaikan proses belanja barang tertentu yang lancar, mulus, dan mudah.

5. Menghadap aksesibilitas

Aksesibilitas juga merupakan aspek yang sangat penting dalam desain web, dan mengabaikannya dapat sangat memengaruhi hasil yang dicapai situs Anda. Selama beberapa tahun terakhir, banyak perusahaan telah menyadari pentingnya membuat situs web mereka tersedia bagi pengunjung dengan berbagai gangguan dan kemampuan.

Tentu saja ada argumen moral untuk membuat situs Anda dapat digunakan oleh sebanyak mungkin orang, tetapi ada juga alasan bisnis untuk melakukan hal yang sama. Memperluas audiens Anda hanya dapat meningkatkan peluang Anda untuk membuat penjualan yang sukses.

Meskipun Anda tidak diwajibkan secara hukum untuk membuat situs Anda dapat diakses saat ini, kemungkinan standar industri akan mensyaratkan hal ini dalam waktu yang tidak terlalu lama. Mencoba mengambil situs web yang tidak dirancang dengan mempertimbangkan aksesibilitas, dan menambahkannya secara retroaktif, seringkali merupakan upaya yang mahal dan memakan waktu.

Jadi, mulailah berpikir tentang bagaimana Anda menggunakan teks, citra, dan suara di seluruh desain web Anda sebelum dibuat. Tambahkan tag alt ke gambar, sertakan deskripsi audio dan simpan salinan dengan spasi yang baik dan dalam font sans serif yang dapat dibaca. Jika Anda mengunggulkan video, izinkan pengguna memilih untuk menekan putar daripada membiarkannya dalam setelan otomatis dan melakukan penelitian tentang pengalaman pengguna yang ingin Anda buat.

Simak Juga : Problematika desain web lintas browser

Mendesain dengan aksesibilitas di garis depan pikiran Anda akan menciptakan situs web yang lebih inovatif, kreatif, dan dirancang dengan cerdas. Anda menikmati kebebasan untuk bereksperimen dengan tren, tetapi dapat memastikannya diterapkan ke dalam desain Anda dengan tujuan tertentu. Tidak ada desain yang baik yang menghalangi keterpaparan dan jika situs web Anda tidak dapat diakses oleh beberapa orang, inilah yang dilakukannya.

6. Tidak mendesain untuk seluler

Kesalahan desain situs web terakhir dalam daftar kami adalah kesalahan yang masih dilakukan oleh sebagian besar perusahaan yang ingin merancang situs web untuk pertama kalinya. Sebagaimana desain web masih dianggap sebagai sesuatu yang terjadi "di komputer", banyak orang masih menganggap penjelajahan seluler sebagai "alternatif" untuk "pengalaman utama" situs web — situs desktop. Bukan itu masalahnya lagi. Faktanya, penjelajahan seluler sekarang menyumbang sebagian besar lalu lintas internet dan begitu banyak desainer benar-benar akan membuat situs seluler sebelum mereka membuat situs desktop.

Ini dikenal sebagai strategi "yang mengutamakan seluler", dan sekarang menjadi pendekatan yang sangat populer bahkan di antara perusahaan besar. Merancang desktop lebih dulu bisa menjadi kesalahan karena Anda berisiko membuat situs web Anda terlalu berantakan atau lambat sehingga tidak tampak ramah pengguna di perangkat seluler. Alih-alih, rancang situs web Anda untuk perangkat seluler terlebih dahulu, kemudian perluas situs ke versi desktop.

Alasan mendesain situs Anda dengan mempertimbangkan seluler sudah cukup jelas. Menurut pengembang web yang berbasis di London Alexander Williams dari Hosting Data, meningkatkan konversi harus menjadi tujuan utama Anda saat mendesain situs web, dan di dunia di mana sebagian besar pengunjung akan menggunakan ponsel cerdas, mereka harus dapat membeli produk langsung dari ponsel mereka.

Poin yang sama dapat diperluas, tentu saja, ke tablet, perangkat pintar, dan hampir semua jenis perangkat keras berkemampuan internet lainnya yang tersedia saat ini. Dengan kata lain, desain web Anda harus dapat diakses melalui perangkat yang berbeda, dan cukup responsif sehingga dapat menyesuaikan secara otomatis agar terlihat dan terasa tepat di berbagai perangkat seluas mungkin. Seperti yang telah kami tunjukkan di tempat lain, mencapainya bisa jadi sulit, karena ini melibatkan perhatian pada berbagai faktor, mulai dari tata letak laman Anda hingga ukuran gambar yang Anda gunakan.

desainhack.com