2. 2 / 52
İçerik
- Userspots Optimizasyon Servisi
- İlham Alabileceğiniz 17 A/B Test
3. 3 / 52
Userspots
Optimizasyon Servisi
Userspots, arayüzleri kullanıcı odaklı tasarlar,
tasarım sürecine ürünün kullanıcılarını katar.
Ürün hayata geçtikten sonra da arayüzleri sürekli
optimize ederek KPI’ları artırır.
4. 4 / 52
Tasarım kararlarına
egolar ile değil data ile
karar verin.
A/B Testi
Dinamik müşteri
yolculuğuna statik
arayüzler ile cevap
vermeyin.
Pazarlama
Otomasyonu
Feedback
Müşterinizi dinleyin!
5. 5 / 52
Optimizasyon
Workshop
Userspots Optimizasyon ekibinin optimizasyon
önerilerinden oluşan workshop ile arayüzleriniz
üzerine workshop’lar yapabiliriz.
Bizimle İletişime Geçin: turing@userspots.com
6. 6 / 52
Web ve Mobil
Optimizasyon Eğitimi
Optimizasyon süreçleri, önerilerin oluşturulması,
raporlamalar ve web sayfalarınız üzerinden
yapılacak workshoplar ile optimizasyon konusunda
tecrübe edinin.
Detaylı bilgi: http://www.userspots.com/ux-egitimleri
7. 7 / 52
İçerik
- Userspots Optimizasyon Servisi
- İlham Alabileceğiniz 17 A/B Test
8. 8 / 52
1. Mavi/Turuncu
- Firma, mobil sitelerinde depolama
alanlarının rezervasyon oranlarını
arttırmak için farklı buton renklerinin
etkisini ölçmek üzere A-B testine
başvuruyor.
- Orijinal buton rengi mavi.
Araştırmalar mavi rengin insanlarda
güven duygusunu çağrıştırdığını
gösteriyor.
9. 9 / 52
1. Mavi/Turuncu
- Araştırma sonuçlarında turuncu
rengin kullanıcılarda ürünün ucuz
olduğu hissini uyandırdığı
gözlemleniyor.
- Aynı zamanda turuncu renk,
hareket halindeki kullanıcıda hızlı
karar verme dürtüsünü tetikliyor.
- Sonuç olarak turuncu buton
rezervasyon oranını %7,8, mobil
site trafiğini de %12,3 arttırmıştır.
%7,8
10. 10 / 52
2. Arka Plan/Buton
- Bu iki fotoğraf ve buton
kombinasyonlarından hangisinin,
kullanıcıyı mail sayfasından satın
alma sayfasına yönlendireceğini
öğrenmek için yapılan bir A-B testi.
11. 11 / 52
2. Arka Plan/Buton
- Beyaz arka plan, ürünün tam
görüntüsü ve mor buton
kombinasyonunun kullanıcılarda
daha fazla güven duygusu
uyandırdığı saptanmıştır.
- Kullanıcılara bu kombinasyon
gönderildiğinde tıklanma
oranlarında %325 artış
gözlemlenmiştir.
%325
12. 12 / 52
3. CTA
- Fotoğrafçılık ve Kameramanlık
hizmeti veren bir firma, internet
sitesi üzerinden satışlarını
arttırabilmek için farklı buton
yazılarının etkisini ölçmek üzere
test yapıyor.
- Bir butona “ Teklif Al”, diğerine
“Ücretsiz Proje Gönder” yazılıyor.
14. 14 / 52
4. Arama
Autosuggest
- Bir e-ticaret firması iki farklı arama
barı için A-B testi yapıyor.
- Birinci tasarımda sade bir arama
barı kullanılıyor.
- İkinci tasarımda öneri sunan bir
arama barı kullanılıyor.
15. 15 / 52
4. Arama
Autosuggest
- Sitede öneride bulunan arama barı
kullanıldığında, satışlarda %5, site
ziyaretlerinde %8 artış saptanmıştır.
%5
16. 16 / 52
5. Search Buton
- Dell bilgisayar markasının 2012’de
arama barının kullanımını
arttırmaya yönelik yaptığı bir A-B
testi
- Birinci tasarımda, içerisinde “arama”
yazan ve Enter tuşuyla arama
başlatılabilen bir arama barı
kullanılmış.
- İkinci tasarımda, barın sağında
bulunan arama butonuyla arama
başlatılabilen bir bar kullanılmış.
17. 17 / 52
5. Search Buton
- İkinci tasarımda kullanılan arama
barının site içi aramalarda %6,3
artış sağladığı gözlemlenmiştir.
%6,3
18. 18 / 52
6. Arama Yapısı
- .Bir emlak şirketinin, aramaları daha
verimli hale getirebilmek için
başlattığı bir A-B testi.
- Birinci tasarım, içerisinde bir çok
bar ve sekme içeren bir tasarım.
- İkinci tasarım, tüm arama
başlıklarını tek barda birleştirmiş bir
tasarım.
19. 19 / 52
6. Arama Yapısı
- İkinci tasarım daha sade ve basit bir
görünüme sahip olduğundan dolayı
arama oranlarında %8,5 artış
sağlamıştır.
%8,5
20. 20 / 52
7. Sepet
- Dağ ekipmanları üreten bir firma,
internet sitesinde satışları
arttırabilmek amacıyla iki farklı bar
lokasyonun verimliliğini ölçmek için
A-B testine başvuruyor.
21. 21 / 52
7. Sepet
- İkinci bar lokasyonunun satışları
%12 arttırdığı gözlemlenmiştir.
- Bu artış firmaya 2.3 Milyon dolar
kar sağlamıştır. %12
22. 22 / 52
8. Form Sıralaması
- Hyundai firmasının internet
sitesinde bulunan 3 adımlı bir form
için uyguladığı A-B testi.
- Birinci tasarımın adım sırasında,
“Bilgilerinizi girin” adımı son sırada.
- İkinci tasarımın adım sırasında,
“Bilgilerinizi girin” adımı ikinci sırada
yer alıyor.
23. 23 / 52
8. Form Sıralaması
- İkinci tasarım form doldurulma
oranında %3 artış sağlayarak testin
kazananı oluyor.
%3
24. 24 / 52
9. Adım Gösterimi
- Bir bilgisayar firmasının internet
sitesinde bulunan iletişim formu için
uyguladığı A-B testi.
- Birinci tasarımda form tek seferde
tamamlanabiliyor.
- İkinci tasarımda form iki adımda
tamamlanabiliyor.
25. 25 / 52
9. Adım Gösterimi
- İkinci tasarım form doldurma
oranlarında %8 artış sağlayarak
testin kazananı oluyor.
%8
26. 26 / 52
10. Üyelik Formu
- İş verenler ve iş arayanları bir araya
getiren bir platformda, bir sonraki
adıma geçişi arttırmak için
tasarlanmış iki form içeriği.
- Birinci tasarımda form tek seferde
tamamlanabiliyor.
- İkinci tasarımda form iki adımda
tamamlanabiliyor.
27. 27 / 52
10. Üyelik Formu
- Birinci tasarım, %31,1 ‘lik tıklanma
artışıyla testi kazanıyor.
- Ayrıca bu tasarım kullanıldığında
sonraki 5 aşamanın tamamlanma
oranı da %24 artış gösteriyor.
%31,1
28. 28 / 52
11. Anasayfa
- Bir e-ticaret sitesinin giriş sayfası
için uygulamış olduğu A-B testi.
- Birinci tasarım orijinal giriş sayfası.
Kullanıcıyı yatay bir navigasyon
karşılıyor.
- İkinci tasarım satışları arttırmak için
tasarladıkları yeni bir giriş sayfası.
Kullanıcıyı sadece iki seçeneği olan
bir sayfa karşılıyor.
29. 29 / 52
11. Anasayfa
- Test sonuçlarında, orijinal tasarımın
satışlarda %10,59, ürün
görüntülenme sayısında %2,01
önde olduğu gözlemlenmiştir.
%10,59
30. 30 / 52
12. Anasayfa
- Bir e-ticaret sitesinin satışlarını
arttırmak amacıyla giriş sayfası
yerleşimini test ettiği bir A-B testi.
- Orijinal giriş sayfasında: üstte yatay,
solda dikey bir navigasyon tasarımı
ve kampanyaların öne çıkarıldığı bir
sayfa mevcut.
- Yeni tasarımda ise soldaki
navigasyon kaldırılmış ve ürünler
sınıflandırılarak sergilenmiştir.
31. 31 / 52
12. Anasayfa
- Daha sade görünen ikinci tasarım
satışlarda %34,7 artış sağlayarak
testin kazananı olmuştur.
%34,7
32. 32 / 52
13. Ürün Detay
- A-B testi. Bir e-ticaret firmasının
tablet için tasarladığı ürün inceleme
sayfaları.
- Birinci tasarım sitenin orijinal
inceleme sayfası.Ürünün büyük
fotoğrafları slide geçişler ile
kullanıcıya sunulmuş.
- İkinci tasarımda ise ürün
açıklamasına daha fazla yer
verilmiş.
33. 33 / 52
13. Ürün Detay
- Test sonuçlarında ikinci tasarımın
satışlarda %2,59, ziyaretçi
sayısında ise % 10 artış sağladığı
gözlemlenmiştir. %2,59
34. 34 / 52
14. Planlar
- Bir e-ticaret firması aylık paket
planlarının satışını yükseltmek
amaçlı A-B teste başvuruyor.
- Birinci sıralamada paket fiyatları,
büyükten küçüğe sıralanıyor.
- İkinci sıralamada paket fiyatları,
küçükten büyüğe sıralanıyor.
35. 35 / 52
14. Planlar
- Araştırmalara göre, kullanıcı ilk
olarak yüksek fiyatla karşılaştığı
zaman düşük fiyatı kabullenmesi
daha kısa sürüyor.
- Sonuç olarak birinci tasarım
kullanıldığında firmanın aylık
gelirinin %24,4 arttığı
gözlemlenmiştir.
%24,2
36. 36 / 52
15. Banner
- Bir taşıt sigorta firması tablet
kullanıcılarının kampanyalara
katılımını arttırmak için hangi buton
versiyonunun daha verimli
olduğunu ölçmek üzere A-B testine
başvuruyor.
- Orijinal tasarımda sarı ve tıklanabilir
bir buton kullanılıyor.
- Diğer tasarımda ise kaydırılabilir bir
buton kullanılıyor.
37. 37 / 52
15. Banner
- Kaydırılabilir buton daha sade ve
kullanışlı olduğundan kampanya
katılımını %9,23 arttırdığı
gözlemlenmiştir.
%9,23
38. 38 / 52
16. Mobil Anasayfa
- Bir depo kiralama firmasının mobil
giriş sayfası.
- Depo rezervasyonalarını
arttırabilmek için tasarlanan yeni
sayfa A-B testine tabi tutuluyor.
- Soldaki tasarım orijinal giriş sayfası.
39. 39 / 52
16. Mobil Anasayfa
- Yeni tasarım kullanıldığında siteye
kayıt ve çağrı merkezi aramaları
%40 artış gösterdi.
- Rezervasyon oranları %23 artış
gösterdi.
%23
40. 40 / 52
17. Persona
- Bir finans şirketi, yatırım planlarını
personalar ile birleştirdiğinde plan
satışlarına nasıl etki edeceğini
öğrenmek için A-B testine
başvuruyor.
- Birinci tasarımda, yatırım planın
riskleri ve karlılık oranları hakkında
bilgiler veriliyor.
- İkinci tasarımda, bu bilgilere ek
olarak personaların bu plan
hakkındaki düşüncelerine de yer
veriliyor.
41. 41 / 52
17. Persona
- İkinci tasarım kullanıldığında,
müşteriler personalar ile aralarında
bir bağ kuramadığı için satışların
düştüğü saptanmıştır.
- Birinci tasarımla satışlarda %19
artış gözlemlenmiştir.
%19