İşinize Ağır Maliyetler Getiren 21 Ortak Kullanıcı Arayüzü (UI) Tasarım Hataları

Günümüzde tüketiciler, özellikle dijital dünya söz konusu olduğunda, her zamankinden daha talepkar. Bir web sitesinde gezinirken saniyeler içinde yüklenen ve onların katı standartlarını karşılamayan bir şey bulurlarsa gözleriyle oy verecekleri çekici tasarımlı, sezgisel bir arayüz bekliyorlar.

Aslında, geniş bir endüstri yelpazesinde toplanan istatistikler şunları göstermektedir:

• Ziyaretçilerin %38'i, temel düzeni veya içeriği çekici bulmazlarsa bir web sitesinden ayrılacaktır.
• İnsanların %47'si bir web sayfasının iki saniyeden kısa sürede yüklenmesini bekliyor;
• İnsanların büyük çoğunluğu (%95), herhangi bir web sitesinin en önemli unsurunun kullanıcı deneyimi (UX) olduğuna inanır; ve
• Web tasarımının kalitesi düşerse, insanların %94'ü bir web sitesine güvenmeyi veya kullanmayı tamamen bırakacaktır.

Web sitelerini çevrimiçi pazarlama stratejilerinin ayrılmaz bir parçası olarak gören birçok işletme, kötü kullanıcı arayüzü tasarımının sayfa görüntüleme, tıklama ve dönüşüm oranları açısından kendilerine yüksek maliyetler getirebileceğinin farkında olmayabilir.

İşte 21 Yaygın UI Tasarım Hatası

#1. Dağınık Düzen

Kullanıcılar çok dağınık olan web sitelerini çok sinir bozucu buluyor. Görsel düzenden yoksundurlar ve en önemli unsurların hangileri olduğunu ve dikkatlerini nereye odaklamaları gerektiğini anlamakta zorlanırken insanları bunaltabilirler. Tipik olarak, bir web sitesi sayfası aşağıdaki durumlarda dağınık görünebilir:

• Ekranda çok fazla içerik – özellikle metin – var;
• İçeriğin nasıl görüntülendiğine dair herhangi bir mantık veya düzen yok; ve
• Görsel tasarım çekici değil veya renkler ve yazı tipleri çok keskin bir şekilde çakışıyor.

[Tweet ““Web tasarımı sadece güzel düzenler oluşturmaktan ibaret değildir. Bu, işinizin arkasındaki pazarlama sorununu anlamakla ilgilidir. - Muhammed Saad ””]

Bir sayfada nerede veya neyi arayacağınızı bilmemek, ziyaretçilerin yönünü değiştirmesine neden olabilir, bu da kayıp bir satış veya potansiyel dönüşüm anlamına gelebilir.

“Sık sık gördüğüm bir hata, tasarım aşamasında özgün içerik kullanmamak. Metin (örnek olarak) modern tasarımlarda önemli bir rol oynar, ancak ürün piyasaya sürüldükten sonra mükemmel metin örnekleri gerçek içerikle değiştirilir. Uyum burada sona erer ve çeşitli sorunlar ortaya çıkar: sığmayan uzun cümleler, yanlış hizalanmış etiketler, satırlar arasındaki boşluklar ve dağınıklık (ve bu, yerelleştirme zorluklarına bile girmeden önce).”
– Gil Bouhnick, Missbeez'in CTO'su ve Kurucu Ortağı ve Mobile Spoon'un sahibidir. Onu Twitter'da takip edin @GilBouhnick

#2. Davetsiz CTA'ları (Harekete Geçirici Mesaj)

Muhtemelen, CTA (Harekete Geçirici Mesaj) düğmeleri, herhangi bir açılış sayfasındaki en önemli unsurdur. Rastgele bir ziyaretçiyi bir web sitesine potansiyel bir müşteriye dönüştüren cihazlardır. Bu nedenle, ziyaretçilerin ister bir ürün sayfasına, alışveriş sepetine veya ödeme tesisine yönlendirmek olsun, istediğiniz işlemleri doğrudan gerçekleştirmeleri için CTA düğmelerinin belirgin, çekici ve kullanımı kolay olması hayati önem taşır. .

[Tweet ““Önemli bir eylem çağrısına uymak olumlu faydalar sağlar.” ― Sherry K. White, Babanın Zenginliklerinde Yürümek: Oğulluğun Refahı”]

CTA düğmelerinin etkili olup olmadığını değerlendirirken işletmelerin kendilerine şu soruları sorması gerekir:

• CTA açık ve net mi? Eylem odaklı mı ve ziyaretçide bir aciliyet duygusu uyandırıyor mu?
• Düğme sayfada doğru yere mi yerleştirildi? Kolayca yerleştirilebilir mi? ve
• Kullanımı ne kadar kolay? Sayfanın geri kalanından sıyrılıyor ve ziyaretçinin dikkatini çekiyor mu?

#3. Sezgisel Olmayan Gezinme

Bir web sitesi organize edilmeli ve gezinmesi kolay olmalıdır. Bu, birbiriyle açıkça ilişkili olan ve açık ve net bir şekilde ifade edilen başlıklar ve alt başlıklar ile takip edilmesi kolay bir hiyerarşi ve mantıksal bir sıraya sahip olması gerektiği anlamına gelir.

[Tweet ““İnsanın ahlaki pusulası, içgüdünün hayatı yönlendirdiği dünyalarda henüz çalışmıyor.” ― Toba Beta, Benim Atam Kadim Bir Astronottu”]

Her zaman bir menü sağlayın ve kullanıcıların bulmayı bekledikleri yere yerleştirin - kenar çubuğu olarak sayfanın sol tarafında dikey olarak veya sayfanın üst kısmında yatay olarak. Ve menünüze çok fazla öğe eklemeyin - önerilen miktar altı veya daha az.

Navigasyon, ortalama bir kullanıcı için sezgisel olmalıdır - çok karmaşık bulurlarsa veya nereye bakacaklarını bilmiyorlarsa, başka bir yere gideceklerdir.

#4. Genel Görüntü

Genel görüntüler, ürün veya hizmetleri satmak veya tanıtmak için stok fotoğraflarının ve diğer açıkça sahte görüntülerin kullanılmasıdır. Bu tür resimlerle ilgili sorunlar iki yönlüdür - yalnızca resimlerin kendisi gerçek değil, aynı zamanda geneldir - aynı resimler birden fazla web sitesinde bulunabilir.

Bir resim, söylenen binlerce kelimeyi ve güçlü bir pazarlama aracı olabilen, bir müşteride bir duygu veya güven ve hatta refah yaratan iyi bir çekici imajı boyar. Ancak genel bir imaj, bu güveni hemen sarsar.

#5. Sosyal Kanıt Yok

Sosyal kanıt, insanların toplum tarafından beğenilmek veya kabul edilmek için normlara uyacağı fikridir. Tüketiciler kendilerini iyi hissettiren ürünler satın alırlar, ancak yaptıklarının doğru şey olduğuna dair nedenler ararlar. Bu, satın alma kararı verirken onlara rehberlik etmesi için çevrimiçi ürün incelemelerine, referanslara ve güven simgelerine baktıkları anlamına gelir.

Araştırmalar, insanların %85'inin satın alma kararı vermeden önce çevrimiçi yorumları okuyacağını göstermiştir. Satın alma sürecinin değerli bir parçası olarak hareket ederler.

[Tweet ““İnsan sosyal bir varlıktır; Sosyal kanıtları sevmemiz şaşırtıcı değil, markaları hızlı satıyor” ― Bernard Kelvin Clive”]

Web sitenizde önceki veya mevcut müşterilerden çevrimiçi incelemeler veya referanslar yoksa, sosyal kanıt yoktur ve ziyaretçilerin satış yapma olasılığı çok daha düşüktür.

#6. Stil Rehberinin Yokluğu

Stil kılavuzu, bir web sitesinin biçimlendirmesi ve tasarımı için bir dizi görsel standarttır. Farklı yazı tipleri ve metin boyutları, renkler veya boyutlar veya farklı stillerin kullanımı gibi tutarsızlıklardan kaçınmaya yardımcı olarak, bir site genelinde tasarımın tekdüzeliğini sağlarlar.

En iyi uygulama, bir UI tasarımcısının, bir web sitesinin özetini anladıktan sonra, ancak tek tek sayfaları tasarlamaya başlamadan önce Stil Rehberini oluşturmasını önerir. Bu, yalnızca tutarlılığı sağlamakla kalmaz, aynı zamanda onlara çok zaman kazandırır - grafik öğelerin çoğu zaten var olacaktır ve sıfırdan oluşturulması gerekmez.

#7. Metin ve Grafik/Görüntü Oranı

Çok fazla metin ve çok az resim veya grafik içerik, bir web sitesinin kullanıcı deneyimini bozabilir. Bazı uzmanlar en az %60 metin ve en fazla %40 grafik veya resim önermesine rağmen, doğru dengenin ne olduğuna dair kesin bir formül yoktur.

En İyi Uygulama Önerileri:

• İşletmeniz için anlamlı olan dengeyi bulun;
• Mesajınızın gövdesinde yeterli metin kullanın, böylece izleyiciler onları boğmadan tüm önemli noktaları alabilir;v
• Web sitelerini mobil cihazlarda görüntüleyen kişiler için daha yoğun bir görsel kullanımını benimseyin, çünkü bu görsellerin görüntülenmesi metin yığınlarından daha kolaydır;
• İş için en uygun yapılandırmayı belirlemek için metin-görüntü oranlarını sürekli olarak test edin.

#8. Yavaş Sayfa Yükleme Hızı

Tasarımınızın geri kalanı ne kadar iyi olursa olsun, web sayfalarınızın yüklenmesi çok uzun sürerse, otomatik olarak trafiğinizin çoğunu kaybedersiniz. Araştırmalar, insanların %47'sinin bir web sayfasının iki saniye veya daha kısa sürede yüklenmesini beklediğini göstermiştir. Aynı çalışma, sayfa yükleme sürelerinde yalnızca bir saniyelik gecikmenin işletmelere maliyetini de gösterdi - %11 daha az sayfa görüntüleme ve %7 daha az dönüşüm.

Ayrıca sayfa yükleme hızı, Google ve diğer arama motorlarındaki sıralamaları da etkiler.

[Tweet "Mobil internet kullanıcılarının %73'ü, yüklenmesi çok yavaş olan bir web sitesiyle karşılaştıklarını söylüyor." - Neil Patel”]

#9. Kullanıcıyı Düşündürmek

Bir işletme için bir web sitesinin amacı, öncelikle bir pazarlama aracı olarak hareket etmektir. Ne sattığınızı, ne kadara mal olduğunu ve mümkün olduğunca basit ve özlü bir şekilde nasıl elde edeceğinizi açıklamalıdır. Nihai hedef, bir web sitesi ziyaretçisini olabildiğince hızlı ve acısız bir şekilde müşteriye dönüştürmektir.

Bununla birlikte, bir kullanıcının kararı düşünmesi veya kendileri için bir şeyler yapması gerekiyorsa, fikrini değiştirme ve başka bir yere gitme olasılıkları vardır. Kullanıcı deneyimini kendileri için düşünmek zorunda kalmamaları için onlar için sorunsuz ve kusursuz hale getirin.

#10. Kendiniz İçin Tasarlamak

Birçok web tasarımcısının yaptığı yaygın bir hata, son kullanıcıyı düşünmeden kendileri için tasarım yapmaktır. Bu sadece keyfine düşkün olabilir ve bir sitenin potansiyel ziyaretçisinin sahip olacağı ihtiyaç ve gereksinimleri karşılamayabilir. Bunun yerine, bir web tasarımcısı, tasarımın her şeyden önce kullanıcı açısından optimize edilmesini sağlamak için pazarlama ve satış ekipleriyle yakın çalışmalıdır. Ve web siteleri daha sonra gerçek kullanıcılar üzerinde test edilmeli ve geri bildirimlerine göre değiştirilmelidir.

#11. Çok Boş Durumlar

UI terimleriyle boş bir durum, bir web sitesini ziyaret edenin ekranda görüntülenecek veri olmadığında gördüğü durumdur. Bunun çeşitli nedenleri olabilir: bir kullanıcı yeni kaydolmuştur; verileri kendileri temizlediler veya bir hata oluştu.

Boş bir durum kendi başına kötü bir şey değildir - izleyiciye bunun ne için olduğunu, onu neden gördüklerini ve onu nasıl doldurabileceklerini söylemek için kullanılabilirler.

Bununla birlikte, daha sonra ne olması gerektiğine dair herhangi bir rehberlik sağlanmadığı takdirde izleyiciler için de sinir bozucu olabilir. Bu nedenle, çok boş bırakılmamaları, ancak sonraki adımları öneren bir resim, simge veya metin bloğu ile doldurulmaları önerilir.

#12. Tipografi Hiyerarşisinin Eksikliği

Herhangi bir tasarım projesinde görsel hiyerarşi önemlidir: İnsanlara bir ekranda nereye ve nelere bakacaklarını söyler. Tipografideki hiyerarşi, bir tasarımdaki metin öğelerini düzenler ve düzenler. Okuyucuya neyin önemli olduğunu söyler ve okumayı çok kolaylaştırır. Onsuz, ziyaretçiler kaybolabilir veya dikkati dağılabilir ve önemli mesajları kaçırabilir veya hüsrana uğrayıp bir siteyi tıklayabilir.

[Tweet ““Tipografinin duyulabilir olması gerekiyor. Tipografinin hissedilmesi gerekiyor. Tipografinin deneyimlenmesi gerekiyor.” — Helmut Schmid, Grafik Tasarımcı ve Tipograf”]

#13. Her Şeyden Çok Fazla

Web tasarımı söz konusu olduğunda, bazen daha azı çoktan iyidir. Bu özellikle büyük metin blokları için geçerlidir, ancak resimler için de geçerli olabilir. Çok fazla bilgi varsa, insanlar onu okumaya zahmet etmeyecektir. Bilgileri basit ve özlü tutun, mümkünse kelimeler yerine resimler ve grafikler kullanın ve herhangi bir sayfada ikisini de çok fazla sıkıştırmamaya çalışın.

#14. Çok Geniş Bir Kitle İçin Tasarlama

Ürünlerinizin veya hizmetlerinizin mümkün olduğunca geniş bir kitleye hitap etmesini isteseniz de, mesajınızı çok geniş hale getirme ve belirli bir grup veya kesime hitap edememe tehlikesi vardır. Web sitenizi tasarlamadan önce, potansiyel kitlenizi araştırın ve doğrudan onlara hitap etmesi muhtemel materyal ve pazarlama mesajlarını uyarlayın. İçeriği bir hedef kitleye uyarlamak, pazarlamanın çok daha etkili bir yoludur ve rastgele bir dağılım tabancası yaklaşımı benimsemekten çok daha fazla dönüşüm sağlayacaktır.

#15. Sadece Bir Ekran Boyutu İçin Tasarlama

Birçok web tasarımcısının yaptığı yaygın bir hata, web sitelerini önce küçük ekranlarda mı yoksa mobil cihazlarda mı görüntüleneceğini kontrol etmeden yalnızca tam ekranlar için tasarlamalarıdır. Bu büyük bir hata. Günümüzde tüketicilerin yaklaşık %70'i, alışverişlerini daha sonra bir dizüstü bilgisayar veya masaüstü bilgisayarda yapsalar bile, önce akıllı telefonlarında medya tüketiyor veya web sayfalarını görüntülüyor. Web siteniz tüm ekranlar için optimize edilmemişse, potansiyel olarak çok sayıda potansiyel dönüşümü atıyorsunuz demektir.

#16. Kullanıcı Testini Atlamak

Kullanıcı testi, yüksek dönüşüm oranları için hayati önem taşır. Bir kuruluştaki web tasarımcıları, pazarlama ve satış personeli, ziyaretçilerin ne isteyebileceği veya kullanıcı deneyiminin nasıl olacağı konusunda iyi bir fikre sahip olsa da, gerçek kullanıcıların web sitenizi ve performansını test etmelerini ve web sitenizi test etmelerini sağlamanın yerini hiçbir şey tutamaz. onların geri bildirimi.

Aslında, bir site yayına girdiğinde bile, web sitenizin performansının her zaman optimize edilmesi için kullanıcı testi sürekli bir süreç olmalıdır.

#17. Çok Fazla Pop-up

Pop-up'lar çalışıyor. Araştırma çalışmaları, pop-up kullanan sitelerin dönüşümlerde %400'e varan artış yaşayabileceğini göstermiştir. Etkilidirler çünkü insanların dikkatini çekerler ve temel mesajları kolayca sindirilebilir bir biçimde iletebilirler.

Sorun şu ki, tasarımcıların önüne geçiyorlar ve erişilebilir ve çekici web siteleri tasarlamalarını engelliyorlar. Yer kaplarlar ve sayfa içeriğine müdahale edebilirler. Ancak, pop-up'larla ilgili temel sorun, aşırı derecede rahatsız edici olabilmeleridir. Birçok kişi, bu görüntüler veya istemler sürekli olarak hatırlatılmadan kendileri için okumayı veya kullanıcı deneyiminin keyfini çıkarmayı tercih eder.

Pop-up'lar kullanılacaksa, sorumlu ve tutumlu bir şekilde kullanılmalıdır, böylece ziyaretçileri boğmadan veya bombalamadan bilgilendirirler.

Çok fazla açılır pencereden kaçınılmasının başka bir nedeni daha var. Ocak 2017'den itibaren Google, küresel arama sıralamalarında çok fazla müdahaleci açılır pencereye sahip siteleri cezalandırmaya başladı.

#18. Uzun Biçimli Kopyalama Kullan

Uzun biçimli bir kopya, eski bir metin yazarlığı geleneğinin internet versiyonudur ve genellikle sarı vurgulama, eğri kırmızı başlıklar ve yanıp sönen oklar gibi teknikleri kullanarak ziyaretçileri satın almaya zorlamak için bir pazarlama aracı olarak kullanılır. Belirli bir sorunu çözmesi gereken soğuk müşterilere satış yapmak gibi belirli durumlarda başarılı olabilir, çünkü ürünü herhangi bir dikkat dağıtmadan öne çıkarır.

Bununla birlikte, bu teknikler, yalnızca bir zamanlar olduğundan daha pahalı olmakla kalmayıp, aynı zamanda web'de kötü amaçlı yazılım ve virüslerin artan yaygınlığı nedeniyle web ziyaretçilerinin tıklama konusunda temkinli olmalarına neden olan tıklama başına ödeme kampanyalarıyla ilişkilidir. , Ve hepsinden önemlisi, uzun biçimli kopya, agresif bir reklam biçimidir ve muhtemelen çektiğinizden daha fazla ziyaretçiyi uzaklaştırırsınız.

#19. Okunması Zor Yazı Tipleri ve Zayıf Renk Kontrastı

Ne yazık ki, herkes mükemmel bir görüşe sahip değildir ve ince tonları ve renkleri ayırt edemez. Aslında, görme bozukluğu olan kişiler, arka planıyla kontrast oluşturmayan metinleri okumada sorun yaşarlar. Ve özellikle erkekler, özellikle kırmızıları yeşillerden ayırt etmede, genellikle bir renk eksikliğinden muzdariptir. Bu, sitenizde okunması zor yazı tipleri veya zayıf renk kontrastları kullanıyorsanız, sayfaları okumayı zorlaştırıyor olabilirsiniz ve sayfa hemen çıkma oranınızın artmaya başladığını göreceksiniz.

#20. Kullanıcının Gizlilik Hakkı

Web siteleri sürekli olarak insanlardan hassas, kişisel bilgiler konusunda kendilerine güvenmelerini ister. Ancak, bir kullanıcının ifşa etmesi gereken şey ne kadar fazlaysa, web sitesi tasarımcısının ve sahibinin veri korumasına vermesi gereken önem o kadar büyük olur. Bu nedenle, özel, tescilli bilgileri toplayan bir web sitesi veya herhangi bir çevrimiçi form tasarlarken, şirketlerin kullanıcı verilerinin nasıl toplanacağı ve saklanacağı konusunda açık politikalara ve prosedürlere sahip olması gerekir. Bunun ayrıca bir gizlilik politikası ve bir web sitesinin hüküm ve koşulları şeklinde ziyaretçilere iletilmesi gerekir.

Bu sadece yasal bir zorunluluk da değildir. GDPR (Genel Veri Koruma Yönetmeliği) gibi mevzuat kapsamındaki yükümlülüklerine uyulmaması, işletmelere binlerce, hatta yüz binlerce dolar para cezasına ve şirket sahiplerine karşı cezai suçlamalara mal olabilir.

#21. Çok Fazla Seçenek Sağlamak

Çok fazla seçenekli, tıklanacak çok fazla düğmeli veya geçişli bir web sitesi tasarlamak, kullanıcının felce uğramasına neden olabilir. Daha sonra ne yapacaklarını bilmiyorlar, bu yüzden çoğu zaman hiçbir şey yapmıyorlar. Web sitesi tasarımının altın ilkesi, daha azının daha fazla olmasıdır.

Çözüm

İyi tasarlanmış bir web sitesinin işletmeniz için değerini anlamak zor olabilir - kötü tasarlanmış veya iyi çalışmayan bir sitenin satış ve dönüşüm kaybı söz konusu olduğunda şirketinize veya kuruluşunuza çok pahalıya mal olabileceğini anlayana kadar.

Bu, sitenizin temiz, çekici, iyi düzenlenmiş ve düzenli olması, okunması ve gezinmesi kolay olması gerektiği anlamına gelir. Ayrıca hızlı, yüklenmesi kolay ve tüm cihazlarda veya ekran boyutlarında görüntülenebilir olması gerekir. Hedef kitlenizi aklınızda tutun, sosyal kanıtlara değer verin ve daha azının daha çok olduğu genel ilkesini hatırlayın.

Son fakat kesinlikle en az değil, bir kez bir web sitesi başlattı ve işinizin bittiğini varsaymayın. Ne münasebet. Bir web sitesi sürekli olarak gelişmeli, mümkün olduğunca optimize edilmesini ve mümkün olduğunca çok tıklama ve dönüşüm elde edilmesini sağlamak için sürekli müşteri ve kullanıcı geri bildirimlerini içermelidir.