30 Ekim 2014

Sepete Ekle Butonu


E-ticaretin olmazsa olmazı “sepete ekle” butonu konusunu ele alacağız bu yazıda.

E-ticaret siteleri için “call to action” olarak en önemli buton olan sepete ekle butonuna çoğu şirket gerektiği önemi vermiyor. Birçok e-ticaret sitesi, kurulumu sırasında kullandıkları tema ile gelen standart “sepete ekle” butonunu sitesinde kullanıyor.

E-ticaret siteleri için “Sepete Ekle” butonu zamanla markanın bir parçası haline geliyor. Amazon’un butonunu birçok kişi ekrana uzak dahi olsa tanıyor.

Kullanacağınız butonun rengi, yazısı, şekli, harflerin büyük ya da küçük oluşu ve hatta sepet fotoğrafı olup olmaması bile ince ayrıntılar gibi gözükse de önemli ayrıntılar.

Rastgele seçtiğimiz 30 Türk e-ticaret sitesinin “Sepete Ekle” butonlarını inceledik ve belirli kriterlere göre sınıfladık. Sepete ekle butonunuza karar vermeden önce, sektörde diğer siteler neler yapmış sorusuna sizin için cevap aradık.

Şimdi seçtiğimiz kriterlere göre sonuçlara göz atalım.

Sepete Ekle Buton Rengi

Her rengin bir dili var. Sıcak bir renk olan kırmızı, hareketliliği, dinamizmi temsil ederken, turuncu ise kırmızıdan sonraki en sıcak rengi temsil ediyor.

Sepete ekle butonunuzun rengine karar vermeden önce renklerin anlamlarına göz atmanızı ve hem site tasarımınıza hem de markanıza uygun rengi seçmenizi tavsiye ederiz.

Sepete Ekle Butonu Rengi

Sepete Ekle Buton Yazısı

İncelediğimiz siteler arasında “Sepete Ekle” ezici bir çoğunlukla 30 sitenin 22’sinde kullanılmış. İkinci en popüler buton yazısı ise “Sepete At”.

Sepete Ekle Buton Yazısı

Sepete Ekle Buton Şekli

İncelediğimiz sitelerin çoğunluğu yuvarlak köşeli bir buton tasarımı tercih etmiş. Buton tasarımının sitenizin tasarımı ile uyum sağlaması çok önemli.

Sepete Ekle Buton Şekli

Sepete Ekle Yazısı Büyük/Küçük Harf

30 sitenin 15’i sepete ekle yazısının sadece baş harflerini büyük olarak kullanmış.

Sepete Ekle Yazısı Büyük/Küçük Harf

Sepet/Çanta İkonu Var Mı?

Sepet ya da çanta ikonu, inceledeğimiz sitelerin yarısından çoğunda kullanılmış. Alışveriş sepeti ikonu, tüketiciler açısından göz alışkanlığı nedeni ile satın alma kararında ilk aranan ikon/şekil olabiliyor.

Sepet/Çanta İkonu Var Mı?

30 E-ticaret Sitesinin Sepete Ekle Butonları


  1. Bilkom Sepete EkleBilkom.com.tr
  2.  


  3. Bimeks Sepete EkleBimeks.com.tr
  4.  


  5. Bonnyfood Sepete AtBonnyfood.com
  6.  


  7. Çiçek Sepeti Devam EtCicekSepeti.com
  8.  


  9. Delta Bisiklet Sepete AtDeltaBisiklet.com
  10.  


  11. Deppo Sepete EkleDeppo.com
  12.  


  13. Ejoya Sepete EkleEjoya.com
  14.  


  15. Ereyon Sepete AtEreyon.com.tr
  16.  


  17. Evmanya Sepete EkleEvmanya.com
  18.  


  19. Gittigidiyor Sepete EkleGittigidiyor.com
  20.  


  21. Gold Bilgisayar Sepete EkleGold.com.tr
  22.  


  23. Hepsiburada Sepete EkleHepsiburada.com
  24.  


  25. Hızlı Al Sepete EkleHizliAl.com
  26.  


  27. İstanbul Bilişim Sepete EkleİstanbulBilisim.com.tr
  28.  


  29. Kangurum Sepete EkleKangurum.com.tr
  30.  


  31. Kartvizit Sepete EkleKartvizit.com.tr
  32.  


  33. Kitap Yurdu Sepete EkleKitapYurdu.com
  34.  


  35. Koçtaş AdetKoçtaş.com.tr
  36.  


  37. Pabbuç Sepete EklePabbuc.com
  38.  


  39. Pasaj Sepetime EklePasaj.com
  40.  


  41. Pierre Cardin Sepete EklePierrecardin.com.tr
  42.  


  43. Pratik Ev Sepete EklePratikEv.com
  44.  
     
     


  45. Sevil Çantama EkleSevil.com.tr
  46.  
     


  47. Teknosa Sepete EkleTeknosa.com
  48.  


  49. Tisho Sepete EkleTish-o.com.tr
  50.  
     
     


  51. Vatan Bilgisayar Sepete EkleVatanBilgisayar.com
  52.  


  53. Vimjo Sepete EkleVimjo.com
  54.  


  55. Webdenal Sepete AtWebdenal.com
  56.  


  57. Yalçınlar Sepete EkleYalcinlar.com.tr
  58.  


  59. Zizigo Sepete EkleZizigo.com
  60.  


Sepete Ekle Butonunda Yapmamanız Gereken Hatalar

İncelediğimiz sitelerde nadir de olsa önemli hatalar yapıldığını gözlemledik. Bunların başlıcaları:

  • Sepete Ekle Buton Boyutu: Bazı sitelerde buton boyutu çok küçük kullanılmış. Ziyaretçinin sepete ekle butonunu görebilmesi vakit alabiliyor.
  • Sepete Ekle Buton Konumu: Kullanılabilirlik anlamında, e-ticaret sitelerinde alışılmış “sepete ekle” butonu konumu, sağ tarafta ürün fiyatının altıdır. Bazı siteler sepete ekle butonunu çok farklı bir yere koyarak site müşterilerinin işini zorlaştırmış.
  • Sepete Ekle Buton Rengi: Bazı siteler temalarının renkleri arasında kaybolan renk seçimi yapmış. Sepete ekle butonu öne çıkmıyor ve gözün birkaç saniye butonu araması gerekiyor.
  • Fazla Buton/Grafik Kullanımı: İncelediğimiz siteler arasında sepete ekle butonuna çok yakın şekilde konumlandırılmış çok fazla buton ve grafik olan birkaç site gördük. Sepete ekle butonunun öne çıkmasını engelleyen bu tarz konumlandırmalardan kaçınmakta fayda var.

En Optimum Sepete Ekle Butonu için A/B Test

İncelediğimiz siteler için önemli kriterleri paylaştık. CTR (Clickthrough rate) ve CTP (Click-to-purchase) rakamlarını esas alarak bu kriterlerin hepsi için farklı A/B ve multivariate (çok değişkenli) testler yapabilirsiniz.

Seçtiğiniz rengin farklı tonlarının bile müşterilerinizin satın alma kararlarında etkisini ancak test yaparak görebilirsiniz.

“Sepete Ekle” butonu e-ticaret siteleri için satın alma kararı vermeden önce son duraktır ve tahminlerin aksine çok önemli bir ayrıntıdır.

Amacınız kaliteli bir e-ticaret sitesi oluşturmak ise sepete ekle butonuna vereceğiniz önem kesinlikle boşa gitmeyen vakit ve yatırım olacaktır.



Sosyal medya ve e-bülten ile de EticaretMag'ı takip edebilirsiniz!

EticaretMag Twitter EticaretMag 

Facebook Sayfası EticaretMag Youtube EticaretMag Google+ E-ticaret 

Türkiye Linkedin Grubu E-

ticaretMag RSS E-

ticaretMag RSS

Yorumlar

  1. Tasarımda kontrast, konum, büyüklük, renk etkili bir CTA için manipülasyon araçlarımız fakat genelde ülkemizde tasarım diyince “grafik tasarım çalışması” anlaşıldığı için “sepete ekle” gibi web copy, içerik, sunuş kavramları arada meze olur. Bu farkındalığı sağlayan yazınız için teşekkür ederim.

    Benzer bir konuyla alakalı olarak merak edenler 300 milyon dolarlık buton hikayesini de okuyabilir. http://siberkultur.com/?q=300-milyon-dolarlik-buton

  2. Harika bir çalışma Ahmet, tebrikler.

  3. Güzel bir çalışma olmuş, paylaşım için teşekkürler.

  4. sepet koy yapacağım bir dahaki projemde tşkler…

  5. Ahmet Bey,

    Sizi tebrik ederim, bir çok insan için basit gibi gözüken, belki de hiç önemseyen, aklının ucundan geçmeyen bu yapıyı böyle detaylı ele almanız çok güzel oldu.

    Artık bu işlerin tasarımcıların o anki ruh hallerine bırakmamalarını gerektiği konusunda hepimiz hem fikir olduk.

  6. Merhabalar herkese benim sayfamdaki buton sizce nasıl ? bu makalenin sonucunda nasıl yorumlarsınız ?
    http://www.refleksfoto.com/themes/btn_standart/addtocart.gif

  7. Teşekkürler Saolun. :)

  8. Sitenin tasarımın geneline göre sepet iconu da şekilleniyor. Fakat sitenin yapısına göre ilgi çekici bir renkte ve yerde konumlandırılmalı. Tasarıma göre de yazı ve iconla desteklenmeli.

  9. İnce düşünülmüş bir yazı olmuş eline sağlık 30 tane siteninde sepet butonunu bulmak ayrı bi emek eline sağlık.

  10. Bizim de http://www.hirdavatfirsati.com online satış mağazamız var ve yazınızı okuyunca bu konuya dikkat etmeyerek hata yaptığımı anladım. En kısa sürede yeni bir sepete ekle butonu kullanacağım. Çok teşekkürler.

  11. http://www.albirelma.com/ un butonu da çok güzel…

  12. sepete ekle güzelmiş

  13. güzel paylaşım

Geribildirimler

Fikrini söyle

*