Hediye Kartları UX ve UI En İyi Uygulamaları

Hediye kartlarının e-ticarette sıcak bir konu haline gelmesi şaşırtıcı değil. Bunlar yalnızca şükran ve sevgiyi ifade etmek için değil, aynı zamanda akıllıca bir hediye fikri bulmak için zamanınız kalmadığında tüyler ürpertici satın alma ikilemlerine de etkili bir çözümdür.

İçindekiler

• ‍ Hediye kartları için ayrı bir satın alma yolu tasarlayın
• Tüm hediye seçeneklerini listeleyen ayrı bir açılış sayfası oluşturun
• Müşterilerin hediye kartı durumunu kontrol etmeleri için ayrı bir bölüm sağlayın
• Hediye kartlarını birden çok alanda tanıtın
• Hediye kartı satın alma yolculuğunu tasarlayın
• Hediye türü seçimi
• Kart formatının seçilmesi
• Teslim tarihi seçimi (isteğe bağlı)
• Hediye kartı tutarını seçme
• Alıcıların bilgilerini sağlama
• Hediye kartı kodunu kişiselleştirme
• Hediye çeki şablonlarını seçme
• Kartları özelleştirmek için bir fotoğraf yükleme
• Ödeme işlemi
• Kartları birden fazla kanal aracılığıyla alıcılara gönderin
• Etkili bir e-posta tasarımı ile gelin
• Hediye kartları kullanma‍
• Kısmi kullanımlara izin ver
• Hediye kartı giriş alanını tasarlayın
• Başarı ve hata mesajları oluşturun
• Hediye kartı süre sonu bildirimleri tasarlayın
• Özet
  

Sadece 2019'da neredeyse 3 milyar dolarlık hediye kartı nakit kullanılmadı. Bu arada, 2019'daki toplam hediye kartı harcaması 98,6 milyar doları buldu. Kaynak

Hediye kartlarının son derece güçlü bir araç olduğunu bilerek, hediye kartlarının satın alma ve geri ödeme sürecini basitleştirmeye değer. Ancak girdi alanları nasıl tasarlanmalıdır? Hangi alt sayfalarda tanıtılmalıdır? Ve UX ilkelerine göre kart satın alma ve kullanma nasıl görünmelidir?

Bu blog gönderisi, web sitesi ve mobil için hediye kartları UX ve UI tasarlamak için en iyi uygulamaları ve ilhamları toplar. Sitenizde hediye kartlarını tanıtmaktan satın alma sürecini tamamlamaya, kartı şanslı alıcıyla paylaşmaya ve son olarak kartı mağazanızda kullanmaya kadar tüm müşteri yolculuğunu ele alacağız.

{{E-KİTAP}}

{{ENDEBOOK}}

Not: Tüm masaüstü ekran görüntüleri Mac, Chrome'da yapılmıştır.

Not: Bu gönderinin ana odak noktası, dijital kodlar veya basılı kartlar olarak satın alınabilir hediye kartlarıdır. Hediye kartlarını promosyon araçları ve teşvikler olarak kullanma hakkında daha fazla bilgi edinmek isterseniz, kuponlar ve promosyonlar için UX kılavuzumuza göz atmanızı şiddetle tavsiye ederim .

Hediye kartları için ayrı bir satın alma yolu tasarlayın

Hediye kartları için satın alma yolu, özellikle dijital hediye kuponları sunuyorsanız, standart müşteri yolculuğundan büyük ölçüde farklılık gösterebilir. Bu nedenle sitenizin ayrı bir modülü olarak tasarlanmalıdır. Çoğu hediye kartı satın alma yolu, kullanıcı arayüzü tasarımınıza yansıtılması gereken birkaç önemli adıma inecektir:

• İlk olarak, mağazanızdaki hediye kartları bölümünü bulun.
• Hediye kartı biçimini ve şablonunu seçme (önerilir).
• Kart değerini seçme.
• Teslimat yöntemini ve tarihini ayarlama.
• Alıcı bilgilerinin ve kartla birlikte gönderilecek mesajın doldurulması.
• Çıkış yapmak.
  

Not edebileceğiniz gibi, bu süreç, bir ürünün sepete eklendiği standart ürün satın alımından farklıdır ve herhangi bir ekstra ayrıntı verilmesine gerek yoktur. Bu yüzden bu bölüm için standart ürün görünüm sayfanızdan farklı bir tasarım geliştirmeniz gerekiyor. Ama bunun hakkında daha sonra.

Bu yazı esas olarak e-hediye kartları için yazılmıştır. Yalnızca gerçek mekanda faaliyet gösteren konumlarda hediye kuponları sunuyorsanız, fiziksel kartlar için en iyi UX uygulamalarının listesi aşağıda verilmiştir:

• Onları göz alıcı hale getirin - tasarım, bir müşterinin onları fark edip etmeyeceğine ve satın almayı düşünüp düşünmeyeceğine karar verebilir.
• Kartları sarın - kartları zarflara koyun ve müşterilere kişiselleştirilmiş bir mesaj veya en iyi dileklerini yazmaları için bir alan sağlayın.
• Onları sergileyin – her yere koyun ve gözden kaçırmalarını imkansız hale getirin (örneğin, kasiyer masası).
• Bunları mobil uyumlu hale getirin – mobil kullanım sağlayın ve müşterilerin bir mobil cihazda görüntülenen hediye kartlarını kullanmalarına izin verin. Örneğin, bir mobil cihaza taranabilen ve kaydedilebilen QR kodları veya barkodlar kullanılarak.
  

Bununla birlikte, dijitale geçtiyseniz, hediye kartı yolculuğunuzun UX ve UI perspektiflerinden uygun şekilde tasarlandığından emin olmak için bazı önemli yönergeler aşağıda verilmiştir.

Tüm hediye seçeneklerini listeleyen ayrı bir açılış sayfası oluşturun

Artık hediye modülünüzü tasarlamak için biraz daha zaman ayırmanın gerekliliğini bildiğinize göre, bir açılış sayfasına da ihtiyacınız olacak. Hediye kartı açılış sayfanız, mevcut hediye kartı seçeneklerini net bir şekilde açıklamalıdır. Farklı kart tasarımları sergilemeli (birçok kart sunuyorsanız) ve farklı kart teslimat seçenekleri sunmalıdır (hem e-posta hem de baskı sağlıyorsanız). Ayrıca, potansiyel alıcılara ek bilgi sunmak için buraya bazı SSS veya Şartlar ve Şartlar koymanız önerilir.

Misal:

Zalando, hediye kartlarını tanıtmak için özel bir açılış sayfasına sahiptir. Bu görünümden, potansiyel alıcılar tüm olası kişiselleştirme seçeneklerini görebilir ve standart kartlar ile hediye kutuları arasında seçim yapabilir.

Bir şarap e-ticaret işletmesi olan Winc, hediye kartı açılış sayfasına akıllıca bir kopyayla birlikte bir SSS bölümü ekledi.

Açılış sayfasını yalnızca teklifinizi sergilemek için değil, aynı zamanda müşterilerin mevcut kart bakiyelerini kontrol etmelerini sağlamak için de kullanabilirsiniz. Bazı şirketler bu alanı, kullanıcıların zaten sahip oldukları kartları yeniden yüklemelerine izin vermek için de kullanır.

Müşterilerin hediye kartı durumunu kontrol etmeleri için ayrı bir bölüm sağlayın

Hediye kartlarını teşvik veya satın alınabilir bir ürün olarak sunmanız önemli değil, yine de kullanıcıların kart durumlarını doğrulamaları için ayrı bir alan sağlamanız önerilir. Müşterilerin kartın geçerliliğini, mevcut bakiyesini kontrol etmesine, hatta kartı yeniden doldurmasına veya kredileri başka bir karta aktarmasına izin verebilirsiniz.

Misal:

Shein'in hediye kartları bölümünde, müşterilerin hediye kartı bakiyelerini kontrol etmelerini sağlayan ve bu alanı hediye kartlarıyla ilgili her şey için gidilecek yer haline getiren küçük bir widget vardır.

Starbucks, kullanıcıların sayfanın ayrı bir bölümünde bakiyeyi kontrol etmelerine, bakiye aktarmalarına, sorunları bildirmelerine veya kartları yeniden yüklemelerine olanak tanır.

Hediye kartlarını birden çok alanda tanıtın

Hediye kartlarınız için bir açılış sayfası oluşturmanın yanı sıra, mağazanızın bu bölümünü potansiyel müşteriler için kolayca erişilebilir hale getirmelisiniz. Müşteriler sitenizde kartları kolayca bulamıyorsa, hediye vermekten fazla gelir elde edemezsiniz. Hediye kartlarıyla ilgili bilgiler sayfa gezinme çubuğuna ve altbilgiye yerleştirilmelidir. Hediye kartları yeni bir şeyse veya hediye sezonu başlamak üzereyse, müşteri farkındalığını artırmak için hediye kartlarında indirim içeren özel bir promosyon kampanyası başlatmayı düşünebilirsiniz.

Misal:

Home Depot, bir gezinme çubuğunun yanı sıra ek hizmetler içeren bir üst çubuğa da sahiptir. Hediye çeklerini tanıtmak için bu alanı kullanmaya karar verdiler. Müşteriler her zaman bu teklifi sayfanın en üstünde göreceğinden, iyi UX uygulamalarını takip eder.

Ayrıca altbilgiye hediye kartları da eklediler.

Zalando, hem gezinme çubuğunda hem de altbilgide hediye kartları hakkında bilgi verir. Ancak bu durumda, hediye kartları Aksesuarlar kategorisi altında listelendi ve bu da onları The Home Depot'ta bulmaktan daha zor hale getirdi.

Web sitesi veya mobil uygulama navigasyonunun yanı sıra, e-postalarınızın alt bilgisine hediye kartları da ekleyebilirsiniz. Ayrıca, bunları müşteri yolculuğunun belirli aşamalarına da dahil edebilirsiniz. Örneğin, alışveriş yapanları mağazanıza bir hediye kartı almaya teşvik etmek için satın alma sonrası teşekkür postasında hediye kartlarından bahsedebilirsiniz, çünkü onlar zaten markanızla alışveriş yapmaktan zevk alırlar. Başka bir fikir, alışveriş sepeti görünümünün yanındaki önerilen öğeler bölümüne kart eklemek olabilir.

E-postalardan bahsetmişken, yılın belirli zamanlarında hediye kartlarını tanıtmak için ayrı mesajlar göndermeyi de düşünebilirsiniz. Örneğin, mağazanızdaki hediye olanaklarıyla ilgili özel e-posta mesajlarıyla Noel veya Anneler Günü gibi tatilleri hedefleyin.

Örnek :

Winc, abonelere Anneler Günü'nü hatırlatmak ve hediye kartlarını tanıtmak için ayrı bir e-posta gönderdi.

Alloy Apparel, müşterilere kartları son dakikada satın alma şansı vermek için Noel'den bir gün önce tüm fiziksel hediye kartlarında indirim kampanyası başlattı.

Hediye kartı satın alma yolculuğunu tasarlayın

Hediye türü seçimi

Artık müşterilerin teklifimizi bulmasını nasıl sağlayacağımızı bildiğimize göre, satın alma için mümkün olan en iyi yolu tasarlayabiliriz. Elbette, satın alma yolunuz aşağıda ele alacağımdan farklı olabilir.

Misal:

PrettyLittleThing, yalnızca bir hediye türü ve biçimi sunar. Bu nedenle, müşteri yolculukları hediye çeki şablonlarının seçimiyle başlar.

Hediye kartı türünü seçerek başlayalım. Bireysel dijital kuponlardan kurumsal kartlara ve grup hediyelerine kadar pek çok hediye seçeneği mevcuttur. Bu aşamanın tasarımı, sunmak istediğiniz hediye kartlarının çeşitliliğine bağlı olarak büyük ölçüde değişecektir. Seçenek sayısı ne olursa olsun, hepsinin okunaklı bir şekilde listelendiğinden emin olun – yalnızca bir hediye seçeneğini vurgulamak istemiyorsanız, bilgi mimarinizi düz tutmanız şiddetle tavsiye edilir.

Örnek :

Home Depot birden fazla hediye seçeneği sunar. Bireysel kartlar, eşit derecede önemli bonus seçenekleri ızgarasının üstündeki üst başlıkta tanıtılır, bu da yerleşimi kullanıcı için anlaşılır kılar ve tüm seçenekler bir bakışta görünür hale gelir.

Zalando ayrıca daha fazla kişiselleştirme seçeneği sunar, ancak müşterilerin mevcut tüm seçenekleri görmek için aşağı kaydırması gereken dikey bir düzeni tercih etti. Zalando sadece bireysel kartlar sunduğundan, düz bir düzene ihtiyaç duymazlar. Bunun yerine, odağı farklı şablonlara ve seçeneklere geçirmek için sayfayı kullanırlar. Ekstra seçenek (hediye kutuları) sayfanın alt kısmında sunularak ana ürün olmadığı anlaşılır.

Kart formatının seçilmesi

Hem dijital hem de fiziksel hediye çekleri sunuyorsanız, satın alma yolunda bir sonraki adım bu iki seçenek arasından seçim yapmak olmalıdır. Bu ve aşağıdaki adımların hepsinin tek bir sayfada sunulması gerektiğini unutmayın. Kullanıcıları satın alma işlemini tamamlamaları için yeni sayfalara yönlendirmek, büyük olasılıkla deneyime zarar verecek ve onların siteden ayrılmalarına neden olacaktır.

Teslimat yöntemleri arasındaki seçim açık olmalıdır. Her iki seçenek arasındaki farkı vurgulamak için zıt renkler veya simgeler kullanmayı deneyebilirsiniz. Ayrıca net kopya kullanılması önerilir - "E-posta ile gönder" ve "Posta ile gönder" arasındaki kontrast yeterince şeffaf olmalıdır. Ayrıca, yetenekli kişi e-posta ile alırsa ancak basılı olarak mağazaya getirmek isterse, tamamen dijital formatın yanı sıra yazdırılabilir bir tasarıma (e-postaya eklenmiş bir PDF) sahip olma seçeneği de sunabilirsiniz. Ayrıca, POS'ta hızlı bir şekilde taranabilmesi için e-postaya bir hediye QR kodu da ekleyebilirsiniz.

Misal:

Victoria's Secret, müşteri yolculuğuna teslimat yöntemleri arasında seçim yaparak başlıyor. UI, her iki seçeneğe de aynı önemi verir. Ancak, daha zıt CTA'ları tavsiye ederim - “Posta ile gönder” ve “E-posta ile gönder”, özellikle ana dili İngilizce olmayanlar için kafa karıştırıcı olabilir.

Teslim tarihi seçimi (isteğe bağlı)

Hediye kuponlarınızın UX'ini artırmak için, kullanıcıların kartın tam olarak ne zaman gönderileceğini seçmelerine izin vererek dijital kartlarınıza biraz daha kişiselleştirme ekleyebilirsiniz. Kartlar genellikle hediye olarak gönderildiği için kullanılabilirlik açısından mantıklıdır – büyük tarihten beş gün önce bir doğum günü hediyesi göndermek berbat bir şey, değil mi?

Misal:

PrettyLittleThing, kullanıcının istenen teslimat tarihini ve saatini ayarlamasını gerekli kılar. Basit bir açılır liste kullandılar. Bunun yerine, kullanıcılara seçtikleri tarihi (örneğin, haftanın günü) daha iyi görmelerini sağlayan bir takvim tarih seçicisi kullanmanızı tavsiye ederim.

Hediye kartı tutarını seçme

Bir sonraki adımda, kullanıcıların hediye kartı tutarını seçmesine izin vermelisiniz. Önerilen ve tıklanabilir değerler ile özel giriş alanlarının birleşimi en iyi sonucu verir. Bu sayede kullanıcılara hediye değerinin ne olması gerektiğine dair bir ipucu vererek seçimini kolaylaştırırken aynı zamanda müşterilerin standart olmayan bir kart değeri satın almak istemeleri durumunda kişiselleştirme alanı da sunarsınız.

Misal:

Çevrimiçi bir sanat pazarı olan Saatchi Art, herhangi bir sınırlama getirmemek için hem önerilen değerleri hem de özel bir giriş alanını kullanır. Kullanıcı, maksimum hediye kartı değerini aşarsa, sayfanın üst kısmında hata ayrıntılarını bildiren bir hata mesajı alır.

Zalando, olası değerleri 50 ile 100 GBP arasında yerleştirerek hediye kartı değerine sınırlar koyar. Bu yaklaşım ekonomik açıdan mantıklı olabilir. Ancak, kuponlarınızın esnekliğini önemli ölçüde sınırlar ve daha pahalı bir hediye kartı almak isteyen kullanıcıları sitenizden uzaklaştırabilir.

Tiffany & Co., özel kart değerleri sunmaz. Bunun yerine önceden tanımlanmış kart değerleri sağlarlar. Kayda değer olan şey, daha düşük değerler mevcut olmasına rağmen varsayılan kart değerinin 500$ olmasıdır. Bu şekilde, Tiffany & Co., müşterileri daha yüksek değerli kartlara odaklanmaya yönlendirmeyi ve onları daha arzu edilir ve standart fiyat olarak algılanmasını sağlamayı başarıyor.

Alıcıların bilgilerini sağlama

Bu, özellikle dijital kuponlar bağlamında tasarım sürecinin çok önemli bir adımıdır. Burada en az iki giriş alanını kapsamanız gerekir – alıcının e-posta adresi ve e-postanın taşıması gereken hediye kartı mesajı. Bazı şirketler, kart teslimatını daha da kişisel hale getirmek için konu satırı özelleştirme seçenekleri de sunar. Önemli olan, yalnızca gerekli bilgileri (alıcının adı ve e-posta adresi) istemektir. Çok fazla ekstra alan eklemeyin.

Başka bir şey de kart mesajıdır – müşterilerin kartları daha hızlı göndermesini kolaylaştırmak için önceden yazılmış bir mesaj sağlamak en iyisidir. Ancak, önceden yazılmış metni beğenmezlerse, kullanıcıların mesajları değiştirmesine veya özelleştirmesine izin vermelisiniz. Ayrıca, mesaj alanını isteğe bağlı yapın.

Örnek :

Starbucks, alıcı ve gönderici bilgileri için basit bir kullanıcı arayüzü sunar.

Amazon, kullanıcılara mesajın nasıl görünebileceği hakkında bir fikir sağlamak için önceden yazılmış basit bir mesaj verir.

Hediye kartı kodunu kişiselleştirme

Hediye kartları işinizin büyük bir parçasıysa, kişiselleştirme potansiyellerini daha da artırmayı düşünebilirsiniz. Hediye kartı yazılımınız, hediye kartı kodunu alıcının adıyla eşleşecek veya kartın bağlı olduğu özel durumu (örneğin, HAPPYBIRTHDAY7593) içerecek şekilde özelleştirmenize izin vermelidir. Bu basit numara kartı daha akılda kalıcı hale getirecek. Benzersiz desen, kafa karıştırıcı karakterlerin veya uygun uzunluğun hariç tutulması nedeniyle kasada kart kodunun uygulanmasını da kolaylaştıracaktır. Kod doğrulama deneyimini iyileştirme hakkında daha fazla ayrıntı için buraya gidin.

Hediye çeki şablonlarını seçme

Hediye kartları genellikle hediye olarak gönderildiğinden, onları görsel olarak hoş ve duruma uygun hale getirmek en iyisidir. Örneğin, tamamen gri ve doğum günü dileği olmayan bir doğum günü kartı aldığınızı hayal edin. Bu en iyi hediye olmaz, değil mi? Bu nedenle, en az birkaç hediye çeki şablonu sunmanız önerilir.

Misal:

Amazon, çok sayıda kart şablonu sunar ve kullanıcılar, kart satın alma yolunu basitleştirerek duruma göre alışveriş yapabilir. Hediye kartı motorları birçok durum için hediyeler sağlar. Ayrıca, birden fazla çeşitlendirilmiş tasarımıyla ön ödemeli bir kartı kişiye özel bir hediye gibi gösterir.

Kartları özelleştirmek için bir fotoğraf yükleme

Bir bonus UX hızlı kazanımı, kullanıcıların kartı kişiselleştirmek için fotoğraflarını yüklemelerine izin vermek olacaktır. Ancak, bu özelliğin eklenmesinin, kendinizi herhangi bir üçüncü taraf fikri mülkiyet haklarını ihlal etmekten korumak için fotoğraflar için kullanım koşulları oluşturmanızı gerektirdiğini unutmayın.

Misal:

Zalando, kullanıcıların kart tasarımlarını oluşturmalarına olanak tanır. Ancak, her şeyin yasal tarafta çözüldüğünden emin olmak için Zalando, kullanıcıların kullanım koşullarına uymasını şart koşuyor.

Ödeme işlemi

Kullanıcılar gerekli tüm bilgileri doldurduğunda, standart ödeme işleminiz olarak tasarlanan ödeme adımına geçin. Kullanıcıların her değişiklik yaptıklarında tüm sepeti silmeden ve sıfırdan başlamadan, verdikleri bilgileri hızlı bir şekilde düzeltebilmelerini veya kartta değişiklik yapabilmelerini sağlayın. Kart ayrıntılarının bu görünüme sığdırılması da önerilir. Varsayılan olarak gizlenen ve kullanıcılar belirlenmiş bir simgeye tıkladığında veya fareyle kartın üzerine geldiğinde sunulan genişletilebilir bir metin kullanabilirsiniz.

Örnek :

PrettyLittleThing, kötü bir hediye kartı satın alma UX örneğidir. Kullanıcılar kartı sepete ekledikten sonra, alıcı bilgisi veya kupon değeri gibi kart bilgilerini güncellemenin basit bir yolu yoktur. Tek yol, kartı sepetten çıkarmak ve tüm işleme yeniden başlamaktır.

Winc, kullanıcıların sepet görünümündeyken kart değerini güncellemelerine olanak tanır.

Kartları birden fazla kanal aracılığıyla alıcılara gönderin

Kartları alıcılarla paylaşmak için birden fazla seçenek vardır. Bunlardan bazıları:

• E-posta mesajı ile gönder.
• Alıcıya, alıcıyla fiziksel olarak paylaşılabilen yazdırılabilir bir PDF olarak gönderin.
• Fiziksel kartları alıcıya veya alıcıya postayla teslim edin.
• Sosyal medya aracılığıyla gönderin, örneğin Messenger, Whatsapp.
  

UI tasarımına gelince, alıcıya e-posta mesajı ile gönderilen dijital kartlara odaklanacağız. Alıcılar markanızı ilk kez duyuyorsa, e-postanıza birkaç güven sinyali uygulayabilirsiniz. İşte spam'e nasıl son verileceğine dair bazı ipuçları:

• Açık bir gönderen kimliği önemli bir güven belirtecidir - güveni artırmak için hediye kartının ekli olduğu e-postanın konu satırına gönderenin adını eklemeyi düşünebilirsiniz. Örneğin, "Katie az önce size bir hediye gönderdi!" konu satırını kullanın.
• Kişiselleştirmeden yararlanın – alıcının adına sahipseniz, kullanıcı deneyimini geliştirmek ve mesajı daha güvenilir hale getirmek için e-postanıza eklemelisiniz.
• Konu satırında hediye kartı değerini abartmayın – konu satırında “kupon”, “kod”, “anlaşma” veya sayısal kart değeri gibi ifadeler kullanmaktan kaçının. Alıcının e-posta sağlayıcısı, mesajınızı spam olarak değerlendirebilir veya posta kutusunun Tanıtım sekmesine yerleştirebilir.
  

Etkili bir e-posta tasarımı ile gelin

E-posta içeriği söz konusu olduğunda, birkaç noktayı kapsaması gerekir:

• Kartın değerini ekleyin.
• Belirli Şartlar ve Koşullar için bir bağlantı veya (varsa) kartın kullanımına ilişkin sınırlamalara ilişkin ek bilgiler ekleyin.
• Tercihen tek tıklamayla panoya kopyalaması kolay hediye kartı kodu.
• Alıcıyı mağazanıza götüren bir CTA.
  

Kullanıcıların postalarınızı hem masaüstü hem de mobil cihazlarda okuyabileceğini unutmayın. Hediye kartlarınızın mobil uyumlu olduğundan emin olmak için, kullanıcıların dijital cüzdanlarına zaten eklenmiş hediye koduyla doğrudan e-ticaret uygulamanıza gitmelerini sağlamak için CTA'ya derin bağlantılar ekleyebilirsiniz. Yalnızca e-posta biçimine karar verirseniz, POS'taki tarama cihazının bunu kullanabilmesini sağlamak için kolayca yakınlaştırılabilen bir barkod veya yüksek kontrast oranına sahip QR kodu eklediğinizden emin olun.

Misal:

Bir hayır kurumu sağlık kuruluşu olan Watsi, uygun hediye kartı e-posta tasarımı söz konusu olduğunda tüm onay kutularını işaretler.

Amazon, hediye kartlarını hesapta tutulabilecek mağaza kredisi olarak değerlendirir. E-posta mesajlarına, kullanıcıları doğrudan Amazon web sitesine veya uygulamasına (cihaza bağlı olarak) götüren ve kredileri alıcının hesabına otomatik olarak uygulayan derin bir bağlantı eklediler.

Hediye kartlarını kullanma

Kim Salazar'ın önerdiği gibi, kuponların ve hediye çeklerinin kullanışlılığı, çevrimiçi mağazada kullanım kolaylığı ile doğru orantılıdır.

Minimum sipariş tutarı gibi hediye çeki kullanımına herhangi bir sınır koymaktan kaçınmalısınız. Bir başka genel iyi UX uygulaması, hediye kartı alıcılarının teslimat ve ürün maliyeti bilgilerine daha duyarlı olacağını hatırlamaktır. Böyle bir müşteri, alışveriş sepeti içeriğini normalden daha fazla dikkatle yapılandırır. Bunun nedeni, nominal kart değeri ile sipariş tutarı arasındaki farkın kaybolabileceği korkusudur. Bu nedenle, kullanıcı yolculuğuna bir bütün olarak bakmalı ve mümkün olan en iyi kullanıcı deneyimini sunmak için düzeltmeler sunmalısınız.

{{MÜŞTERİ}}

{{SON MÜŞTERİ}}

Kısmi kullanımlara izin ver

Hediye kartlarını bir promosyon kuponu değil, bir ödeme yöntemi olarak değerlendirebilirsiniz. Starbucks örneğinde olduğu gibi, şarj edilebilir hediye kartları kullanıyorsanız bu seçenek harikadır. Ardından karttaki bakiye dinamik olarak hesaplanır ve krediler ödeme yöntemi olarak kullanılır. Kredi veya banka kartına benzer. Bu çözümü seçerseniz, hediye kartlarının son kullanma tarihinin (veya çok uzun) olmadığından emin olmanız gerekir. Bu, hediye kartlarınızı çok çekici hale getirebilir, ancak aynı zamanda kartın sonsuza kadar kullanılabilir durumda kalması için yüksek kaliteli bir altyapı gerektirir.

Misal:

Zalando hediye kartıyla alışveriş yapmak kolaydır, ancak başlamak kullanıcı için zor olabilir. Hediye kartını amaçlandığı şekilde kullanmak için, alıcının bir hesap oluşturması ve "Kuponlarınız sekmesini" bulması ve kullanmak için hediye kartı kodunu belirtilen metin alanına yerleştirmesi gerekir. İtfa sonrasında karta yüklenen nakit Zalando kredisi olarak işlenir ve satın alma yöntemi olarak kullanılabilir.

Bu yaklaşımla ilgili sorun, kullanıcıların kartı kullanmak ve bakiyelerini görmek için bir hesap oluşturmaları gerektiğini bilmemeleridir. Hediye kartı kodunu kupon alanına yerleştirerek ödeme sırasında da kartın kullanımı mümkündür. Kupon tutarı daha sonra alışveriş sepetindeki toplam tutara uygulanır. Kart alıcısı için her iki olasılığı da netleştirmenizi tavsiye ederim.

Hediye kartı giriş alanını tasarlayın

Hediye kartı alıcıları hediyelerini bir an önce kullanmak isterler. Bu ihtiyacı karşılamak için, satın alma sürecinin başlarında, tercihen ödemeden önce sepette bir fiş giriş alanı sağlamalısınız. Bu yaklaşım, müşterilerin kişisel bilgilerini girmeden önce kartın geçerli olup olmadığını kontrol etmelerini sağlar.

Daha da iyi bir yaklaşım, bir hediye kuponunu satın alma sürecinin mümkün olan en erken aşamasında, siparişin sonuçlandırılması ve ödemesinden çok daha erken bir zamanda kullanma imkanı sunmaktır.

Misal:

Winc, basit bir kullanıcı arayüzü tasarımı sunar ve kullanıcıların yolculuklarının en başında bir hediye çeki kullanmalarına izin vererek, ödeme alanını bulamamayla bağlantılı herhangi bir stresi veya rahatsızlığı etkili bir şekilde sınırlandırır.

Bir abonelik güzellik ürünü markası olan Birchbox, kullanıcıların hediye kuponunu hemen kullanmalarını da sağlar. Hızlı kart kullanımıyla ilgili bilgiler sayfa altbilgisine yerleştirilir.

Ayrıca, kupon girişi yerleştirme, ödeme sürecinin temel parçası olmalı ve web sitesinde veya uygulama yapısında düzgün bir şekilde görüntülenmelidir. Kupon kodunun tamamını içerecek kadar uzun olduğundan emin olun.

Hediye kodlarıyla ilgili bir başka iyi uygulama da, yakınlıkları ve benzerlikleri potansiyel alıcılar için bir hayal kırıklığı kaynağı olabileceğinden, ödeme ve kupon alanları arasında net bir ayrım yapmaktır.

Yönergeler, kupon kullanıcı arayüzü için en iyi uygulamalarla eşleşir. Fiş giriş alanlarının nasıl tasarlanacağını öğrenmek istiyorsanız, bir okuyun.

Misal:

Birchbox, bir fiş giriş kutusunun mükemmel bir örneğidir. Kutunun adı olan "Promosyonlar ve Hediye Kodları", kutunun amacını çok net bir şekilde ortaya koyuyor. Pek çok e-ticaret sitesi bu bölüme isim olarak “Promosyon Kodları” kullanıyor, bu da kartlar promosyon olarak kabul edilmediğinden hediye kartı sahiplerinin kafasını karıştırabilecek. Ayrıca, alışveriş sepeti görünümünde kaçıranlar için ödeme görünümünde bir kupon kodu kutusu açmak için bir bağlantı sunarlar. Her iki adımda da kupon kodu ekleme seçeneğini korumanın harika bir yoludur.

Başarı ve hata mesajları oluşturun

Hediye çeki kodunun başarıyla uygulandığını onaylamak için bir başarı mesajı ve değiştirilen sipariş toplamını gösterin. Kullanıcıların gördüğünden ve girilen kodla ilişkilendirdiğinden emin olmak için mesajı fiş alanının yakınına yerleştirin. Bu mesajın sayfanın üstünde veya altında görünmesi kafa karıştırıcı olabilir. Ancak, kullanıcının aldığı tek onay başarı mesajı olmamalıdır. Değiştirilen sipariş toplamını hem alışveriş sepetine hem de ödeme görünümüne yansıtın.

Aynı mantıkla, hediye kartıyla ilgili sorunun türünü belirten ilgili bir hata mesajı da göstermelisiniz. Kullanıcıya neyin yanlış olduğunu ve sorunu nasıl çözebileceklerini bildirmeyeceğinden, her durumda aynı hata mesajını görüntülemeyin. İşte bazı örnekler:

• "Hediye kartı kodu yanlış. Lütfen tekrar deneyin."
• "Hediye kartı kodunun süresi doldu."
• "Hediye kartı sahibi değilsiniz (bireysel müşterilere hediye çekleri atarsanız).
• "Siparişiniz hediye kartı koşullarını karşılamıyor (kart kullanımlarına limit atarsanız)."
  

Misal:

Girilen kod geçersizse veya promosyon koşulları karşılanmazsa SummerSalt bir hata mesajı görüntüler. Müşterileri kodlarını tekrar kontrol etmeye teşvik ederler.

Hediye kartı süre sonu bildirimleri tasarlayın

Kartlarınızın bir son kullanma tarihi varsa, biraz daha önceden planlamanız ve kullanıcılardan kart bakiyelerini sona ermeden önce kullanmalarını istemek için otomatik bildirimler ayarlamanız gerekir. Burada, e-posta pazarlamasıyla bağlantılı en iyi UX uygulamalarını takip etmelisiniz, yani görseli göz alıcı hale getirmeli, kopyayı akıllı tutmalı, hoş bir şekilde zıtlık oluşturan bir CTA eklemeli ve spam olarak işaretlenebilecek kelimeleri ("indirim") kullanmaktan kaçınmalısınız. "anlaşma", "satış").

Özet

Bu en iyi uygulamalar listesinin, hediye kartları için web sitenizi ve mobil cihazınızı tasarlamaya veya mevcut UI tasarımınızı geliştirmeye başlamanıza yardımcı olacağını umuyorum. Bir hediye kartı kampanyası oluşturmaya ilişkin genel tavsiye arıyorsanız, bu kılavuza göz atmayı unutmayın.

{{CTA}}

Hediye kartlarınızı bir sonraki seviyeye taşımaya hazır mısınız?

Başlamak

{{ENDCTA}}