21 Kesalahan Desain Antarmuka Pengguna (UI) Umum yang Membebani Bisnis Anda

Konsumen saat ini lebih menuntut dari sebelumnya, terutama dalam hal dunia digital. Mereka mengharapkan antarmuka intuitif yang dirancang menarik yang dimuat dalam hitungan detik ketika mereka menelusuri situs web dan akan memilih dengan bola mata mereka jika mereka menemukan sesuatu yang tidak memenuhi standar mereka.

Faktanya, statistik yang dikumpulkan di berbagai industri menunjukkan bahwa:

• 38% pengunjung akan meninggalkan situs web jika mereka menemukan tata letak dasar atau kontennya tidak menarik
• 47% orang mengharapkan halaman web dimuat dalam waktu kurang dari dua detik;
• Sebagian besar (95%) orang percaya bahwa elemen terpenting dari situs web apa pun adalah pengalaman pengguna (UX); dan
• Jika kualitas desain web telah menurun, 94% orang akan berhenti mempercayai, atau menggunakan, situs web sama sekali.

Banyak bisnis yang menganggap situs web mereka sebagai elemen integral dari strategi pemasaran online mereka mungkin tidak menyadari bahwa desain UI yang buruk mungkin sangat merugikan mereka dalam hal tampilan halaman, klik-tayang, dan tingkat konversi.

Inilah 21 Kesalahan Umum Desain UI

#1. Tata Letak Berantakan

Pengguna menemukan situs web yang terlalu berantakan sangat membuat frustrasi. Mereka tidak memiliki keteraturan visual dan dapat membuat orang kewalahan saat mereka berjuang untuk memahami elemen mana yang paling penting, dan di mana mereka harus memusatkan perhatian mereka. Biasanya halaman situs web bisa terasa berantakan jika:

• Ada terlalu banyak konten – terutama teks – di layar;
• Tampaknya tidak ada logika atau urutan bagaimana konten ditampilkan; dan
• Desain visual tidak menarik, atau warna dan font berbenturan terlalu keras.

[Tweet ““Desain web bukan hanya tentang membuat tata letak yang cantik. Ini tentang memahami tantangan pemasaran di balik bisnis Anda. Mohamed Saad ””]

Tidak mengetahui di mana atau apa yang harus dicari pada suatu halaman dapat membuat pengunjung berpaling, yang berarti kehilangan penjualan atau potensi konversi.

“Kesalahan yang sering saya lihat adalah tidak menggunakan konten otentik selama fase desain. Teks (sebagai contoh) memainkan peran penting dalam desain modern, tetapi setelah produk dirilis, contoh teks yang sempurna diganti dengan konten nyata. Di situlah harmoni berakhir dan berbagai masalah muncul: kalimat panjang yang tidak pas, label yang tidak selaras, kesenjangan antar baris, dan kekacauan (dan itu bahkan sebelum masuk ke tantangan lokalisasi).”
– Gil Bouhnick adalah CTO & CoFounder Missbeez dan pemilik Mobile Spoon. Ikuti dia di Twitter @GilBouhnick

#2. Tidak mengundang CTA (Ajakan Bertindak)

Bisa dibilang, tombol CTA (Call to Action) adalah elemen terpenting di halaman arahan mana pun. Mereka adalah perangkat yang mengubah pengunjung acak ke situs web menjadi klien potensial. Oleh karena itu, penting agar tombol CTA menonjol, menarik, dan mudah digunakan agar pengunjung langsung melakukan tindakan yang Anda inginkan, apakah itu mengarahkan mereka ke halaman produk, keranjang belanja, atau fasilitas checkout. .

[Tweet ““Mematuhi ajakan tindakan kenabian membawa manfaat positif.” Sherry K. White, Berjalan dalam Kekayaan Bapa: Kemakmuran Anak”]

Saat menilai apakah tombol CTA mereka efektif, bisnis perlu bertanya pada diri sendiri pertanyaan-pertanyaan berikut:

• Apakah CTA jelas dan tidak ambigu? Apakah itu berorientasi pada tindakan dan menimbulkan rasa urgensi di pihak pengunjung?
• Apakah tombol ditempatkan di tempat yang tepat pada halaman? Apakah bisa dengan mudah ditemukan? dan
• Bagaimana cara mudah menggunakannya? Apakah itu menonjol dari sisa halaman dan menarik perhatian pengunjung.

#3. Navigasi Tidak Intuitif

Sebuah situs web harus terorganisir dan mudah dinavigasi. Itu berarti harus memiliki hierarki dan urutan logis yang mudah diikuti, dengan judul dan sub-judul yang jelas berhubungan satu sama lain, dan kata-katanya jelas dan tidak ambigu,

[Tweet ““Kompas moral manusia belum berfungsi di dunia di mana naluri mengarahkan kehidupan.” Toba Beta, Leluhurku Adalah Astronot Purba”]

Selalu sediakan menu dan temukan di tempat yang diharapkan pengguna – baik secara vertikal di sisi kiri halaman sebagai bilah sisi, atau secara horizontal di sepanjang bagian atas halaman. Dan jangan memasukkan terlalu banyak item dalam menu Anda – enam atau kurang adalah jumlah yang disarankan.

Navigasi harus intuitif untuk rata-rata pengguna – jika mereka merasa terlalu rumit atau tidak tahu ke mana harus mencari, mereka akan pergi ke tempat lain.

#4. Gambar Umum

Gambar umum adalah penggunaan foto stok dan gambar palsu lainnya untuk menjual atau mempromosikan produk atau layanan. Masalah dengan jenis gambar ini ada dua – tidak hanya gambar itu sendiri tidak asli, tetapi juga umum – gambar yang sama dapat ditemukan di beberapa situs web.

Sebuah gambar melukiskan ribuan kata yang mereka ucapkan, dan gambar menawan yang bagus yang dapat menjadi alat pemasaran yang kuat, menimbulkan perasaan atau kepercayaan dan bahkan kesejahteraan pada pelanggan. Tetapi citra umum hanya merusak kepercayaan itu dengan segera.

#5. Tidak Ada Bukti Sosial

Bukti sosial adalah gagasan bahwa orang akan menyesuaikan diri dengan norma agar disukai, atau diterima, oleh masyarakat. Konsumen membeli produk yang membuat mereka merasa baik tentang diri mereka sendiri, tetapi mereka mencari alasan bahwa apa yang mereka lakukan adalah hal yang benar. Itu berarti bahwa mereka melihat ulasan produk online, testimonial, dan ikon kepercayaan untuk memandu mereka saat membuat keputusan pembelian.

Penelitian telah menunjukkan bahwa 85% orang akan membaca ulasan online sebelum membuat keputusan pembelian. Mereka bertindak sebagai bagian berharga dari proses pembelian.

[Tweet ““Manusia adalah makhluk sosial; tidak mengherankan kami menyukai bukti sosial, itu menjual merek dengan cepat” Bernard Kelvin Clive”]

Jika situs web Anda tidak memiliki ulasan atau testimoni daring dari pelanggan sebelumnya atau yang sudah ada, tidak ada bukti sosial, dan kemungkinan besar pengunjung akan melanjutkan penjualan lebih kecil.

#6. Tidak adanya Panduan Gaya

Panduan gaya adalah seperangkat standar visual untuk pemformatan dan desain situs web. Mereka memastikan keseragaman desain di seluruh situs, membantu menghindari inkonsistensi seperti font dan ukuran teks yang berbeda, warna atau ukuran, atau penggunaan gaya yang berbeda.

Praktik terbaik menyarankan bahwa seorang desainer UI harus membuat Panduan Gaya mereka setelah mereka memahami brief untuk sebuah situs web, tetapi sebelum mereka mulai mendesain halaman individual. Ini tidak hanya memastikan konsistensi tetapi juga menghemat banyak waktu – banyak elemen grafis sudah ada dan tidak harus dibuat dari awal.

#7. Rasio Teks & Grafik/Gambar

Terlalu banyak teks dan terlalu sedikit gambar atau konten grafis dapat mengganggu pengalaman pengguna situs web. Tidak ada rumus pasti tentang keseimbangan yang tepat, meskipun beberapa ahli menyarankan minimal 60% teks dan maksimal 40% grafik atau gambar.

Saran Praktik Terbaik:

• Temukan keseimbangan yang masuk akal untuk bisnis Anda;
• Gunakan teks yang cukup di badan pesan Anda sehingga pemirsa bisa mendapatkan semua poin penting tanpa membebani mereka;v
• Mengadopsi penggunaan gambar yang lebih banyak untuk orang-orang yang melihat situs web di perangkat seluler, karena ini lebih mudah dilihat daripada rim teks;
• Uji rasio teks ke gambar secara terus-menerus untuk menentukan konfigurasi optimal untuk bisnis.

#8. Kecepatan Pemuatan Halaman Lambat

Betapapun bagusnya sisa desain Anda, jika halaman web Anda terlalu lama untuk dimuat, Anda secara otomatis akan kehilangan banyak lalu lintas Anda. Penelitian telah menunjukkan bahwa 47% orang berharap bahwa halaman web akan dimuat dalam dua detik atau kurang. Studi yang sama juga menunjukkan biaya untuk bisnis dari penundaan hanya satu detik dalam waktu pemuatan halaman – 11% lebih sedikit tampilan halaman, dan 7% lebih sedikit konversi.

Selain itu, kecepatan memuat halaman juga mempengaruhi peringkat di Google dan mesin pencari lainnya.

[Tweet “73% pengguna internet seluler mengatakan bahwa mereka menemukan situs web yang terlalu lambat untuk dimuat.” Neil Patel”]

#9. Membuat Pengguna Berpikir

Tujuan situs web untuk bisnis terutama untuk bertindak sebagai alat pemasaran. Ini harus menjelaskan apa yang Anda jual, berapa biayanya, dan bagaimana mendapatkannya sesederhana dan sesingkat mungkin. Tujuan utamanya adalah untuk mengubah pengunjung situs web menjadi pelanggan secepat dan tanpa rasa sakit mungkin.

Namun, jika pengguna harus memikirkan keputusan atau harus mengerjakan sesuatu untuk diri mereka sendiri, kemungkinan besar mereka akan berubah pikiran dan pergi ke tempat lain. Jadikan pengalaman pengguna lancar dan mulus bagi mereka sehingga mereka tidak perlu berpikir sendiri.

# 10. Merancang Untuk Diri Sendiri

Kesalahan umum yang dilakukan oleh banyak desainer web adalah mendesain sendiri tanpa memikirkan pengguna akhir. Ini bisa saja memanjakan diri sendiri, dan gagal memenuhi kebutuhan dan persyaratan yang akan dimiliki calon pengunjung situs. Sebaliknya, seorang desainer web harus bekerja sama dengan tim pemasaran dan penjualan untuk memastikan bahwa desain dioptimalkan dari perspektif pengguna terlebih dahulu. Dan situs web kemudian harus diuji pada pengguna sebenarnya dan dimodifikasi sesuai dengan umpan balik mereka.

#11. Negara yang Terlalu Kosong Kosong

Dalam istilah UI, keadaan kosong adalah apa yang dilihat pengunjung situs web saat tidak ada data untuk ditampilkan di layar. Ini bisa karena berbagai alasan: pengguna baru saja mendaftar; mereka telah membersihkan data itu sendiri, atau telah terjadi kesalahan.

Keadaan kosong itu sendiri bukanlah hal yang buruk – mereka dapat digunakan untuk memberi tahu pemirsa untuk apa, mengapa mereka melihatnya, dan bagaimana mereka dapat mengisinya.

Namun, mereka juga bisa membuat frustrasi pemirsa jika tidak ada panduan yang diberikan tentang apa yang akan terjadi selanjutnya. Oleh karena itu, disarankan agar mereka tidak dibiarkan terlalu kosong tetapi diisi dengan ilustrasi, ikon, atau blok teks yang menyarankan langkah selanjutnya.

# 12. Kurangnya Hirarki Tipografi

Dalam proyek desain apa pun, hierarki visual penting: Ini memberi tahu orang-orang di mana harus melihat dan hal-hal apa di layar. Hirarki dalam tipografi mengatur dan memberi urutan pada elemen teks dalam sebuah desain. Ini memberitahu pembaca apa yang penting, dan membuat membaca lebih mudah. Tanpa itu, pengunjung bisa tersesat atau terganggu, dan kehilangan pesan utama atau frustrasi dan mengklik situs.

[Tweet ““Tipografi harus terdengar. Tipografi perlu dirasakan. Tipografi perlu dialami.” — Helmut Schmid, Desainer Grafis dan Tipografi”]

# 13. Terlalu Banyak Dari Segalanya

Dalam hal desain web, terkadang lebih sedikit lebih baik daripada lebih banyak. Hal ini terutama berlaku untuk blok teks yang besar tetapi juga dapat diterapkan pada gambar. Jika ada terlalu banyak informasi untuk diserap orang tidak akan repot untuk membacanya. Jaga agar informasi tetap sederhana dan ringkas, gunakan gambar dan grafik alih-alih kata-kata jika memungkinkan, dan cobalah untuk tidak memeras terlalu banyak pada satu halaman.

# 14. Merancang Untuk Audiens yang Terlalu Luas

Meskipun Anda ingin produk atau layanan Anda menarik khalayak seluas mungkin, ada bahaya bahwa Anda dapat membuat pesan Anda terlalu luas, dan gagal menarik kelompok atau segmen tertentu. Sebelum merancang situs web Anda, teliti audiens potensial Anda, dan sesuaikan materi dan pesan pemasaran yang mungkin menarik langsung bagi mereka. Menyesuaikan konten dengan audiens target adalah cara pemasaran yang jauh lebih efektif dan akan memastikan lebih banyak konversi daripada mengadopsi pendekatan acak.

#15. Merancang Hanya Untuk Satu Ukuran Layar

Kesalahan umum yang dilakukan banyak desainer web adalah mereka mendesain situs web mereka hanya untuk layar penuh, tanpa memeriksa terlebih dahulu apakah situs web tersebut dapat dilihat di layar yang lebih kecil atau perangkat seluler terlebih dahulu. Ini adalah kesalahan besar. Hampir 70% konsumen saat ini mengkonsumsi media atau melihat halaman web di ponsel cerdas mereka terlebih dahulu, bahkan jika mereka kemudian melakukan pembelian di laptop atau desktop. Jika situs web Anda tidak dioptimalkan untuk semua layar, maka Anda berpotensi membuang sejumlah besar potensi konversi.

#16. Melewatkan Pengujian Pengguna

Pengujian pengguna sangat penting untuk tingkat konversi yang tinggi. Sementara desainer web, staf pemasaran dan penjualan dalam suatu organisasi mungkin memiliki ide bagus tentang apa yang mungkin diinginkan pengunjung, atau bagaimana pengalaman pengguna nantinya, tidak ada pengganti untuk meminta pengguna sebenarnya menguji situs web Anda dan kinerjanya, dan untuk memasukkan umpan balik mereka.

Faktanya, pengujian pengguna harus menjadi proses yang berkelanjutan, bahkan ketika situs telah ditayangkan agar kinerja situs web Anda selalu dioptimalkan.

#17. Terlalu Banyak Pop-up

Pop-up berfungsi. Studi penelitian telah menunjukkan bahwa situs yang menggunakan popup dapat mengalami peningkatan konversi hingga 400%. Mereka efektif karena menarik perhatian orang, dan dapat menyampaikan pesan kunci dalam bentuk yang mudah dicerna.

Masalahnya adalah mereka menghalangi desainer dan mencegah mereka merancang situs web yang dapat diakses dan menarik. Mereka mengambil ruang dan dapat mengganggu konten halaman. Namun, masalah utama dengan pop-up adalah mereka bisa sangat menjengkelkan. Banyak orang lebih suka membaca sendiri atau menikmati pengalaman pengguna tanpa terus-menerus diingatkan tentang gambar atau petunjuk ini.

Jika pop-up akan digunakan, mereka harus digunakan secara bertanggung jawab dan hemat, sehingga mereka memberi tahu pengunjung tanpa membebani atau membombardir mereka.

Ada alasan lain mengapa terlalu banyak pop-up harus dihindari. Sejak Januari 2017, Google mulai menghukum situs yang memiliki terlalu banyak popup yang mengganggu di peringkat pencarian global mereka.

#18. Gunakan Salinan Bentuk Panjang

Salinan bentuk panjang adalah versi internet dari tradisi copywriting lama dan sering digunakan sebagai alat pemasaran untuk mencoba dan menekan pengunjung agar membeli menggunakan teknik seperti penyorotan kuning, tajuk utama merah miring, dan panah berkedip. Itu bisa berhasil dalam keadaan tertentu, seperti menjual kepada prospek dingin yang perlu memecahkan masalah tertentu, karena menyoroti produk tanpa gangguan.

Namun, teknik ini terkait dengan kampanye bayar per klik yang tidak hanya lebih mahal daripada sebelumnya, tetapi juga menyebabkan pengunjung web berhati-hati untuk mengkliknya, karena meningkatnya prevalensi malware dan virus di web. , Dan, yang paling penting dari semuanya, salinan bentuk panjang adalah bentuk iklan yang agresif, dan Anda cenderung mengasingkan lebih banyak pengunjung daripada yang Anda tarik.

#19. Font Sulit Dibaca dan Kontras Warna Buruk

Sayangnya, tidak semua orang memiliki penglihatan yang sempurna dan mampu membedakan corak dan warna yang halus. Bahkan, penyandang tunanetra memiliki masalah membaca teks yang tidak kontras dengan latar belakangnya. Dan pria, khususnya, sering menderita kekurangan warna, terutama dalam membedakan merah dari hijau. Itu berarti bahwa jika Anda menggunakan font yang sulit dibaca atau kontras warna yang buruk di situs Anda, Anda dapat membuat halaman sulit dibaca, dan akan melihat rasio pentalan halaman Anda mulai meningkat.

#20. Hak Pengguna Untuk Privasi

Situs web terus-menerus meminta orang untuk memercayai mereka dengan informasi pribadi yang sensitif. Namun, semakin banyak yang harus diungkapkan oleh pengguna, semakin besar kepentingan yang harus diberikan oleh perancang dan pemilik situs web pada perlindungan data. Oleh karena itu, ketika merancang situs web atau formulir online apa pun yang mengumpulkan informasi pribadi dan hak milik, perusahaan perlu memiliki kebijakan dan prosedur yang jelas tentang bagaimana data pengguna akan dikumpulkan dan disimpan. Hal ini juga perlu dikomunikasikan kepada pengunjung dalam bentuk kebijakan privasi dan syarat dan ketentuan situs web.

Ini juga bukan hanya persyaratan hukum. Kegagalan untuk mematuhi kewajiban mereka di bawah undang-undang seperti GDPR (Peraturan Perlindungan Data Umum) dapat merugikan bisnis, denda ribuan atau bahkan ratusan ribu dolar, dan tuntutan pidana terhadap pemilik perusahaan.

#21. Memberikan Terlalu Banyak Pilihan

Merancang situs web dengan terlalu banyak opsi, terlalu banyak tombol untuk diklik atau matikan dapat menyebabkan kelumpuhan pengguna. Mereka tidak tahu apa yang harus dilakukan selanjutnya, sehingga seringkali berakhir tidak melakukan apa-apa. Prinsip emas dengan desain situs web adalah lebih sedikit lebih banyak.

Kesimpulan

Mungkin sulit untuk menghargai nilai situs web yang dirancang dengan baik untuk bisnis Anda – sampai Anda menyadari bahwa situs yang dirancang dengan buruk atau tidak berfungsi dengan baik dapat merugikan perusahaan atau organisasi Anda dalam hal kehilangan penjualan dan konversi.

Itu berarti situs Anda harus bersih, menarik, ditata dengan baik dan teratur, serta mudah dibaca dan dinavigasi. Itu juga harus cepat, mudah dimuat, dan dapat dilihat di semua perangkat atau ukuran layar. Ingatlah audiens target Anda, hargai bukti sosial, dan ingat prinsip umum bahwa lebih sedikit lebih banyak.

Last but not least, jangan berasumsi bahwa setelah sebuah situs web diluncurkan dan pekerjaan Anda selesai. Jauh dari itu. Sebuah situs web harus terus berkembang, menggabungkan umpan balik pelanggan dan pengguna yang berkelanjutan untuk mencoba dan memastikannya dioptimalkan sejauh mungkin, dan bahwa sebanyak mungkin klik dan konversi tercapai.