15 Cihaz Optimizasyonu için İpuçları

Tüm cihazlar için tasarım! Anna Dahlström önemi hakkında konuşacak Bina Cihazı-Agnostik UX Sistemleri yerinde Londra'yı oluştur , 21-23 Eylül. Cihaz-agnostik tasarımın neden önemli olduğunu, ne anlama geldiğini ve nasıl gidiyoruz; Şimdi kitap K!

15 yıl önce HTTP log dosyaları ve kullanıcı aracısı dizeleri ile uğraşmaya başladım, John Lewis e-ticaret web sitelerinde sallanan tüm farklı cihazları analiz etme ve anlamaya çalıştım. Zaman içinde geri giderse, kendimi hangi tavsiyeyi verebilirim?

Bu olurdu: Şimdilik üzerinde çalıştığınız her web sitesi veya ürünün kırılması bozulacak - sadece hangi cihazda veya tarayıcıyı ya da ne kadar ağır olduğunu bilmiyorsunuz. Bu kusurları aşağı avlarsanız, müşterileriniz için neredeyse diğer tüm işlerinizin bir araya getirilmesinden daha kolay para kazanacaksınız.

Müşterilerin hızlı bir şekilde şikayet etmelerine rağmen, büyük çoğunluğu cihazınızdaki hataları bildirmeyeceğini fark etmek için beni 15 yıl alıyor. Çok az sayıda şikayet alırsanız, muhtemelen elinizde büyük bir felaketiniz var. Herhangi bir şikayet alamazsanız, muhtemelen hala kırılır.

Cihaz ve tarayıcı sorunları için 'Kömür Madeni'ndeki' Kanarya'ımızın "Canary's olmak için web sitemizdeki ziyaretçilere güvenemeyiz - sorumluluk almalıyız ve nasıl test ettiğimize göre daha akıllıca ve daha proaktif olmalıyız. Cihaz uyumluluğu bir hak değildir, bir ayrıcalık değildir ve yanlışlaşmak, ihmal edici bir ayrımcılık şeklidir.

Bu makale, çapraz cihaz optimizasyonu ve A / B testi için hatırlanması gereken kilit kuralları açıklar. Önce optimizasyon ipuçları ile mücadele edin. Cihaz uyumluluğu, performans ve kullanılabilirlik ile temel hatalar yapıyorsanız, A / B testi ile rahatsız edici bir nokta yoktur. Önce kırık şeyleri bulun ve düzeltin. Ardından, A / B testlerini çalıştırmak için yeterli trafik aldığınızda (ayda en az 500 dönüşüm veya kasa) - yeni hatalar yapabilirsiniz.

01. Duyarlı bir şekilde her şeyi çözmeyi varsaymayın

Bir zamanlar, yanıt vermeyen küçük bir mobil site inşa ettim, ancak şimdi her yıl gelirdeki milyar Euro'ların en iyi bölümünü alıyor. Gerekli görevler için mükemmel. Sıvı düzeni şartlarında cevap vermiyor, ancak kullanan hemen hemen herkesin ihtiyaçlarına duyarlıdır. Farkı biliyorum.

Bazen insanlar bunu düşünüyor Duyarlı Web Tasarımı Dijital ustalık bir işaretidir. Bu sadece kaliteden hiçbir şey ileten bir özellik - 'Bir web sitemiz var' ya da 'web sitemizdeki şeyleri tıklamanızı sağlar'. Büyük bir çapraz cihaz deneyiminin garantisi yok.

Yüzeysel bir kayganlığa sahip olan ancak kullanılabilirlikte başarısız olan birçok duyarlı site görüyorum, çünkü takım müşteri bilgisini görmezden geldi. İyi bir örnek bir e-ticaret web sitesi Bu duyarlı ve gelirinin yüzde 40'ını kaybetti. Harika bir mobil deneyim kurmuştu, ancak masaüstü versiyonu emdi ve paranın yüzde 80'inin geldiği yer. Altın kazın nerede olduğunu bilmek, öldürmekten kaçınmak istiyorsanız!

02. Önce araştırmanızı yapın

Bir siteyi optimize etme Sayfa içeriğinde hackleme ile başlamaz. Araştırmanızı yaparak başlar, böylece dudaklarınız 'müşteri yolculuğu' diyorsa, çıkan şey bir masal değil. Ziyaretçileri, görevlerini, hedeflerini, giriş noktalarını, cihaz karışımlarını, yollarını, akışlarını ve terk etme alanlarını bilmek çok önemlidir. Anlamadığın bir problemi çözmek çok zor.

Analitik verilerini kullanma kullanıcı deneyimi Araştırma, anketler veya geribildirim, saçmalık, ego ve 'yolculuk' hakkındaki varsayımları gidermek için hızlı ve hafif bir yoldur. Bilgilendirilmiş veri bir saat binlerce saatliğin değerlendirilmemesi.

Daha fazla okuma: ' Bir saatte dönüşüm araştırması '; ' Araştırma için Oturum Tekrarlama Araçları '.

03. Cihazları değil, insanları takip edin

Kullanıcıları izleyen bir analitik kurulumunu kullanmıyorsanız, yalnızca izleme cihazlarını sonlandırırsınız. Şirketler, 'mobil' trafiğinin dönüştürülmemesinden şikayetçi - ve trafiğin gerçekten tamamen farklı bir cihazda dönüştürüldüğünü bulduk.

İnsanlar telefonlarını, sepetlerine bir ürüne göz atmak ve eklemek için kullanabilirler, ancak kasadan geçmek zor olduğunu, bu yüzden satışı dizüstü bilgisayarlarına tamamlayın. Site bunları iki kişi olarak düşünüyor: bir mobil müşteri ve bir masaüstü müşterisi.

Yani dönüşüm probleminiz aslında bir nitelik sorunudur. Müşteri birden fazla cihaz kullanıyorsa, satışa nasıl bir cihaz deneyimine nasıl kredi verebilirsiniz? Google Analytics, kişileri izlemenize izin veren (oturum açmış kullanıcılar için) bir kullanıcı görüntüsüne sahiptir ve bunları anlamanıza yardımcı olacak birçok analitik araç vardır.

04. Daha geniş bağlamı görmezden gelme

Bu hiper-mobil cihaz dünyasında bağlam her şeydir. Bir havayolu uygulamasından ihtiyacınız olan şey, kapı için çalışırken uçuşunuzdan 48 saat önce çok farklı olabilir. Telefondaki o kişi için, deneyimi etkileyen faktörleri göz önünde bulundurmanız gerekir. Bunlar, görevleri, hedefleri, cihaz, konum, veri hızı, viewport, aciliyet, motivasyon, veri maliyetleri, çağrı maliyetlerini, hatta ziyaretleri sırasında bile hava durumu içerebilir!

05. Ofisten çık

Daha iyi ürünler, ofiste harcanan uzun günleri içermemelidir. Neden iş günü kahve dükkanlarına ve publara ziyaretlerle ayrılmıyorsunuz? Bu, UX araştırması için müşterileri bulmanın en ucuz yollarından biridir. Prototipiniz veya tasarımınızla ilgili geri bildirim karşılığında bir bira veya kahve sunmak, paha biçilmez bir yatırım getirisidir. Ve web sitesini unutma - trafiğiniz varsa, insanları işe alabilir ve onlarla da onlarla testleri yayınlayabilirsiniz.

Daha fazla okuma: ' Hepsini yönetmek için UX Araçları '.

06. herkesin iPhone'ları kullandığını varsaymayın

Çoğu analitik kurulumda, iPhone modelleri bir araya getirilir, bunların ana müşteri cihazları olduğunu öne sürmektedir. Sadece verilerinizdeki modellere bakarsanız, bu düşüncünüzü çarpacaktır; Gerçek resmi görmek için aygıtları işletim sistemine veya platformuna ayırmanız gerekir. Google Analytics, en iyi modelimin 'iPhone' olduğunu söyleyebilir, ancak bir avuç en iyi Samsung modellerinin bile daha büyük bir kitleye kadar eklenebilir.

Birisi, müşteri karışımı yerine kendi kişisel cihaz tercihlerine odaklanmak için her zaman, verilerinin ne dediğini hatırlatmak için doğru (ofis duvarınıza yapışmaya değer).

Daha fazla okuma: ' Çapraz cihaz optimizasyonu için Google Analytics kullanmanın nihai rehberi '.

07. Arama izlemeyi unutma

Ücretsiz ve nadiren kullanılmış bir teknik için bir söz. Telefon görüşmeleri yapabilen dokunmatik cihazlarınız varsa, aramaları izleyebilirsiniz. Birisi sizi aramak için bir telefon numarasını istediğinde, Analytics verilerinize bir olay (veya pageview) ekleyin. O zaman kaç arama yaptığınızı, tam olarak hangi web sayfasını aradınız ve hangi pazarlama kampanyaları veya kaynakları en çok aramayı sürdü.

Bu verileri büyük bir şirket için bir PPC hesabını analiz etmek için kullandım. Telefon görüşmelerinden gelen satışlarda tuttuğumuzda, teklifimizi tamamen değiştirdi. Tasarruf, PPC için yüzde 40-70, ancak aynı miktarda gelir oldu.

08. Web sitesi hızını izlemek için gerçek veri kullanın

Pek çok insan, Google Analytics'in, her gün, sayfalarınızın ne kadar yavaş olduğuna dair gerçek ziyaretçilerin ölçümlerini topladığını bilmiyor. Performansı hayal etmek yerine (sitenize Wi-Ficonnection'da göz atarken), verilerin size nereden aldığınızı söylemesine izin verebilirsiniz. DOM zamanlamaları raporuna bakın: Bu, web sayfasının yapısının ve içeriğinin ne kadar sürdüğünü kaydeder. Siteler daha hızlı yapmak bir oyun değiştiricidir.

Performans ve dönüşüm oranı arasında büyük bir korelasyon var, bu yüzden yavaşsa, sadece rakiplerinize göndermek için pazarlama parası harcıyorsunuz!

Daha fazla okuma: ' Site hızını yorumlama '.

09. Creative yerine test yöntemini kopyalayın

Testlere baktığınızda, diğer şirketler koştuğunuzda, testi tamamen sallarken ya da olmasaydı hiçbir fikriniz yok. Verileri, yöntemleri, qa veya örneklem büyüklüğü, temel hatalar yaptıklarını gösterebilir. Testi çok kısa bir süre boyunca çalıştırmış olabilirler ya da doğru bir şekilde veri toplandığında kontrol edilmediler. Sadece bilmiyorsun.

Ve tüm arka plan bilgisine sahip olsanız bile, yöntemlerinin sizin için işe yarayacağını tahmin edemezsiniz. Müşterileriniz, pazarlama, web siteniz ve diğer her şey tamamen farklı. Kısacası, test için en iyi uygulama kuralları esas olarak yöntemi kopyalamaktan ve yaratıcı değil.

Daha fazla okuma: ' En iyi uygulama ve optimizasyon uzmanlarının sonsuz emmesi '; ' Dönüşüm optimizasyonu en iyi uygulamalar başarısız olduğunda '.

10. Planlama olmadan test etmeyin

Sitenizin her tarafındaki yerlerde test edebileceğiniz milyonlarca şey var. Sadece 'Başlarken', sonunda optimum bir web sitesi alabilirsiniz - ancak evrenin ısının ölümü önce sizi alacak. Deneyimlerinizde kırılmış şeyler varsa, bunu bir önce (test etmeden önce), aksi takdirde her şeyi aşağı sürükleyecektir. Performans ve cihaz uyumluluğunun temellerine sahip olduğunuzda, fırsatları belirlemek için analitik kullanın.

'Sadece eşyaları değiştirmek' test etmek için yeterince iyi bir neden değil; İyi bir test yapmak için delil veya içgörü ihtiyacınız var. En iyi öğrenme, testinize kanal için harika sorular almaktan geliyor.

11. Hipotezinizi kurun

Hipotez kiti, öğrettiğim en faydalı şeylerden biridir:

[Veri / geribildirim] gördüğümüz için [Değişim] 'nin [etkilenmesini] neden olacağını bekliyoruz. [Veri Metric] kullanarak bunu ölçeceğiz.

İnsanların sorularını veya / B testini bu şekilde çerçevelenmelerini istemek, onları neden test edilmelerini ve başarının nasıl ölçileceğini düşünmelerini zorlar.

Daha fazla okuma: Hipotez Kiti 3 .

12. Önce bir test hesap makinesi çalıştırın

A / B testinden önce bir test hesap makinesini çalıştırmak gerçekten iyi bir uygulamadır. Bitirmek için dokuz milyon yıl civarında olacağını söylerse, hayatınızla daha faydalı bir şey yapabilirsiniz.

13.% 95 güvende durma

A / B testi yapmak için çok yaygın bir noob hatası. Test sürenizi önceden karar vermelisiniz, o zaman o zaman çalıştırın, durdurun ve analiz edin. Gerçek dünyada koşan testlerin çoğu tamamen kurgusaldır - bu yüzden söz verilen 'asansör' dönüşümün gelmesi geldiğinde insanlar hayal kırıklığına uğratıyor. Testleri yanlış bir şekilde çağırmak veya sonuçlar için çok uzun süre beklemek, önlenmesi gereken sık görülen sorunlardır.

Daha fazla okuma: ' İstatistiksel anlamlılık geçerliliği eşit değil '; ' Her internet pazarlamacının neden istatistikçi olması gerektiğini '.

14. Cihaz sınıfına göre segment

Tasarımınızda farklı cihazlarınız veya kesme noktalarınız varsa, A / B testi tamamen farklı görünecektir. Tasarımınızın tüm cihazlara nasıl göründüğünden emin değilseniz, hiç çalıştığından nasıl emin olabilirsiniz? Verileri farklı cihaz sınıfları veya 'kesme noktaları' ile analiz etmiyor ve segment yapmazsanız, davranış değişimini nasıl bileceksiniz? Müşterilerimden biri, müşterinin veri katmanlarında gördüğü kesin tasarımı saklar.

Mobil, tablet ve masaüstü cihaz sınıflarında insanları nasıl hedef aldığınızı veya parçaladığınızı her zaman anlayın. Cihaz deneyiminin çok büyük değiştiğinde 'ortalama' ziyaretçi yok.

15. QA testini unutma

Cihazınızın karışımını çözmediyseniz, muhtemelen A / B testlerinizi de test edemezsiniz. Bu, muhtemelen bir kaçının muhtemelen bozulduğu anlamına gelir - ve A / B testleriniz kırılırsa, verileriniz ve karar vermeniz muhtemelen kusurludur. Tüm test tasarımlarımın yüzde 30-40'ı, yüksek kaliteli geliştiricilerle bile temel qa başarısız oluyor - bu sizin için javascript! Aksi kanıtlanıncaya kadar kırıldığını varsayalım.

Özet

Burada, çapraz cihaz deneyimlerini geliştirmek için bir takım ipuçları karşılarım. Dışarı çıkarken, cihazınızı bu cihazların arkasındaki müşterileri karıştırıp anlamak, hayati önem taşımaktadır. Bir sonraki aşama, çabalarınızı önceliklendirmenize yardımcı olacak verilerle çalışmaktır. İyi bir test listesi yapmak (Google Analytics'in yardımıyla), geliştiriciler için çabayı keser, ancak popüler cihazlarda kaldırdığınız kusurların sayısını artıracaktır.

Büyük çapraz cihaz deneyimleri tasarlamak, bir veri, sezgi, empati ve deneylerin dikkatli bir dengesidir. Bunların genellikle ego ve görüş tarafından doldurulmuş alanı işgal etmesine izin verirseniz, iyi işler gelişecektir. Stephen Hawking'in dediği gibi: "Bilginin en büyük düşmanı cehalet değildir, bilginin yanılsamasıdır."

Cihaz-agnostik tasarımın önemini öğrenin Anna Dahlström yerinde Londra'yı oluştur K! İçinde Bina Cihazı-Agnostik UX Sistemleri , Neden İçerik Rehberi düzenlerinin neden izin vermesi gerektiğini ve bu görüşlerin oluştuğu modüllere odaklanacak sayfalardan uzaklaşmanız gerektiğini açıklayacak. Biletinizi şimdi ayırtın K!

Bu makale başlangıçta ortaya çıktı net dergisi Sayı 279; Şimdi abone olun K!