Kimse kötü bir tasarım yaratmak istemez ama yine de her zaman olur. Kötü tasarımın nedeni değişse de, nihai sonuç aynıdır - kötü kullanıcı deneyimi.

Kötü kullanıcı deneyimi kullanıcıları hayal kırıklığına uğratır ve çoğu kez ürünü terk eder. Bu yazıda, kötü UX'e yol açan UI teknikleri kullanılarak kötü tasarımın belirli bir yönüne odaklanacağım.

1. Pop-Ups

Web'deki en rahatsız edici şeyi sormanızı rica edersem, "Pop-up'lar" cevabını verirsin. NN Group'a göre pop-up'lar en nefret edilen web deneyimi Hiç.

Hepimiz bunu biliyoruz. Yeni bir web sitesini ziyaret ediyorsanız, sayfadaki içerik ilgi çekici görünüyor. Okumaya başlıyorsunuz ve sadece metnin yarısına geldiğinizde, bir bültene abone olmanızı veya size bir şey teklif etmenizi isteyen büyük bir yer kaplamasıyla aniden kesintiye uğruyorsunuz. Çoğu durumda, anında tepkiniz ya bindirmeyi kapatacak ya da tüm sayfayı kapatacak ya da kapatacak.

opt6

Esquire web sitesinde kullanılan bir bindirme.

Pek çok sitenin bu tekniği neden kullandığı açık: Reklamverenler bunları ödüyor. Ancak, pop-up tekniği çok yıkıcı ve ziyaretçilere büyük bir olumsuz etkisi var. Her seferinde bir pop-up gösterdiğinizde, kullanıcıların ne yapmak istediklerini yapmalarını (kendileri için önemli olan) durdurmalarını ve ilgilerinin ne yapmak istediğine odaklanmalarını istersiniz (sizin için önemli olan). Bu tür davranışların hemen çıkma oranını artırması şaşırtıcı değildir.

Ziyaretçilerinizi rahatsız etmeden pop-up'ları kullanmak mümkündür. Sadece basit bir kuralı takip edin - doğru zamanda bir pop-up tetikleyin. Örneğin, kullanıcıların bir pop-up göstermeden önce mevcut aktiviteyi bitirmelerine (örneğin, sayfanın sonuna ulaşmalarına) izin vermek daha iyidir. Kullanıcılar sizi (markanız ve sunduğunuz ürünler) öğrenmek için biraz daha zamana sahip olduklarında, yapmak istedikleri şeyi yapmaya istekli olma şansı artar.

Bir diğer önemli bileşen, pop-up'ınızda sahip olduğunuz asıl mesajdır. Harika bir kopya yazmalısın. Kopya, hakaret, kandırmaca veya kafa karıştırıcı olmamalıdır. Waitbutwhy daha da ileri gidip mizahı kendi metinlerine dahil edin:

opt1

Ziyaretçiler, kopyayı Waitbutwhy'dan okuduğunda , onları gülümsetiyor.

Tüm sayfayı kapsamayan ve dönüşüm açısından benzer sonuçlar üreten, kaydırma çubukları gibi daha az engelleyici araçlar olduğunu söylemeye değer.

2. Sonsuz Kaydırma

Sonsuz kaydırma, kullanıcıların görülemez bir bitiş çizgisi olmadan büyük miktarda bilgiyi kaydırmasını sağlayan bir tekniktir. Sayfalar aşağı kaydırırken sayfa sadece ferahlatıcı tutar. Teknik, mobil cihazların çağında popüler hale geldi (kaydırma, küçük bir ekrana tıklamaktan çok daha rahattır). İlk bakışta, bu teknik birçok sorun için mükemmel bir çözümdür - daha az çaba gerektirir ve içerik anlayışını olabildiğince kolaylaştırır (tüm kullanıcıların yapması gerekenler kaydırma yapmaktır). Bununla birlikte, her site veya uygulama için tek bedenli bir çözüm değildir.

Tekniğin ana dezavantajı aynı zamanda birincil avantajıdır: görünürde bitiş çizgisi yoktur. Kullanıcılar akışta belirli bir noktaya ulaştıklarında, konumlarına yer işareti koyamaz ve daha sonra tekrar gönderemezler (bildirim, belirli bir öğe değil, konum anlamına gelir). Dolayısıyla, siteden ayrılırlarsa (örneğin, bir cihazdan diğerine geçersek) tüm ilerlemelerini kaybederler ve aynı noktaya geri dönmek için tekrar aşağı kaydırmaları gerekir. Kaydırma pozisyonunu belirleyememe genellikle kullanıcıları rahatsız eder ve genel kullanıcı deneyimini acıtır.

2012 yılında el yapımı ya da klasik ürünlere odaklanmış bir e-ticaret sitesi olan Etsy, ürün sayfaları için paftaları denedi. Sonsuz bir kaydırma arabirimi uyguladılar ve yeni arabirimin sayfalama ile önceki bir sürümde iyi performans göstermediğini gördüler. Bir takım satın alımlar aynı kalsa da, kullanıcı etkileşimi azaldı .

Etsy'nin örneği bize ne anlatıyor? Her tasarım kararında, tasarımlarımıza dahil edilmeden önce artıları ve eksileri tartmamız gerektiğini söyler. Sonsuz kaydırmadan bahsetmişken, Twitter / Instagram gibi bir şey için, kullanıcıların özellikle herhangi bir şey aramadan sonsuz bir veri akışını taramaktan memnun oldukları iyi bir şekilde çalışıyor.

3. Push Bildirimleri

Çeşitli uygulamalardan günlük olarak aldığınız bildirim sayısına dikkat ettiniz mi? Bu bildirimlerden kaç tanesini gerçekten önemsiyorsunuz? Çok fazla değil sanırım.

Her gün, bizi yaptığımız şeyden uzaklaştırmaya yarayan faydasız bildirimlerle bombalanıyoruz. Bizi kızdırıyorlar.

opt5

Akış hizmeti, her kullanıcının yeni bir gösterisinin yayınlandığı her seferde bir bildirim gönderir.

Aslında, rahatsız edici bildirimler, kullanıcıların mobil uygulamaları kaldırmasının bir numaralı nedenidir (anket katılımcılarının% 71'ine göre).

İtme bildirimi güçlü bir araçtır, ancak diğer araçlarda olduğu gibi, iyi veya kötü için kullanılabilir. Kullanıcılar uygulamanızı kullanmaya başladığında, bildirimler gerçek değeri teslim ettiği sürece bildirimler almazlar. Kullanıcılarınız için faydalı, alakalı ve zamanında olmak üzere bildirimlerin tasarlanması önemlidir. Kişiselleştirilmiş içerik mükemmel kullanıcı deneyiminin anahtarıdır. Doğru mesajı doğru kişiye doğru zamanda teslim ettiğinizde, itme bildiriminiz kişiyi harekete geçmeye iten güçlü bir tetikleyici olur.

opt3

Netflix, mesajlarını onları alan kişiye kişiselleştirmek için harika bir iş çıkarır.

4. Hit Hijack

Ele geçirilen kaydırma, birçok kullanıcının en sinir bozucu şeylerinden biridir ve onlardan uzaklaşmayı kontrol eder ve kaydırma davranışını tamamen tahmin edilemez hale getirir. Bir web sitesi tasarlarken, çoğu durumda, kaydırma ele geçirme işleminden kaçınmak ve kullanıcının siteye göz atma ve hareketlerini kontrol etmesini sağlamak daha iyidir. Ancak bazı nadir durumlarda, kaydırma ele geçirme, kullanıcılarınız için iyi sonuç verebilir. Örneğin, Tumblr bu tekniği kendi sayfalarında kullanarak bilgi yığınları halinde sunar.

opt2

Tumblr, içeriklerde içerik sağlamak için kaydırma ele geçirme özelliğini kullanır.

Sonuç

Bu makalede sözü edilen tüm tekniklerin kendi başına kötü olmadığını söylemek gerekir. Kullanıcılar sadece tasarımcıların onları körü körüne dahil ettiğinde onlardan nefret eder. Web sitenizdeki veya uygulamanızdaki her teknik veya desen, akıllıca ve bir miktar ılımlılıkla kullanılmalıdır.