Madde7 Markanıza Zarar Veren Kullanılabilirlik Hataları

Yayınlanan: 2022-08-12

Kullanılabilirlik, bir web sitesinin başarısındaki en önemli faktörlerden biridir. Ama çoğu zaman gözden kaçıyor. Tekrar tekrar, şirketlerin en iyi kullanılabilirlik uygulamalarını ihlal ettiğini gördük.

Markanıza zarar verir ve zamanınızın %100'üne zarar verir.

Bu makalede, en yaygın yedi hatayı ele alıyoruz, böylece ne arayacağınızı bileceksiniz ve kullanıcılarınızda kaybetmek yerine iyi niyet oluşturabileceksiniz.

Jason Wolter (Bilgi Mimarı) ve Cynthia Stipeche (Marka Deneyimi Direktörü) ile bu yedi hatayı ve her birinin markanızı nasıl etkilediğini öğrenmek için oturduk.

  • Hata 1: 'Hamburger Menüsü'
  • Hata #2: Ev Bağlantılarını Kullanmamak
  • Hata #3: Arama İşlevi Yok
  • Hata #4: Dönen Karuseller
  • Hata #5: Videoları Otomatik Oynat
  • Hata #6: İki Sütunlu Formlar
  • Hata #7: Yer Tutucu Metni

Hata 1: 'Hamburger' Menüsü

Jason: Büyük silahlarla başlayalım. Yani en büyüğü muhtemelen hamburger menüsü. İnsanlar hamburger menüsünü biraz kullanıyor ama keşfedilebilirlik oranı çok düşük. İnsanlar menüyü her zaman görmezler, özellikle de üç çubuk olduğunda.

Üç çubuk genellikle tanınmaz. İçinde bulunduğumuz işte, hamburger menüsü kullanmak bizim için bir tür ikinci doğa. Ancak saha testlerinde insanlar bu üç çubuğun neyi temsil ettiğini bilmiyorlar. Menüyü daha iyi seçeneğe düşük keşfedilebilirliğe gizler.

Bir hamburger menüsü kullanmanız gerekiyorsa (örneğin, bir mobil cihazda görüntülerken), en iyi uygulama, bunun tıklanabilir bir düğme olduğunu açıkça belirtmek için çevresinde bir çerçeve bulunan 'Menü' yazan bir düğme kullanmaktır. Ancak görünür navigasyonun yerini tutmaz. İdeal olarak, gerçekten gitmek istediğiniz yol budur.

Bir çok ajans daha temiz olduğu için kullanıyor. Ama insanların görmesi zor. Kullanılabilirlik, işleri sorunsuz hale getirmek ve kullanıcıların etkileşim kurmasını kolaylaştırmakla ilgilidir. Ve kullanıcılar, web sitenizle etkileşim kurmak için web sitenizi nasıl kullanacaklarını öğrenmek zorundaysa, geri dönme olasılıkları nedir?

Buna bilişsel yük denir. Boş bir sayfa ile girersiniz, ancak birinin bir şey bulması ne kadar zorsa veya bazı bilgiler için onları ne kadar çok bekletirseniz, sizi terk etmeleri o kadar olasıdır. Çözüm, onlar için çalışan daha basit bir çözüm yaratmaktır.

En önemli kullanılabilirlik hatalarından biridir; hamburger menüsü gitmeli!

Cynthia: Buna biraz bağlam koyacağım. Birçok insan hamburger menüsünü tanımıyor ve testler bunu kanıtlıyor. Ancak aynı zamanda, bir şirketin hedef kitlesine de bağlı olacaktır.

Örneğin, bu bir eğlence veya oyun sitesiyse ve izleyiciler çok daha gençse, bu üç satırın tam olarak ne anlama geldiğini muhtemelen anlayacaklardır. Testten elde edilen en iyi uygulamalar vardır, ancak çoğu zaman bu, çeşitli yaşlardır. İşletmenizin çok sayıda genç müşterisi varsa, bunun tam olarak ne olduğunu bileceklerdir. Şu anda özellikle bir B2B sitesi yapıyorsanız, muhtemelen o hamburger menüsüne yaslanmamalısınız.

Hedef kitleler ve kişiler önemlidir. Herkese hitap eden bir web siteniz varsa, bu büyük bir hatadır. Kullanıcılar hiçbir bağlam ve onlara hitap eden hiçbir bilgi olmadan boğulacaklar. Her sayfanın amacını tanımlamanız gerekir. Tanımlanmamışsa, doğru yapılandırılmamış demektir. Ve doğru yapılandırılmamışsa, düzgün çalışmayacaktır.

Kişiler geliştirdiğinizde ve araştırmaya dayanmadıklarında, hedef kitlenizi başarısızlığa uğratan bir site tasarlayabilirsiniz. Son kullanıcıyı gözlemlemek, son kullanıcıyla konuşmak, müşteriyle konuşmak, kullanılabilirlik ve markanızı web siteniz üzerinden yönetmek için çok önemlidir. Ve bunu yapıyoruz. Hedef kitlemizi ve onların acı noktalarını daha iyi anlamak için müşteri seslendirme çalışmalarını çokça yapıyoruz.

Hedef kitleniz için empati geliştirecekseniz, bunun kökleri gerçek insanlara dayanmalıdır. Varsayımlara değil, gözlemlere dayanmalıdır.

Hata #2: Ev Bağlantılarını Kullanmamak

Jason: Birçok web sitesi, sol üstteki logoya veya marka logosunun olduğu yere tıklarsanız, bunun sizi her zaman ana sayfaya geri götüreceğini bilen insanlara güvenir.

Testler durumun böyle olmadığını gösteriyor.

Pek çok insan bu şekilde gezinebileceğinizi anlamıyor. Bu yüzden insanların yaptığı şey, ana sayfaya geri dönmek için tarayıcılarındaki geri düğmesini tıklamaktır. Bu nedenle, dahili sayfalarda kalıcı bir bağlantıya sahip olmak, kullanıcıların o ana sayfaya geri dönmesi için net bir yol oluşturur. Ve birçok insan bunu görmezden geliyor.

Cynthia: Bazen iç sayfalarda 'Ana Sayfa' yazan bir düğmeyi açıkça getirmek istiyoruz. Bence bu kuşak farklılıklarına dayanıyor. Daha genç bir izleyici, logoya tıklarsam beni eve götürmesini bekleyecektir. Ancak şu anda testler, ana sayfaya geri dönmenin tek yolu olarak logoya sahip olmanın en iyi uygulama olmadığını gösteriyor.

Hata #3: Arama İşlevi Yok ️‍️

Jason: Arama başka bir şey. Arama yoluyla web sitelerinde gezinen bir kullanıcı alt kümesi vardır. Bu nedenle, bir arama seçeneğiniz yoksa veya açıkta kalan bir arama çubuğu veya navigasyonunuzda öne çıkan bir arama düğmesi ile arama seçeneğinizi vurgulamıyorsanız, belirli bir kitleyi yabancılaştırıyorsunuz. Özellikle derin mimariye sahip büyük sitelerde önemlidir. Search Engine Journal tarafından yapılan bir araştırma, kullanıcıların yaklaşık üçte birinin bir web sitesinde hiçbir arama kutusu olmamasından vazgeçtiklerini söylediğini buldu. %40'tan fazlası arama kutusunun bir web sitesindeki en önemli özellik olduğunu söylüyor.

Çıplak minimum, navigasyonunuzdan görsel olarak farklı bir simge olmalıdır. Gözlerinizi kısıp ekranın ortasına baktığınız bir test var. Vizyonunuz bulanıklaşır ve görsel olarak tanımlayabileceğiniz dışarı çıkan öğeleri ararsınız. Bu arama simgesinin gezinme metninden çıktığını görebiliyorsanız, bu mümkün. Ancak yapabileceğiniz en iyi şey, sorgunuzun nereden başlayacağını net bir şekilde görebilmeniz için açıkta bir arama çubuğuna sahip olmaktır.

Cynthia: Diğer sorunum, sitenizde arama yapmayı önerdiğinizde ve ardından insanlara arama sonuçlarını filtrelemek için bir yol vermemenizdir. Veya bir arama işleviniz olsa bile, ortaya çıkan sayfa örneğin dosya türüne göre filtreleme özelliğinden yoksundur. Bilgiyi bulmaya çalışırken kullanıcı için daha fazla sürtüşme yaratır.

Sitelerde arama fonksiyonu ile ilgili bir diğer hata ise sonuç sayfasında tekrar arama yapılamamasıdır. Geçmişte testler yaptık ve daha genç görünen birçok kişinin siteyi aramak veya içerik bulmak için ana menüyü kullanmadığını keşfettik. Doğrudan arama işlevine gittiler.

Navigasyonla uğraşmazlar ve doğrudan aramaya giderler. Google gibi arama motorları aracılığıyla bilgi bulmak için yetiştirilen bir nesil için, web sitenizde arama özelliğiniz çalışmıyorsa, onları kaybedeceksiniz.

Hata #4: Dönen Karuseller

Jason: Otomatik dönen atlıkarıncalar - veya genel olarak atlı karıncalar - çok etkili değil. İnsanlar genellikle onları geçerler. Bu nedenle, yalnızca bir sayfayı tarıyorsanız, bir seçim çerçevesinin dört önemli mesajı olabilir, ancak çoğu insan bunu yalnızca ilkini görecek, çünkü yalnızca içeriğe kaydıracaklar.

Bir otomatik atlıkarınca daha kötüdür. Orada hangi içeriğe sahip olduğunuza bağlı olarak, kullanıcılar gördükleri mesaj üzerinde gerçekten kontrol sahibi değildir. Bu yüzden, önemli mesajlarınızdan biriyle ilgilenebilirler ve daha sonra hepsini tüketemeden önce kayar. Ya da görmüş olabilirler ve geri dönmek isteyebilirler. Sonra yukarı kaydırıyorlar ve orada değil ve tıklayıp bulmaları gerekiyor.

Yani onlara iş yaptırıyorsun. Hangi bilişsel yüke geri döner. Sonra aradıkları mesajı bulduklarında, beş saniye boyunca üzerinde kalıyorlar ve sonra tekrar değişiyor. Geri dönmek için tıklamaları gerekiyor. Bu sadece tam bir karmaşa.

Örneğin, beş referans slaydınız varsa, kullanıcılarınızın %95'i ilkini görecektir. Tıklayıp hepsini görüntülemeye çalışmayacaklar. Ancak bu çok yüksek bir öncelik değil, bu nedenle bazı durumlarda kabul edilebilir.

Gerçekten kötü olan yer, seçim çerçevenizde üç veya dört ana mesajınız ve bir CTA'nız var. Bunlar, gerçekten zorlamaya çalıştığınız kilit mesajlardır ve insanlar onları asla görmez. Dört referansınızdan üçünü görmemeleri sorun değil, ancak dönen bir atlıkarınca kullanıcının önemli mesajları kaçırmasına neden oluyorsa kötüdür.

Cynthia: Tipik olarak veba gibi atlıkarıncalardan kaçınırız ama birçok şirket hala bunları kullanıyor. Kullanıcı hayati bir bilgiyi kaçırabileceğinden, özellikle bir seçim çerçevesi içinde bir anlam ifade etmez. Sayfanın en üstünde olsa bile önemli içerik parçalarını gizlemezseniz muhtemelen daha iyi olur.

Bazı insanlar her şeyi sayfanın üst kısmına sıkıştırmak ister ve tek düşündükleri budur. Ancak seçim çerçevesi içinde bilgi gizliyse, sizin için hiçbir şey yapmıyor.

Hata #5: Videoları Otomatik Oynat

Jason: Pek çok web sitesi seçim çerçevelerinde hareket kullanmayı sever. Bir video olabilir ve sayfaya geldiklerinde video oynatılmaya başlar. Bazı insanlar bundan hoşlanmaz. Hareketi sevmiyorlar ve videoyu görmek istemiyorlar.

Bunu aşmak için bir duraklatma düğmesi eklemek istersiniz. Kullanıcıya, görmek istemezlerse kapatma olanağı veren bir şeye sahip olmak istiyorsunuz. Muhtemelen daha iyi bir uygulama, orada bir görüntüye sahip olmak ve kullanıcıya "Bu videoyu görmek istiyor muyum, istemiyor muyum?" seçeneğini vermek için bir oynat düğmesini gerçekten vurgulamak olacaktır. Sadece üzerlerine itip, görmelerini sağlamıyorsunuz.

Bir sitedeki diğer alanlarda otomatik olarak oynatılan videolar bile, bilgi arayan kullanıcının akışını kesebilir. Bu nedenle, herhangi bir şeyi otomatik olarak oynatmak genellikle iyi bir fikir değildir.

Cynthia: Otomatik oynatılan videolar berbat. Sarsıcı bir deneyim. Bir web sitesini ziyaret etmek ve bir videonun otomatik olarak başlamasını istemezsiniz. Sesi kapalı bir video oynatmak kötü olurdu. Daha da kötüsü, ses açıkken olurdu. İnsanları veba gibi web sitenizden kaçınmaya ikna etmek istiyorsanız, devam edin ve otomatik oynatılan bir video bırakın.

Şimdi, bir parça güçlü video içeriğiniz varsa, muhtemelen o videonun bir bölümünü alır ve pasif bir döngü oluştururum. O zaman senin yüzünde öyle ve belirgin değil. Üç saniyelik bir döngüde oynatılabilir ve tüm videoyu izlemek için bir harekete geçirici mesaj içerebilir. O zaman sizi rahatsız etmiyor ya da atmıyor. Bu noktada, kullanıcıyı "Bunun hakkında daha fazla şey öğrenmek istiyorum" demeye ikna etmek yeterlidir. Onlara seçenek sunuyorsunuz, böylece ses açılıp video oynatılmaya başladığında şaşırmıyorlar. Kullanıcı her zaman kontrol altında olmalıdır. İnsanlar çoğu zaman bunu düşünmezler.

Kullanıcı için empati kurmamız gerekiyor. Peki bunun anlamı nedir? Bir işletmenin kendi hedefleri olacak. Ancak bu, son kullanıcıların ihtiyaç duyduğu şeylerin önüne geçemez. Anahtar soru şudur: “Onların deneyimleri çerçevesinde sunduklarıma en iyi nasıl hizmet edebilirim? Bu nedenle, son kullanıcınızla empati kurduğunuzda, onları siteyi ziyaret etmeye ve hakkında bilgi edinmeye davet edin. Ve daha fazlasını öğrenmek için daldıkça onları destekleyin.

Bu noktada bir iyi niyet duygusu var. Web sitenize, kullanıcı için en iyisini yapmaya çalışmak yerine, doğrudan kârınız için en iyi olanı yapmaya çalışarak yaklaşırsanız, uzun vadede temettü ödersiniz.

Hata #6: İki Sütunlu Formlar

Jason: Sayfanın solunda ve sağında alanlar yerine dikey bir çizgide alanlara sahip olmak çok daha kullanışlı. İnsanlar bir şeyler arasında gezinmeye alışkındır ve sayfada aşağı inmeyi beklerler. İki sütununuz varsa, çok fazla farklı sekme düzeni vardır. Düşüp düşmediğini bilmiyorlar. Sağa mı gidiyor bilmiyorlar. Ne olması gerektiğine dair bir beklenti var ve bu aşağı inmek. Yani birden fazla sütununuz olduğunda bu beklentiyi her zaman karşılayamazsınız. Tek bir sütuna sahip olmak iyidir, böylece insanlar formda aşağı iner.

Two-Column Form Fields

Hata #7: Yer Tutucu Metni

Jason: Yer tutucu metin kullanmak istemiyorsunuz. Yer tutucular, bir kullanıcının oraya koymanız beklenen içeriği anlamasına yardımcı olmak için vardır. Kullanıcı, herhangi bir yer tutucu metin olmadan o alana neyin ait olduğunu söyleyebilmelidir.

Yani etiketlerinizi bu alanın dışında istiyorsunuz. Yer tutucu olarak içeridelerse, tıkladığınızda metin kaybolur. Görevi bırakırsanız, geri dönebilirsiniz ve hangi alanı doldurduğunuzdan emin olamazsınız.

Best Practice for Form Fields

Bu, ekran okuyucularla erişilebilirliği de etkiler. Etiketler, ekran okuyucusu olan bir kullanıcıya bu içeriğin ne olması gerektiğini söyler. Etiket bir yer tutucuysa ve harici talimatlar olarak dahil edilmemişse, insanları ekran okuyucularla karıştırabilir.

En Büyük Hata: İşlevselliğe Karşı Estetik

Estetiğe asla işlevsellikten daha fazla öncelik vermeyin veya tam tersi. Her ikisinin de iyi bir karışımına sahip olmak istersiniz. Bir tasarım trendi uygulamayı düşünüyorsanız, siteniz için anlamlı olduğundan ve doğru amaçla kullandığınızdan emin olun. Bir tasarım öğesi gerçekten harika görünebilir ancak çoğu kullanıcı için pratik değildir. Yani her şeyin işlevsel olduğundan emin olmak istiyorsun.

Markanız itibarınızdır. Web sitenizin kullanımı zorsa, muhtemelen ona onarılamaz bir şekilde zarar verebilirsiniz.