Daha İyi Bir Checkout Sayfası Tasarlamak için 7 İpucu
Tatil sezonu köşede, birçoğumuz online alışveriş yapacağız. (Tamam… belki bir sürü alışveriş!) Bir web sitesinin ödeme sayfası, bu deneyimi hatırlamak veya unutmak istediğiniz bir deneyim haline getirebilir.
Bir ödeme sayfası tasarlıyorsanız, işlevsellik, kullanılabilirlik, güvenlik ve tasarım gibi birçok husus vardır. Son öğe, her tasarımcının etkileyebileceği bir şeydir. Bir ödeme sayfası sonradan düşünülecek şekilde tasarlanmamalıdır; online alışveriş deneyiminin tartışmasız en önemli sayfasıdır.
Görsel Yap
Bu açık bir fikir gibi gelebilir, ancak bir e-ticaret sayfasının ödeme sayfasının görsel olması gerekir. Çok fazla web sitesi bunu temel bir forma dönüştürüyor.
Bu birkaç nedenden dolayı önemlidir. Ödeme sayfaları ile sitenin geri kalanı arasındaki görsel bağlantı, marka güvenilirliğini sağlar. Ödeme sayfası sitenin geri kalan kısmına benziyorsa, kendinizi güvende hissediyor ve siteye ait gibi görünüyor. Logolardan alışveriş sepetindeki öğelere kadar görseller, kullanıcıların web'de neden ve nerede olduklarını hatırlamalarına yardımcı olur. (Unutmayın, dünyanın çoğu dikkat dağılmış bir internet kullanıcısı grubudur.)
Peki ne tür görseller kullanmalısınız?
- Görüntüler. En azından her öğeye, kullanıcının ne satın aldığını gösteren bir simge eşlik etmelidir.
- Logolar. Şirket logosu her zaman açıkça görülebilir olmalıdır (ve sitenin geri kalanına geri dönmek için tıklanabilir).
- Büyük düğmeler. “Sepete Ekle”, “Öğeyi Güncelle” ve “Şimdi Satın Al” gibi büyük, renkli ve görsel olarak çekici eylemlere çağrı yapın. Düğmeleri bulmak kolay olmalı ve tıklatmak istemelisiniz.
- Renk. Çok sayıda ödeme sayfasının tümü, anahatları belirlenmiş kutularla beyazdır. Renk kullanmakta sorun yoktur. Ödeme sayfasındaki web sitesinin geri kalanının renk düzenini koruyun.
- Tipografi. Metin basit ve okunması kolay olmalıdır. (İnsanlar basit serif veya sans serif yazı tiplerine bir senaryo veya yenilik yazı tipinden daha fazla “güvenme” eğilimindedir.) Ancak daha büyük metin öğeleriyle de eğlenebilirsiniz.
Ödeme Logolarını ve Güvenlik Mühürlerini İçer
Kullanıcıların sizinle alışveriş yapma konusunda iyi hissetmelerini sağlayan görselleri ekleyin. Çoğu kişi çevrimiçi kredi kartıyla ödeme yapabileceğini anlasa da, ödeme düğmelerinin yanında küçük logoların bulunması bu fikri güçlendirir.
Kullanıcılar için küçük ama güven verici, görsel bir ipucu. Hangi ödeme türlerinin kabul edildiği konusundaki karışıklığı ortadan kaldırmaya yardımcı olabilir.
Tüm ödeme türleri için logolar eklemeyi unutmayın. (Çok fazla site kredi kartı logolarını hatırlıyor ancak PayPal veya Apple Pay'ı unutuyor.) Görüntüleri küçük tutun ve organize bir şekilde gruplandırın. (Tasarımcılar için bu öğelerin çoğu küçük formatlarda iyi görünür ve benzer en boy oranlarına sahiptir.)
Bu amaçla özel bir kullanıcı arabirimi logo seti tasarlamayı veya indirmeyi düşünün. Şirketin stok logolarıyla sınırlı değilsiniz. Sadece tasarım ile çok vahşi olma; amaç, kullanıcıların logoları ekranda çok küçük bir boyutta tanımasıdır.
Resimleri Büyütmeyi Düşünün
Kullanıcıların alışveriş sepetindeki öğelere son bir kez bakmalarını sağlayan ödeme sayfaları harika bir bonus. Alışveriş sepetindeki her öğeyi veya bir pop-up'ı büyüten fareyle üzerine gelme efektleri, kullanıcıların son bir kez potansiyel satın alma işlemlerini görmesini kolaylaştırabilir ve bir rengi veya boyutu kontrol etmek için geri gitmek zorunda kalmanın hayal kırıklığını ortadan kaldırabilir.
Başka bir seçenek, ödeme sayfasındaki öğeler için büyük boyutlu küçük resimler oluşturmaktır. Bu ek resim, bir kullanıcının alışveriş seçimini doğrulamasına ve satın alma konusunda daha iyi hissetmesine yardımcı olabilir.
Çok fazla tasarımcı, görüntüleri dahil etmeyi ihmal ediyor ve bir sepeti terk etmeyi kolaylaştırıyor. Bunu bu şekilde düşünün, kasada bir görüntüye sahip olmak, elinde bir eşya bulunan fiziksel bir mağazada ayakta durmaya eşdeğerdir. Bu noktada pek çok insan fikrini değiştirmiyor.
Tabloları Kullan
Arabadaki bilgilerin mükemmelliğe göre düzenlenmesi gerekir. Bunu başarmanın en kolay yolu, arabası bir tablo veya benzer ızgara tabanlı bir formatta tasarlamaktır.
Her öğeyi, görüntüyü, açıklamayı, miktarı, fiyatı ve diğer ilgili bilgileri görüntülemek için sütunları ve satırları kullanın. Öğeler, ilgili satırdaki diğer bilgilerle birlikte sütunlarda dikey olarak sıralanmalıdır. Bu tür sıralama, birden fazla öğeye sahip arabalarda önemlidir, böylece kullanıcılar yukarı ve aşağı yerine ekranlar arasında hareket etmek zorunda kalmazlar (bu daha rahattır).
Her tablo veya ızgara içinde tutarlı hizalama kullanın. Sol en yaygın olanıdır. Ekranda kolayca görülebilmeleri için fiyatların da nasıl hizalandığını düşünün. İdeal olarak fiyatlar, bir dönemden önceki ve sonraki sayılar her kalem için aynı pozisyonda olacak şekilde sıralanmalıdır.
İşlevselliği Düşünün
Bir ödeme sayfası tasarımının genel işlevlerinin çoğu bir tasarımcının yönergesi olmasa da, dikkate alınması gereken bir şeydir. (Tasarımcıların veya geliştiricilerin bu kavramları oluşturup oluşturmadığı, takıma göre değişebilir.)
Tasarım öğelerine ihtiyaç duyan temel işlevsellik endişeleri şunları içerir:
- Ödeme işleminden önce ve sonra dahil olmak üzere birden çok ekrandan yazdırma özelliği ve kolaylığı.
- Daha sonra satın almak üzere öğeleri kaydetmek için istek listesi işlevselliğini veya başka bir yöntemi ekleyin. Bu bilgileri paylaşılabilir yapın.
- Çok fazla ödeme sayfası, alışveriş deneyiminin diğer bölümlerine bağlantı olmadan karanlık delikler haline gelir. Kullanıcıları dışarı çıkamayacakları sayfalara kilitlemeyin.
- Ürünlerin sepet içinde düzenlenmesine izin ver.
- Yazdırılabilir bir faturalandırma seçeneği veya sayfası düşünün. (Bu, müşterileriniz işletme müşterileri içeriyorsa özellikle önemlidir.)
- Kullanıcıların siparişleri nasıl değiştireceğini, değiştireceğini veya güncelleyeceğini anlamasını sağlayın. Birçok ödeme sayfasında her öğenin yanında bir miktar sayacı bulunur. Bu sayının düzenlenmesini kolaylaştırın (ve otomatik olarak güncellenmelidir).
- Ödeme yaptıktan sonra hesap oluşturmayı kolaylaştırın. Daha önce her müşteri sizinle alışveriş yapmamıştır. Bir satın alma işlemi yapmak ve ardından bir hesaba kaydolmak hızlı ve kolay olmalıdır. Önce satışı gizleyin.
Her Sayfada Anahtar Simgeler Görünmelidir
Ödeme sayfası tasarımı düşünülerek, web sitesi konseptinin bir e-ticaret seçeneği eklemeye başladığı dakika başlar. Bazı tasarım öğelerinin tüm web sitesinde taşınması gerekir.
Sepete ekle ve ödeme sayfası simgeleri tasarım boyunca taşınmalıdır. Düğmeler veya gezinme öğeleri, ödeme sayfasındaki ilgili işlem düğmeleriyle aynı tasarıma (veya oldukça benzer) sahip olmalıdır.
Mobil Kullanıcıları Hatırla
Masaüstü bilgisayarlardan ziyade mobil cihazlarda satışların yüzdesi giderek artıyor. Ödeme sayfanızın tasarımını ve bu müşteriler için de kullanım kolaylığını düşünün. (Hiçbir şey, ödeme sayfasına kadar bir telefonda çalışan bir web sitesinden daha sinir bozucu ve çok yaygın değildir.)
Tasarım öğeleri ile dokunun ve tokatlamak unutmayın. Düğmeler daha büyük ve görülmesi daha kolay olmalıdır. Form, ekranı yakınlaştırmak zorunda kalmadan kolayca erişilebilmeleri için daha derin kutular içermelidir.
Mobil kullanıcılar söz konusu olduğunda, her şeyi tek bir sayfada tutmak da aynı derecede önemlidir. Birden fazla ekranda dolaşmak yerine kayan bir ödeme sayfası oluşturun.
Sonuç
Bir ödeme sayfası tasarlamak herhangi bir tasarımcı için büyük bir görev olabilir. Anahtar, tasarım topluluğunda sık sık konuştuğumuz bir şeydir: Basit tutun. Minimum efektler ve kullanılabilirliğe odaklanan basit bir taslak tasarlayın ve başarı elde etme olasılığınız daha yüksektir.
Ödeme sayfalarını düşündüğünüzde kullanıcıyı hatırlayın. Görsel çekiciliği, kullanıcıları yönlendirmek ve bilgilendirmek için logolar, çok sayıda resim, organize bir düzen, işlev, satışları yönlendirmek ve tanıtmak için simgeler ve mobil uyumlu bir arayüz içeren bir sayfa tasarlamaya çalışın.
Stok fotoğraf yaratıcı pazarın izniyle.
