Web Sitesi Fiyat Tablosu Tasarımı: Karşılaştırmayı Kolaylaştırmak
Web Sitesi Fiyat Tablosu Tasarımı: Karşılaştırmayı Kolaylaştırmak
Fiyat tablosu, ziyaretçinin paket seçerken baktığı ilk ve çoğu zaman tek ekrandır. İyi tasarlandığında karar birkaç saniyede verilir; kötü tasarlandığında ise ziyaretçi hangi paketin ne sunduğunu anlayamadan sayfadan çıkar.
Bu rehberde fiyat tablosunun nasıl tasarlanacağını, sütun sayısını, vurgu kararlarını ve mobil düzeni ele alıyoruz. Tasarımın sitenize uyarlanması için Weblike web sitesi tasarımı ekibimizden destek alabilirsiniz.
Web Sitesi Fiyat Tablosu Tasarımı Nedir?
web sitesi fiyat tablosu tasarımı, farklı paket ya da hizmet seviyelerinin yan yana karşılaştırıldığı bölümün kurgulanmasıdır. Tablo, fiyat ve kapsamı birlikte gösterir.
Tasarım yalnızca görsel bir düzenleme değildir. Hangi paketin öne çıkacağı ve hangi özelliklerin gösterileceği de bu kapsamdadır.
Tablonun İşlevi
İyi bir fiyat tablosu birkaç soruya aynı anda cevap verir. Bu cevaplar karar süresini kısaltır.
- Ne kadar: Fiyat ve dönem.
- Ne dahil: Kapsam ve sınırlar.
- Hangisi: Önerilen seçenek.
- Sonra ne: Bir sonraki adım.
Kaç Paket?
Üç paket çoğu durumda en iyi sonucu verir. İki seçenek dar, beş seçenek ise kafa karıştırıcıdır.
Paket sayısı artarsa karşılaştırma tablosuna geçilmelidir. Karşılaştırma yapısını karşılaştırma tablosu yazısında ele aldık.
Paket Adlandırma
Paket adları anlaşılır olmalıdır. Yaratıcı ama anlamsız adlar karar vermeyi zorlaştırır.
Kime uygun olduğu ad ya da alt başlıkta belirtilebilir. Bu ayrıntı seçimi hızlandırır.
Fiyat Gösterimi
Fiyat tablonun en görünür ögesi olmalıdır. Rakam büyük ve net yazılmalıdır.
Para birimi ve vergi durumu belirtilmelidir. Belirsiz fiyat güven kaybı üretir.
Dönem Seçimi
Aylık ve yıllık gibi dönem seçenekleri varsa geçiş düğmesi kullanılabilir. Yıllık seçenekteki avantaj belirtilmelidir.
Geçiş anında fiyatlar güncellenmelidir. Sayfa yenilenmemelidir.
Özellik Listesi
Her paketin kapsamı madde listesi halinde verilmelidir. Maddeler aynı sırada olmalıdır.
Farklı sırada dizilen listeler karşılaştırmayı imkansız kılar. Tutarlılık burada belirleyicidir.
Özellik Sayısı
Çok sayıda özellik tabloyu uzatır. En belirleyici olanlar seçilmelidir.
Tam liste ayrı bir sayfada sunulabilir. Tabloda yedi ile on madde genelde yeterlidir.
Dahil Olmayanlar
Pakette bulunmayan özellikler de gösterilebilir. Bu gösterim dürüstlük üretir.
Ancak sönükleştirilerek verilmelidir. Yok işareti ağır bir izlenim bırakabilir.
Önerilen Paket
Bir paketin öne çıkarılması kararı kolaylaştırır. Bu paket genelde ortadaki olur.
Vurgu abartılı olmamalıdır. Hafif bir çerçeve ve etiket yeterlidir.
Vurgu Yöntemleri
Öne çıkarma için renk, boyut ve etiket kullanılabilir. Üçünün birden kullanılması gereksizdir.
Vurgulanan paket diğerlerini bastırmamalıdır. Diğer sütunlar da okunur kalmalıdır.
Eylem Düğmesi
Her paketin altında bir eylem düğmesi bulunmalıdır. Düğme metni ne olacağını söylemelidir.
Buton tasarımını buton tasarımı yazısında ele aldık. Metin tüm sütunlarda aynı olmalıdır.
Düğme Metni
Satın al, başla ve teklif iste farklı akışlar anlatır. Metin gerçek akışa uymalıdır.
Yanlış beklenti üreten metinler terk oranını yükseltir. Metin eylemi tek kelimeyle anlatmalıdır.
Ücretsiz Deneme
Deneme süresi varsa açıkça yazılmalıdır. Kart bilgisi istenip istenmediği de belirtilmelidir.
Bu bilgi en çok merak edilen konudur. Gizlenmesi güven kaybı üretir.
Kurumsal Paket
Büyük müşteriler için fiyat yerine teklif akışı sunulabilir. Bu sütun diğerlerinden ayrışır.
Teklif formunu teklif isteme formu yazısında ele aldık. Kime uygun olduğu açıklanmalıdır.
Ek Maliyetler
Kurulum ücreti ve ek kullanım bedeli varsa belirtilmelidir. Sonradan çıkan maliyet güveni zedeler.
Küçük notlar tablonun altında verilebilir. Gizli maliyet algısından kaçınılmalıdır.
Sık Sorulan Sorular
Tablonun altına kısa bir soru bölümü eklenebilir. Bu bölüm tereddütleri giderir.
Fatura, iptal ve yükseltme soruları öncelikli olmalıdır. Yanıtlar kısa tutulmalıdır.
Sosyal Kanıt
Tablo yakınında müşteri yorumu ya da referans logosu gösterilebilir. Bu ögeler karar anında güven üretir.
Sosyal kanıt kullanımını sosyal kanıt kullanımı yazısında anlattık. Abartılı kullanım ters etki yapar.
Güven Ögeleri
İade garantisi ve güvenli ödeme bilgisi tablo altında yer alabilir. Bu bilgiler son tereddüdü giderir.
Bu bilgiler kısa ve sade sunulmalıdır. Rozet sayısı sınırlı olmalıdır.
Hizalama
Sütunlardaki satırlar aynı hizada olmalıdır. Kayan satırlar karşılaştırmayı bozar.
Farklı uzunluktaki metinler hizayı bozar. Sabit yükseklik kullanılabilir.
Renk Kullanımı
Tabloda az sayıda renk kullanılmalıdır. Her sütuna farklı renk vermek dağınık görünür.
Marka rengi vurgu için ayrılmalıdır. Renk paletini renk paleti oluşturma yazısında anlattık.
Tipografi
Fiyat, başlık ve madde metinleri arasında net bir boyut farkı olmalıdır. Bu fark okuma sırasını belirler.
En fazla üç boyut kullanılmalıdır. Çok sayıda yazı boyutu karmaşa üretir.
Mobil Düzen
Mobilde sütunlar alt alta sıralanır. Önerilen paket en üste alınabilir.
Yatay kaydırma da kullanılabilir. Mobil ilkelerini mobil öncelikli tasarım yazısında anlattık.
Mobilde Özellik Listesi
Alt alta dizilen paketlerde özellik listesi tekrar eder. Bu tekrar sayfayı uzatır.
Açılır kapanır listeler kullanılabilir. Temel farklar yine de görünür kalmalıdır.
Erişilebilirlik
Tablo yapısı anlamlı etiketlerle kurulmalıdır. Ekran okuyucu sütun ve satırları ayırt edebilmelidir.
Renk tek başına anlam taşımamalıdır. Metin karşılığı da bulunmalıdır.
Yükleme Hızı
Tablo sayfanın üst bölümünde yer alır ve hızlı açılmalıdır. Ağır görsellerden kaçınılmalıdır.
Hız ölçümünü Google PageSpeed Insights üzerinden yapabilirsiniz. Simgeler metin tabanlı olabilir.
Fiyat Güncelleme
Fiyatlar tek bir yerden yönetilmelidir. Birkaç sayfada farklı fiyat bulunması ciddi sorun üretir.
Güncelleme sonrası tüm sayfalar kontrol edilmelidir. Önbellek temizlenmelidir.
Test Etmek
Paket sırası, vurgu ve düğme metni test edilmelidir. Küçük değişiklikler belirgin fark üretebilir.
Karşılaştırmalı testi A/B testi yazısında ele aldık. Test süresi yeterli olmalıdır.
Ölçüm Göstergeleri
Tablonun etkisi birkaç gösterge ile izlenir. Bu veriler tasarım kararlarını besler.
- Tıklanma: Paket başına düğme tıklaması.
- Dağılım: Hangi paketin seçildiği.
- Kaydırma: Tablonun görülme oranı.
- Çıkış: Sayfadan ayrılma oranı.
Netliğin Değeri
web sitesi fiyat tablosu tasarımı, karmaşıklaştıkça dönüşümü düşüren bir bölümdür. Ziyaretçi anlamadığı bir tablodan seçim yapmaz.
Bu nedenle üç paket, tutarlı bir özellik listesi ve tek bir vurgulanmış seçenek çoğu site için en iyi başlangıçtır. Ayrıntılar sonradan eklenebilir.
Farklı paket ya da hizmet seviyelerinin yan yana karşılaştırıldığı bölümün kurgulanmasıdır.
Üç paket çoğu durumda en iyi sonucu verir; fazlası karşılaştırma tablosuna geçmeyi gerektirir.
Her sütunda aynı sırada; farklı sırada dizilen listeler karşılaştırmayı imkansız kılar.
Yedi ile on madde genelde yeterlidir; tam liste ayrı sayfada sunulabilir.
Çıkarılmalı; genelde ortadaki paket hafif bir çerçeve ve etiketle vurgulanır.
Gerçek akışa uygun olmalı ve tüm sütunlarda aynı yazılmalıdır.
Yazılmalı; sonradan çıkan maliyet güveni doğrudan zedeler.
Sütunlar alt alta sıralanır ve önerilen paket en üste alınabilir.
Paket başına düğme tıklaması, seçim dağılımı, tablonun görülme oranı ve sayfa terk oranı.
Anlaşılmayan tablo, seçilmeyen pakettir. web sitesi fiyat tablosu tasarımı yapılırken paket sayısını üçte tutmak, özellikleri aynı sırada listelemek, tek bir seçeneği vurgulamak, ek maliyetleri yazmak ve mobil düzeni ayrı kurgulamak gerekir. Karşılaştırma tarafını karşılaştırma tablosu yazımızda ele aldık.
BİZE ULAŞIN
Bizimle iletişime geçerek projeniz için hemen ücretsiz teklif alabilirsiniz.
