7 Kullanıcı Deneyimi web sitenizi geliştirmek için hızlı kazanımlar 30 Ağu 2016

Bir dijital pazarlamacı olarak sürekli olarak web sitenizin optimizasyonu üzerinde çalışıyorsunuz. Web istatistikleri aracılığıyla, siteden kaç ziyaretçinin ve nerede ayrıldığı hakkında fikir edinmek istersiniz. İstatistikler, insanların neden ayrıldığına dair her zaman fikir vermez. Çevrimiçi araştırma ve özellikle gerçek zamanlı geri bildirim toplama, ziyaretçinin amaçları hakkında birçok değerli bilgi sunabilir.

Mopinion'daki görevimden dolayı müşterilerimizin aldığı geri bildirimlerin analizini sık sık yaparım. Bu analizler, kullanıcı deneyimi açısından hala kazanılacak çok şey olduğunu gösteriyor. Bu blogda, web sitenizin kullanıcı deneyimini geliştirmek için hızlı kazançlar elde etmek için bir pazarlamacı olarak kullanabileceğiniz yedi odak noktası sunacağım.

---

ÜCRETSİZ DENEMEYE BAŞLAYIN!

Mopinion'u Şimdi Deneyin

• Sınırsız geri bildirim toplayın
• ■
• 14 günlük ücretsiz deneme

---

İpucu 1: Sayfanın yüklenme süresi

Bu bariz bir nokta gibi görünüyor. Ancak, müşterilerimiz için topladığımız geri bildirimlere göre, oldukça sıkıcı görünüyor. Sadece sık sık bahsedilmekle kalmıyor (bazı durumlarda alınan geri bildirimin yaklaşık %30'u), aynı zamanda sıkıntı ölçerde çok yüksek puanlar alıyor. Özellikle promosyon odaklı veya aylık döngülerle çalışan firmalar için ziyaretçi sayısında belirli zirvelerle uğraşmakta zorlandıklarını görebilirsiniz. Örneğin, ayın belirli anlarında birçok mutasyonu işlemek zorunda olan piyango veya ipotek sağlayıcılarının çizimlerini düşünün.

Buna ek olarak, daha karmaşık çevrimiçi araçların (örneğin bir otomotivdeki araç konfigüratörünün) internet bağlantısından çok fazla bant genişliği talep ettiğini veya bilgisayarın veya başka bir cihazın görüntü işlemesi üzerinde bir etkisi olduğunu sıklıkla gösterir. Elbette bu tür araçlar ziyaretçi için katma değer sunabilir, ancak aynı zamanda sürecin hızlı ve sorunsuz yürümemesi durumunda da risk oluşturur.

Barındırma
Şunu düşünebilirsiniz: Bu konuda ne yapabilirsiniz? İlk adım, yeterli bant genişliğine sahip olup olmadığınızı kontrol etmektir. Amazon veya Rackspace tarafından bulut barındırma gibi esnek ve ölçeklenebilir barındırma çözümlerine bir göz atın. En fazla ziyaretçi sayısına sahip olduğunuz alanı haritalayın ve bu alanda Pingdom veya Google Pagespeed gibi doğru izleme araçlarını çalıştırdığınızdan emin olun. BT departmanı ile görüştüğünüzde ne hakkında konuştuğunuzu bildiğinizden emin olun…

Varlıklar
Kullandığınız varlıklarda eve daha yakın bir çözüm bulunabilir. Yahoo'ya göre resim, css ve javascript gibi trafik sıkışıklıkları, sayfanın yüklenme süresinin %80'ini belgeliyor. Bu nedenle, gereksiz gereksiz dosyaları yüklemediğinizden ve gerekli dosyaların küçültüldüğünden ve doğru şekilde sıkıştırıldığından emin olun.

Ayrıca sık sık widget'ların ve eklentilerin gereksiz yerlere yüklendiğini gösterir. Bu nedenle, neye ihtiyacınız olduğunu ve nerede ihtiyacınız olduğunu dikkatlice kontrol edin. Belirli bir araç için yalnızca 1 sayfada bir eklentiye ihtiyacınız olduğunda, başka yerlere yüklemeniz gerekmez.

Önbelleğe alma da bir çözüm sunabilir. Ziyaretçinin çoğu zaman aynı varlıkları gereksiz yere yüklemek zorunda kalmamasını sağlayan araçlara bir göz atın. Web siteniz bilinmeyen bir çerçeve veya CMS, örneğin WordPress üzerinde çalıştığında, genellikle W3 Total Cache gibi eklentiler biçiminde kullanılabilen önbelleğe alma seçenekleri vardır.

İpucu 2: Oturum açma prosedürü

Ne yazık ki, giriş sorunları hala gündemde. Çevrimiçi hizmet sunumu, birçok şirket için mevcut ve yeni müşterilerle günlük iletişimin önemli bir parçasıdır. Örneğin alışveriş ortamında veya benim ortamımda hizmet sunumunu kullanmak için düzenli olarak oturum açtığınız tüm internet mağazalarını, bankaları, enerji şirketlerini ve telekom sağlayıcılarını bir düşünün.

İşlediğimiz geri bildirimlerin büyük bir kısmı (yaklaşık %5) giriş prosedürüyle ilgili sayfalardan gelmektedir.

Ne yazık ki, birçok insan çok sayıda kullanıcı adını ve şifreyi hatırlamakta güçlük çekiyor. İnsan faktörü dışında, oturum açma prosedürü sırasında hala birçok şey yanlış gidiyor. Birçok kişi için bir e-posta adresiyle çalışmak, ayrı bir kullanıcı adını hatırlamaktan daha kolaydır. Karmaşık müşteri numaralarını veya kişisel adları kullanmaktan kaçının.

Yeniden yüklemeyi durdur
Ön uçta doğrulamaların kullanılması, daha fazla kullanım kolaylığı sağlayabilir (bu nedenle, sunucu/veritabanı üzerinden değil, doğrudan tarayıcıda, örneğin Javascript ve/veya Ajax aracılığıyla bilgi toplama). Avantajı, sayfanın yeniden yüklenmesi gerekmemesidir. Örnek: e-posta adresi olarak ".com" yerine yanlışlıkla "[email protected]" yazan bir müşteri.

Bir Javascript veya Ajax doğrulaması ile, kullanıcıya e-posta adresinin yanlış girişi hakkında anında geri bildirim sağlayabilirsiniz. Bu tür hileleri uygulayarak kullanıcının oturum açmasını kolaylaştırırsınız. Daha da büyük bir sıkıntı, yanlış bir girişten sonra tüm alanların tamamen boş olması ve her şeyin yeniden doldurulması gerektiğidir.

Yine bir şey mi unuttun…?
Bir sonraki engel genellikle unutulmuş bir parolanın toplanmasıdır. Kullanıcılara şifreyi sıfırlama veya e-posta ile başvurma imkanı vermek aşağı yukarı standart hale geldi. Bu seçeneği yalnızca, kullanıcı gerçekten yanlış giriş yapmayı denedikten sonra göstermek güzel görünebilir.

Son olarak: hata mesajı. Birçok kullanıcı için bir şeylerin ters gitmesi yeterince can sıkıcıdır. “Geçersiz şifre” gibi robot benzeri mesajlardan kaçınmaya çalışın. İletişim bölümündeki o güzel meslektaşınızı bir ziyaret edin… Firmanın ses tonuna uygun harika bir alternatif alabilirsiniz. Yukarıdaki mesaj için bir öneri: ”Yanlış şifre girmiş gibisiniz.” Zaten kulağa çok daha dostça geliyor, değil mi?!

3. İpucu: Formlar

Muhtemelen çok tanınabilir: bir seçim yaptınız, filtreler ayarladınız veya bir forma veri girdiniz ve sonraki sayfada her şey gitti ve aynı bilgileri tekrar yazmanız gerekiyor. Sitenizin ziyaretçileri arasında büyük bir tahriş.

Platformumuzun günlük olarak analiz ettiği web sitesi geri bildirimlerinin %9'u formlarla ilgilidir. En büyük sıkıntı, bir kez girilmiş bilgilerin sunulması veya formlar ve seçimler içinde aynı eylemlerin birden çok kez yapılması gerekmesidir. Bazen küçük tahrişlere, ancak genellikle büyük rahatsızlıklara yol açar.

Formlar, ziyaretçiler bilgi ararken, ürün sipariş ederken ve olası satışlar oluştururken yardımcı olur. Bu nedenle formlarınızın düzgün çalışması çok önemlidir. Genel olarak, bir formda doldurmanızı istediğiniz alanlar ne kadar azsa, dönüşümün o kadar yüksek olacağı (bazı verilerin gerçekten gerekli olduğu düşünüldüğünde) geçerlidir. Bir ödeme veya sipariş durumunda, basit bir müşteri adayı oluşturma formuyla ilgili olduğundan daha fazla alanın doldurulması gerektiği mantıklıdır.

Kullanıcının hala çok fazla bilgi sağlaması gerektiğinde, formu yarı yolda kaydetme imkanı da sunun. Bu şekilde kullanıcı daha sonra formu tamamlayabilecektir.

Yolculuklarınızın haritasını çıkarın
Web sitenizdeki en önemli yolculukların haritasını çıkarın ve kullanıcıların bilgi vermesini istediğiniz alanı veya veri girmeleri gereken yeri kontrol edin. Bu verileri geri dönüştürün.

Ziyaretçinizin kim olduğunu biliyor musunuz, tercihlerinin kaydedildiğinden ve yeniden kullanılabildiğinden emin olun. Ayrıca bir formdaki belirli alanları otomatik olarak tamamlamak veya tamamlamak için akıllı araçları kullanın.

Henüz müşteri olmayan ziyaretçileri ilgilendiriyor mu? Ayrıca, tekrar eden ziyaretçiler ile yeni ziyaretçiler arasında bir ayrım yapabilirsiniz. Örneğin, ürününüzle ilgili içeriği indirme olanağı sunduğunuzda, yalnızca ilk seferde gerekli bilgileri isteyin. Ziyaretçi geri dönüp başka bir form doldurduğunda, yalnızca yeni alanları doldurması ve zaten bildiğiniz her şeyi gizlemesi gerektiğinden emin olun.

Duyarlı formlar
Mobil kullanımın çevrimiçi ortamda en popüler olduğu gerçeği göz önüne alındığında - 2014'te mobil kullanım masaüstünü aştı - ziyaretçinizin bir akıllı telefon veya tablet kullanma olasılığı büyük. Bu nedenle, mevcut alanı, dokunmatik arayüzü ve formun uzunluğunu dikkatlice düşünün. Çok adımlı formlar bir çözüm sunar çünkü aslında formu parçalara ayırırsınız ve ekran başına yalnızca 1 veya 2 alan gösterirsiniz. Optimizely gibi araçlarla birden fazla varyantı test etmek faydalı olabilir.

4. İpucu: Doğru sayfayı veya bilgiyi bulma

Yazılımımızın müşteriler için analiz ettiği geri bildirimlerin %22'si, bir ziyaretçinin doğru bilgiyi bulamamasından kaynaklanmaktadır. En kötü durumda, gerekli bilgiler hiç mevcut değildir ve ziyaretçi tamamen bırakır.

Birçok büyük şirket ve web mağazası, bazen sadece geniş ürün yelpazesi nedeniyle, büyük miktarda bilgi sağlar. Bu sorun çok kolay çözülemez. Yine de, kullanıcı deneyimini geliştirmek için önceki deneyimlere dayanan birkaç ipucum var.

Bu yaygın sorunu çözmenin ilk adımı, çevrimiçi yolculukların haritasını çıkarmaktır. Ziyaretçilerin web sitenize geldiklerinde hangi hedefleri düşündüklerini kendiniz kontrol edin. Ziyaretçiler, amaçlarına ulaşmak için genellikle birkaç adımdan geçmek zorunda kalırlar. Yolculuğu 'haritalamak', ziyaretçilerin yaşadığı sorunlar ve belirli bilgilere nerede ihtiyaç duydukları konusunda fikir edinmenize yardımcı olur.

Tıklama davranışı
Ayrıca, insanların nereye gittiklerini analiz etmek için tıklama davranışını kullanabilirsiniz. Bu noktalarda nicel geri bildirim almak da faydalı olabilir. Bu, tıklama davranışının arkasındaki nedenleri ortaya çıkaracaktır. Örneğin, belirli bir akış içinde ileri geri gitmek gibi tekrarlayan davranışları işaret ettiğinizde, geri bildirim formunun aktif olarak görünmesini sağlayabilirsiniz. Burada soru sormak için mantıklı bir ölçüm, Hedef Tamamlama Oranıdır (GCR). Soru genellikle şuna benzer: "Evet", "Hayır" veya "Kısmen" seçenekleriyle "Hedefinize ulaşabildiniz mi?". “Evet” yüzdesini GCR olarak bildirirsiniz. Açıkça GCR sorusunun ardından açık bir açıklama istemeniz tavsiye edilir.

5. İpucu: Net olmayan metin

Günlük olarak analiz ettiğimiz geri bildirimlerin yaklaşık %7'si net olmayan web içeriğiyle ilgilidir. Bu, ürün bilgilerinin yanı sıra bir sipariş akışındaki veya SSS gibi bir self servis sayfasındaki içeriği de içerebilir.

İnsanlar akıllarında belirli bir amaç ile web sitenizde bilgi arıyorlar. Bu amaç genellikle bir sorunun cevabını bulmaktır.

Ziyaretçiler ve müşteriler bilgileri okur, bir tabloya bakar veya bir video izler. Örneğin, bir ürünün arzuları karşılayıp karşılamadığını, fiyatlandırma modelinin uygun olup olmadığını öğrenmek veya destekle ilgili bir sorunu çözmek için.

Bilgilerin açık ve çok uzun olmamasının yanı sıra, ziyaretçiler de onu hemen bulabilmek istiyor. Bu nedenle, içeriğin kolayca taranabildiğinden emin olun ve insanların önemli konulardan haberdar olabilmesi için gereksiz bilgileri dışarıda bırakın.
Bütünün kolayca emilebilmesi için resim ve video ekleyin.

Sorunuzun cevabı?
Çok veya daha karmaşık bilgiler sunmanın gerekli olduğu sayfalarda, ziyaretçinin bilgiyi nasıl deneyimlediğini öğrenmek her zaman tavsiye edilir. Bu, şu soruyu sorduğunuz basit gömülü geri bildirim formları aracılığıyla yapılabilir: Bu bilgi tatmin edici mi? Yanıt seçenekleri "evet" veya "hayır" olup, açık bir yorum bırakma olasılığı vardır. Ziyaretçi, örneğin hangi bilgilerin eksik olduğunu veya tam olarak neyin belirsiz olduğunu burada belirtebilir.

Bu geri bildirim, ziyaretçilerin içeriğinizi ne ölçüde beğendiği, içeriğin yeterli olup olmadığı ve içeriğinizin kalitesini artırmak için neler yapabileceğiniz konusunda erişilebilir bilgiler toplamak için kullanılabilir.

6. İpucu: Her yerde hatalar

Çok kötü. Hatalardan kaçınılamaz. Her zaman gizlice girmenin bir yolunu bulacaklar….

Korkmayın: Dolaşımda binden fazla tarayıcı / platform kombinasyonu var. Bu nedenle sitenizde bir yerde bir hatanın ortaya çıkma riski büyüktür. Browserstack gibi araçlar, web sitenizi neredeyse tüm olası kombinasyonlarda test etme imkanı sunar. Daha sonra genellikle ön uçtaki hataları içerir. Arka uç yazılımının kendisinde de her türlü şey ters gidebilir (örneğin, formlar üzerindeki doğrulamaları, haklarla ilgili sorunları veya bir veritabanının çıktısıyla ilgili sorunları düşünün).

En kapsamlı testlerde bile, siz canlı yayına geçtikten sonra hatalar ortaya çıkabilir. Müşterileriniz genellikle onları ilk keşfedenlerdir. Bu nedenle, kendi düzenlediğiniz tüm test komitelerine ek olarak, ziyaretçiye bir hatayı kolayca bildirme fırsatı vermeniz önerilir.

Bunu bir geri bildirim formu aracılığıyla bildirme olanağı sunduğunuzda, ilgili içgörüleri hızla elde ettiğinizi göreceksiniz. Müşterilerimiz için analiz ettiğimiz geri bildirimlerin yaklaşık %20'si hata bildirimleriyle ilgilidir. Bu nedenle, müşterinin kullanılmayan hataların bildirilmesine yardımcı olmasına izin verme fırsatını bırakmayın.

7. İpucu: Önce mobil mi?

Formlarınızı “mobil” için optimize etme örneğini de 3. ipucunda belirttim. Çevrimiçi deneyimin tüm genişliği boyunca, mobilin hala biraz ihmal edildiği geçerlidir. Bu, çevrimiçi ziyaretlerin ortalama yarısından fazlasının bir mobil cihaz aracılığıyla yapıldığı gerçeği göz önüne alındığında garip.

Platformumuzda aldığımız geri bildirimlerin yaklaşık %6'sı bir mobil cihazdaki sorunlarla ilgilidir. Birkaç blogda, Arama Motoru Optimizasyonu (SEO) gibi konular söz konusu olduğunda mobilden önemli bir dikkat noktası olarak bahsedilir. Bu nedenle, yalnızca Kullanıcı Deneyimi için değil, aynı zamanda sitenizin bulunabilirliği için de büyük önem taşır.

Önemli bir nokta, görüntülerin kullanılmasıdır. En küçük "görüntü alanları" ile başlayın ve ardından daha büyük ekranlara kadar ilerleyin. İçeriğin daha yüksek dpi'ye sahip Retina ekranlara da düzgün bir şekilde uyum sağladığından emin olun.

Daha önce bu blogda bahsettiğim gibi, uzun yükleme süreleri kullanıcı deneyimi üzerinde olumsuz bir etkiye sahiptir, bu nedenle dosyalarınızın çok büyük olmamasına ve yalnızca doğru boyutları yüklemenize dikkat edin. Çizimler ve simgelerle çok çalıştığınızda, SVG'lerin (Ölçeklenebilir Vektör Grafikleri) kullanımına da göz atabilirsiniz. Bunlar aslında tasarımınızla birlikte kolayca ölçeklenebilen satır dosyalarıdır.

Metin ve yazı tipleri
Ayrıca metin ve yazı tiplerinizin kullanımına da çok dikkat edin. Bu aynı zamanda geri bildirimleri analiz ederken işlerin sıklıkla ters gittiğini gördüğümüz alanlardan biridir. Çok ince ve karmaşık yazı tiplerinden uzak durun. İnsanlar akıllı telefonlarını kullanırken genellikle daha küçük bir ekrandan okumak zorunda kalırlar. Harfler ve çizgiler arasındaki boşluğu akıllı bir şekilde işleyerek okunabilirliği artırın. Ayrıca metninizin düzenini farklı görünüm pencerelerinde kontrol edin. Burada metnin ideal orantılı kompozisyonu ve kapsayıcı hakkında daha fazla bilgi bulacaksınız.

Mobil navigasyon
Son olarak, mobil navigasyon söz konusu olduğunda genellikle bazı engellerin farkına varırız. Neyse ki birçok mobil menü, örneğin WordPress gibi sistemlerin bilinen şablonlarına zaten yerleştirilmiştir. Ancak bu sistemleri kullanmak istemiyorsanız, küçük bir ekrandan başladığınızdan emin olun. Alan sınırlıdır ve dokunma yoluyla kullanılacağını varsayar. Apple'ın yönergeleri, ortalama 44 piksellik bir "parmak" gösterir.

En önemli sayfalarınıza hızlı bir şekilde ulaşılabildiğinden emin olun ve seçeneklerin sayısını sınırlayın.
Örneğin, mobil navigasyon tasarımı hakkında daha fazla bilgi burada bulunabilir.

Son bir ipucu olarak: mobil tarayıcılar, daha önce bahsedilen Browserstack ile de mükemmel bir şekilde test edilebilir.

NOT: Analiz ettiğimiz geri bildirim miktarına ilişkin yüzdeler, 2015 yılında kendi geri bildirim verilerimiz üzerinde yaptığımız bir araştırmaya aittir. Tüm bulgularımızı görmek ister misiniz bu blog yazısını okuyun.