E-ticaret Siteleri için Kullanıcı Deneyimi

41

description

E-ticarette Kullanıcılar için fiyat, önemli olmasına rağmen, e-ticaret davranışını yöneten tek faktör değildir. Rahatlık ve kullanım kolaylığı da önemlidir

Transcript of E-ticaret Siteleri için Kullanıcı Deneyimi

Page 1: E-ticaret Siteleri için Kullanıcı Deneyimi
Page 2: E-ticaret Siteleri için Kullanıcı Deneyimi

Kullanıcı Deneyimi neden bu kadar önemli?

Keyifli bir deneyim

Kullanışlı

=

Page 3: E-ticaret Siteleri için Kullanıcı Deneyimi

Kullanıcı Deneyimi (UX)

İçerik

Kullanıcı Hissi

Kullanıcı İhtiyaçları

Bilgi Mimarisi

Erişebilirlik

Kullanılabilirlik

Page 4: E-ticaret Siteleri için Kullanıcı Deneyimi

E-ticaret Siteleri için Kullanıcı Deneyimi (UX)

› Alışveriş tarzlarına göz atma› Ürünleri Mercek altına alma› Vurgulu Call-to-Action oluşturma› Ödeme işlemini hızlandırma› E-Commerce UX Case Studies› Sitede Güvenirlik Öğeleri› Teşekkürler

"Fiyat, önemli olmasına rağmen, e-ticaret davranışını yöneten tek faktör değildir.Rahatlık ve kullanım kolaylığı da önemlidir…“ Greg Nudelman

Page 5: E-ticaret Siteleri için Kullanıcı Deneyimi

Alışveriş tarzlarına göz atalım

❶ Sezgisel bir menü yapısı oluşturun

❷ Filtrelemek ve sıralamak için birden fazla yol ekleyin

❸ Ürün görüntülemeleri için farklı listeleme seçenekleri sunun

❹ Breadcrumbs ekleyin

❺ Kategorilerinizde geniş kapsamlı filtreler kullanın

Page 6: E-ticaret Siteleri için Kullanıcı Deneyimi

Alışveriş tarzlarına göz atalım

❶ Sezgisel bir menü yapısı oluşturun

❷ Filtrelemek ve sıralamak için birden fazla yol ekleyin

❸ Ürün görüntülemeleri için farklı listeleme seçenekleri sunun

❹ Breadcrumbs ekleyin

❺ Kategorilerinizde geniş kapsamlı filtreler kullanın

Page 7: E-ticaret Siteleri için Kullanıcı Deneyimi

Alışveriş tarzlarına göz atalım

❶ Sezgisel bir menü yapısı oluşturun

❷ Filtrelemek ve sıralamak için birden fazla yol ekleyin

❸ Ürün görüntülemeleri için farklı listeleme seçenekleri sunun

❹ Breadcrumbs ekleyin

❺ Kategorilerinizde geniş kapsamlı filtreler kullanın

Page 8: E-ticaret Siteleri için Kullanıcı Deneyimi

Alışveriş tarzlarına göz atalım

❶ Sezgisel bir menü yapısı oluşturun

❷ Filtrelemek ve sıralamak için birden fazla yol ekleyin

❸ Ürün görüntülemeleri için farklı listeleme seçenekleri sunun

❹ Breadcrumbs ekleyin

❺ Kategorilerinizde geniş kapsamlı filtreler kullanın

Page 9: E-ticaret Siteleri için Kullanıcı Deneyimi

Alışveriş tarzlarına göz atalım

❶ Sezgisel bir menüyapısı oluşturun

❷ Filtrelemek ve sıralamak için birden fazla yol ekleyin

❸ Ürün görüntülemeleri için farklı listeleme seçenekleri sunun

❹ Breadcrumbs ekleyin

❺ Kategorilerinizde geniş kapsamlı filtreler kullanın

Page 10: E-ticaret Siteleri için Kullanıcı Deneyimi

E-ticaret Siteleri için Kullanıcı Deneyimi (UX)

› Alışveriş tarzlarına göz atma› Ürünleri Mercek altına alma› Vurgulu Call-to-Action oluşturma› Ödeme işlemini hızlandırma› E-Commerce UX Case Studies› Sitede Güvenirlik Öğeleri› Teşekkürler

"Fiyat, önemli olmasına rağmen, e-ticaret davranışını yöneten tek faktör değildir.Rahatlık ve kullanım kolaylığı da önemlidir…“ Greg Nudelman

Page 11: E-ticaret Siteleri için Kullanıcı Deneyimi

Ürünleri Mercek altına alma

❶ Ziyaretçilere her bir ürüne ait birden fazla görsel sağlayın (fotoğraf, video, vb)

❷ Mümkün olduğunca ürün hakkında birden çok ayrıntı ekleyin (boyut, özellik, ağırlık, vb)

❸ Ürün detay sayfasında benzer ürünlerve aynı kategorideki fırsatları gösterin

❹ Beğendiklerim, paylaşım ve bildirimleri etkinleştirin

❺ Detaylı ürün incelemeleri görüntüleyin

Page 12: E-ticaret Siteleri için Kullanıcı Deneyimi

Ürünleri Mercek altına alalım

❶ Ziyaretçilere her bir ürüne ait birden fazla görsel sağlayın (fotoğraf, video, vb)

❷ Mümkün olduğunca ürün hakkında birden çok ayrıntı ekleyin (boyut, özellik, ağırlık, vb)

❸ Ürün detay sayfasında benzer ürünlerve aynı kategorideki fırsatları gösterin

❹ Beğendiklerim, paylaşım ve bildirimleri etkinleştirin

❺ Detaylı ürün incelemeleri görüntüleyin

Page 13: E-ticaret Siteleri için Kullanıcı Deneyimi

Ürünleri Mercek altına alalım

❶ Ziyaretçilere her bir ürüne ait birden fazla görsel sağlayın (fotoğraf, video, vb)

❷ Mümkün olduğunca ürün hakkında birden çok ayrıntı ekleyin (boyut, özellik, ağırlık, vb)

❸ Ürün detay sayfasında benzer ürünlerve aynı kategorideki fırsatları gösterin

❹ Beğendiklerim, paylaşım ve bildirimleri etkinleştirin

❺ Detaylı ürün incelemeleri görüntüleyin

Page 14: E-ticaret Siteleri için Kullanıcı Deneyimi

Ürünleri Mercek altına alalım

❶ Ziyaretçilere her bir ürüne ait birden fazla görsel sağlayın (fotoğraf, video, vb)

❷ Mümkün olduğunca bir ürün hakkında birden çok ayrıntı ekleyin (boyut, özellik, ağırlık, vb)

❸ Aynı sayfada Benzer Ürünler ve Aynı kategoride ki fırsat ürünleri gösterin

❹ Beğendiklerim, paylaşım ve bildirimleri etkinleştirin

❺ Detaylı ürün incelemeleri görüntüleyin

Page 15: E-ticaret Siteleri için Kullanıcı Deneyimi

Ürünleri Mercek altına alalım

❶ Ziyaretçilere her bir ürüne ait birden fazla görsel sağlayın (fotoğraf, video, vb)

❷ Mümkün olduğunca bir ürün hakkında birden çok ayrıntı ekleyin (boyut, özellik, ağırlık, vb)

❸ Aynı sayfada Benzer Ürünler ve Aynı kategoride ki fırsat ürünleri gösterin

❹ Beğendiklerim, paylaşım ve bildirimleri etkinleştirin

❺Detaylı ürün incelemelerinigörüntüleyin

Page 16: E-ticaret Siteleri için Kullanıcı Deneyimi

E-ticaret Siteleri için Kullanıcı Deneyimi (UX)

› Alışveriş tarzlarına göz atma› Ürünleri Mercek altına alma› Vurgulu Call-to-Action oluşturma› Ödeme işlemini hızlandırma› E-Commerce UX Case Studies› Sitede Güvenirlik Öğeleri› Teşekkürler

"Fiyat, önemli olmasına rağmen, e-ticaret davranışını yöneten tek faktör değildir.Rahatlık ve kullanım kolaylığı da önemlidir…“ Greg Nudelman

Page 17: E-ticaret Siteleri için Kullanıcı Deneyimi

Vurgulu Call-to-Action oluşturun

❶ Ana sayfaya ilk ve orta dereceli eylem öğelerini ekleyin

❷ İlk ve orta dereceli eylem öğeleri ayırt edin

❸ İçeriklerden eylemleri ayırmak için boşluk, boyut ve renkler kullanın

❹ Kullanıcının yapacağı eylemi açıklar Etkin bir dil kullanın

Page 18: E-ticaret Siteleri için Kullanıcı Deneyimi

Vurgulu Call-to-Action oluşturun

❶ Ana sayfaya ilk ve orta dereceli eylem öğelerini ekleyin

❷ İlk ve orta dereceli eylem öğeleri ayırt edin

❸ İçeriklerden eylemleri ayırmak için boşluk, boyut ve renkler kullanın

❹ Kullanıcının yapacağı eylemi açıklar Etkin bir dil kullanın

Page 19: E-ticaret Siteleri için Kullanıcı Deneyimi

Vurgulu Call-to-Action oluşturun

❶ Ana sayfaya ilk ve orta dereceli eylem öğelerini ekleyin

❷ İlk ve orta dereceli eylem öğeleri ayırt edin

❸ İçeriklerden eylemleri ayırmak için boşluk, boyut ve renkler kullanın

❹ Kullanıcının yapacağı eylemi açıklar Etkin bir dil kullanın

Page 20: E-ticaret Siteleri için Kullanıcı Deneyimi

Vurgulu Call-to-Action oluşturun

❶ Ana sayfaya ilk ve orta dereceli eylem öğelerini ekleyin

❷ İlk ve orta dereceli eylem öğeleri ayırt edin

❸ İçeriklerden eylemleri ayırmak için boşluk, boyut ve renkler kullanın

❹ Kullanıcının yapacağı eylemi açıklar Etkin bir dil kullanın

Page 21: E-ticaret Siteleri için Kullanıcı Deneyimi

E-ticaret Siteleri için Kullanıcı Deneyimi (UX)

› Alışveriş tarzlarına göz atma› Ürünleri Mercek altına alma› Vurgulu Call-to-Action oluşturma› Ödeme işlemini hızlandırma› E-Commerce UX Case Studies› Sitede Güvenirlik Öğeleri› Teşekkürler

"Fiyat, önemli olmasına rağmen, e-ticaret davranışını yöneten tek faktör değildir.Rahatlık ve kullanım kolaylığı da önemlidir…“ Greg Nudelman

Page 22: E-ticaret Siteleri için Kullanıcı Deneyimi

Ödeme işlemini hızlandırma

❶ Alışveriş sepetini tüm sayfalarda açıkça görülebilir şekilde konumlandırın

❷ Alışveriş sepetinde tüm ücretleri gösterin

❸ Müşterilerin hesap oluşturmadan satın almasına izin verin

❹ Satın alma, tek bir sayfada olsun

❺ En hızlı tamamlama süresi ile ilgili tasarım biçimleri

Page 23: E-ticaret Siteleri için Kullanıcı Deneyimi

Ödeme işlemini hızlandırma

❶ Alışveriş sepetini tüm sayfalarda açıkça görülebilir şekilde konumlandırın

❷ Alışveriş sepetinde tüm ücretleri gösterin

❸ Müşterilerin hesap oluşturmadan satın almasına izin verin

❹ Satın alma, tek bir sayfada olsun

❺ En hızlı tamamlama süresi ile ilgili tasarım biçimlerini test edin

Page 24: E-ticaret Siteleri için Kullanıcı Deneyimi

Ödeme işlemini hızlandırma

❶ Alışveriş sepetini tüm sayfalarda açıkça görülebilir şekilde konumlandırın

❷ Alışveriş sepetinde tüm ücretleri gösterin

❸ Müşterilerin hesap oluşturmadan satın almasına izin verin

❹ Satın alma, tek bir sayfada olsun

❺ En hızlı tamamlama süresi ile ilgili tasarım biçimlerini test edin

Page 25: E-ticaret Siteleri için Kullanıcı Deneyimi

Ödeme işlemini hızlandırma

❶ Alışveriş sepetini tüm sayfalarda açıkça görülebilir şekilde konumlandırın

❷ Alışveriş sepetinde tüm ücretleri gösterin

❸ Müşterilerin hesap oluşturmadan satın almasına izin verin

❹ Satın alma, tek bir sayfada olsun

❺ En hızlı tamamlama süresi ile ilgili tasarım biçimlerini test edin

Page 26: E-ticaret Siteleri için Kullanıcı Deneyimi

Ödeme işlemini hızlandırma

❶ Alışveriş sepetini tüm sayfalarda açıkça görülebilir şekilde konumlandırın

❷ Alışveriş sepetinde tüm ücretleri gösterin

❸ Müşterilerin hesap oluşturmadan satın almasına izin verin

❹ Satın alma, tek bir sayfada olsun

❺ En hızlı tamamlama süresi ile ilgili tasarım biçimlerini test edin

Page 27: E-ticaret Siteleri için Kullanıcı Deneyimi

E-ticaret Siteleri için Kullanıcı Deneyimi (UX)

› Alışveriş tarzlarına göz atma› Ürünleri Mercek altına alma› Vurgulu Call-to-Action oluşturma› Ödeme işlemini hızlandırma› E-Commerce UX Case Studies› Sitede Güvenirlik Öğeleri› Teşekkürler

"Fiyat, önemli olmasına rağmen, e-ticaret davranışını yöneten tek faktör değildir.Rahatlık ve kullanım kolaylığı da önemlidir…“ Greg Nudelman

Page 28: E-ticaret Siteleri için Kullanıcı Deneyimi

E-Commerce UX Case Studies

AlexandAlexa.com dünyanın dört bir yanında 100’ den fazla segmenti yüksek çocuk markasını (Burberry, Chloe, Fendi ve Dior ) online olarak satışa sunan bir e-ticaret sitesidir.

Kullanılabilirlik testi ile başlayan AlexandAlexa hedef kitle üyeleri gerçek kullanıcı sorunları, geri bildirim ve etkileşimleri istendi. AlexandAlexa tarafından sağlanan Google Analytics veri analizi, kullanıcı davranışı ve iyileştirme fırsatlarını belirlemek amacıyla veriler toplandı ve bu veriler ışığında iyileştirmeler yapıldı.

Kullanıcı deneyiminin iyileştirilmesi ile birlikte sitede ortalama geçirilen süreler arttı, sepet ortalaması eskiye oranla önemli artışlar oldu ve en önemlisi sitede sayfa gösterim oranları çok fazla arttış gösterdi. AlexandAlexa için öncelikli olan tabi ki hızlı satın alma ve bütçeyi üst düzeye çıkmasıydı. Bunların gerçekleşmesi ile istedikleri rakamlara ulaştılar.

Page 29: E-ticaret Siteleri için Kullanıcı Deneyimi

E-Commerce UX Case Studies

Edward Sloane mobilya ticaretinde köklü bir aile mirasına sahip olan bir girişimci. Edward, şık, kaliteli ev mobilyalarını tüm ülke çapında pazarlamaya yönelik bir vizyona sahipti. Yaptırdığı Kullanıcı deneyim çalışmaları ile altı ay içinde Homelife’a yarım milyon kazandırıyor!

Page 30: E-ticaret Siteleri için Kullanıcı Deneyimi

E-Commerce UX Case Studies

Mevsimsel ve tatil odaklı slide kısmı şefaf ve arka planlar ile beraber güzel call-to-action sayesinde Homelife sitesi rakiplerin üzerinde duruyor. Onun başarısı için önemli bir sebep.

Ana Sayfa Şeffaf CTAs

Şeffaf etkin CTAs (Calls-To-Action) ve kolay gezinme işlemi hızlandırır. Potansiyel bir müşteri kolayca (herhangi bir yerden) ulaşabilir ve bu önemli dönüşüm noktası her zaman elinizin altındadır.

Page 31: E-ticaret Siteleri için Kullanıcı Deneyimi

E-Commerce UX Case Studies

Mevsimsel ve tatil odaklı afiş ve arka planlar ile beraber güzel call-to-action sayesinde Homelifesitesi rakiplerinden üzerinde duruyor. Onun başarısı için önemli bir sebep.

Tek Sayfa Ödeme Hiyerarşi & UX

Kullanıcı Deneyimi, olsa da görünmezdir çoğu zaman, satın alma yolu üzerindeki dramatik etkilere sahiptir.

Page 32: E-ticaret Siteleri için Kullanıcı Deneyimi

E-ticaret Siteleri için Kullanıcı Deneyimi (UX)

› Alışveriş tarzlarına göz atma› Ürünleri Mercek altına alma› Vurgulu Call-to-Action oluşturma› Ödeme işlemini hızlandırma› E-Commerce UX Case Studies› Sitede Güvenirlik Öğeleri› Teşekkürler

"Fiyat, önemli olmasına rağmen, e-ticaret davranışını yöneten tek faktör değildir.Rahatlık ve kullanım kolaylığı da önemlidir…“ Greg Nudelman

Page 33: E-ticaret Siteleri için Kullanıcı Deneyimi

Sitede Güvenirlik Öğeleri

Adres güvenlik kaygıları

• Çevrimiçi güvenlik eTicaret kullanıcıları için büyük bir endişe kaynağıdır.

• SSL (Secure Socket Layer) sertifikaları, güvenlik duvarları, şifreleme algoritmaları gibi mekanizmalarla kontrol edilmesi gereken noktalardan bir tanesidir.

"Fiyat, önemli olmasına rağmen, e-ticaret davranışını yöneten tek faktör değildir.Rahatlık ve kullanım kolaylığı da önemlidir…“ Greg Nudelman

Page 34: E-ticaret Siteleri için Kullanıcı Deneyimi

Sitede Güvenirlik Öğeleri

“Bir web sitesinin güvenilirliğini etkisini artırmak için, hedef kitlenizin hangi öğeleri olumlu yorumluyor; onları bulmak ve bu unsurların belirgin hale getirmekten geçer." B.J. Fogg

GÜVENİRLİK İŞARETLERI

Perakende sitelerinde Güven İşaretleri (örn. Verisign, TRUSTe) görmeyen kullanıcılar bir sitede bilgi paylaşımında bulunmak için tereddüt edebilir. Her iki taraftan yürütülen çalışmalar McAfee ve VeriSign gibi bağımsız bir perakende sitesi Güven İşaretlerini kullanırsa online satışları yaklaşık % 10 den % 36’ya artış olduğunu görebiliriz.

Page 35: E-ticaret Siteleri için Kullanıcı Deneyimi

Sitede Güvenirlik Öğeleri

GÜVENİRLİK İŞARETLERI AÇIKLAMAK

Güven işaretleri eklemek kadar o işaretlerin ne anlama geldiği ve kullanıcılara nasıl faydalar sağladığını da açıklamak gerekir.

FreeTaxUSA sitesinde, güvenlik işaretleri altbilgi üzerinde ısrarla görüntülenir ve kullanıcılar işaretlerin herhangi birine tıklayarak açıklamaları okuyabilir.

“Bir web sitesinin güvenilirliğini etkisini artırmak için, hedef kitlenizin hangi öğeleri olumlu yorumluyor; onları bulmak ve bu unsurların belirgin hale getirmekten geçer." B.J. Fogg

Page 36: E-ticaret Siteleri için Kullanıcı Deneyimi

Sitede Güvenirlik Öğeleri

DİĞER GÜVENLİK MEKANİZMALARI

eBay Buyer Protection

eBay kendisine ait bir havuz sistemi kurarak kullanıcılara daha güvenililir olmak ve satışları artırmak için önemli bir adım attı.

Best Buy Privacy Hub

Animal Testing

İnsani Yardım Kampanyaları

Sorunların Üstesinden Gelmek

“Bir web sitesinin güvenilirliğini etkisini artırmak için, hedef kitlenizin hangi öğeleri olumlu yorumluyor; onları bulmak ve bu unsurların belirgin hale getirmekten geçer." B.J. Fogg

Page 37: E-ticaret Siteleri için Kullanıcı Deneyimi

Sitede Güvenirlik Öğeleri

DİĞER GÜVENLİK MEKANİZMALARI

eBay Buyer Protection

Best Buy Gizlilik Hub iletişim bilgilerini içeren bir dizi bilgi verici mesajlar veriyor.

Best Buy Privacy Hub

Animal Testing

İnsani Yardım Kampanyaları

Sorunların Üstesinden Gelmek

“Bir web sitesinin güvenilirliğini etkisini artırmak için, hedef kitlenizin hangi öğeleri olumlu yorumluyor; onları bulmak ve bu unsurların belirgin hale getirmekten geçer." B.J. Fogg

Page 38: E-ticaret Siteleri için Kullanıcı Deneyimi

Sitede Güvenirlik Öğeleri

DİĞER GÜVENLİK MEKANİZMALARI

eBay Buyer Protection

Animal Testing şiddet içermeyen alışveriş siteleri Urban Decay standında Leaping Bunny tıklayarak görüntülenebilir.

Best Buy Privacy Hub

Animal Testing

İnsani Yardım Kampanyaları

Sorunların Üstesinden Gelmek

“Bir web sitesinin güvenilirliğini etkisini artırmak için, hedef kitlenizin hangi öğeleri olumlu yorumluyor; onları bulmak ve bu unsurların belirgin hale getirmekten geçer." B.J. Fogg

Page 39: E-ticaret Siteleri için Kullanıcı Deneyimi

Sitede Güvenirlik Öğeleri

DİĞER GÜVENLİK MEKANİZMALARI

eBay Buyer Protection

Kadın girişimciliği için Dermalogica verdiği desteği kendi web sitesinde bildirir ve buna ek olarak, örgütlenme ile ilgili daha detaylı bilgi almak için örgüte ait bir siteyle ortak çalışma yapılır.

Best Buy Privacy Hub

Animal Testing

İnsani Yardım Kampanyaları

Sorunların Üstesinden Gelmek

“Bir web sitesinin güvenilirliğini etkisini artırmak için, hedef kitlenizin hangi öğeleri olumlu yorumluyor; onları bulmak ve bu unsurların belirgin hale getirmekten geçer." B.J. Fogg

Page 40: E-ticaret Siteleri için Kullanıcı Deneyimi

Sitede Güvenirlik Öğeleri

DİĞER GÜVENLİK MEKANİZMALARI

eBay Buyer Protection

Dell kullanıcıları bütçe ve faiz dışı kullanımı gibi parametrelere göre doğru ürünü seçip kullanıcıların doğru satın alması için yardımcı olacak bir uygulama sunar.

Best Buy Privacy Hub

Animal Testing

İnsani Yardım Kampanyaları

Sorunların Üstesinden Gelmek

“Bir web sitesinin güvenilirliğini etkisini artırmak için, hedef kitlenizin hangi öğeleri olumlu yorumluyor; onları bulmak ve bu unsurların belirgin hale getirmekten geçer." B.J. Fogg

Page 41: E-ticaret Siteleri için Kullanıcı Deneyimi

Teşekkürler…

Mazlum Dinler

[email protected]@mazlumdinler

Dijital Pazarlama Uzmanı