Ürün karşılaştırma tablosu: müşterinin karar vermesine hangi bilgiler yardım eder?
Bir ofis yöneticisi iki çalışma masası arasında kalıyor. Bir sayfada genişlik santimetreyle, diğerinde ölçü çiziminin içinde verilmiş. Her iki ürün hakkında bilgi var, fakat karşılaştırma işini ziyaretçi yapıyor. İyi bir karşılaştırma tablosu yeni satış sıfatları eklemek yerine aynı sorulara yan yana cevap verir. Bu yazıdaki A ve B masaları, yöntem göstermek için oluşturulmuş kurgusal örneklerdir.

Önce gerçekten aynı karara ait ürünleri seçin
Çalışma masası ile toplantı masasını sırf aynı kategoride oldukları için karşılaştırmaya zorlamayın. Ziyaretçinin iki ürünü hangi görev için değerlendirdiğini yazın: örneğin dar bir odada bilgisayarla çalışma. Bu görev, ilk görülecek satırları belirler. Genişlik, çalışma yüzeyi ve kablo düzeni bu senaryoda renk kartelasından önce gelebilir.
Ürünleri tabloya ekleme ve çıkarma kontrolünü açık tutun. İlk sürümde iki ya da üç ürün yeterli bir deneme alanı olabilir; bu evrensel bir üst sınır değildir. Gerçek katalogdaki seçenek sayısını ve ekranın okunabilirliğini birlikte değerlendirin.
Satır sözlüğünü ürünlerden önce hazırlayın
Aynı özelliğin iki farklı adla yazılmasını engellemek için küçük bir veri sözlüğü oluşturun. “Genişlik” her üründe aynı ekseni, “dahil” aynı teslim kapsamını ifade etsin. Bir üründe milimetre diğerinde santimetre kullanılıyorsa birimi dönüştürüp teknik sorumluya doğrulatın. Örnek değerleri gerçek ürün sayfasına taşımayın.
Boş hücrenin anlamını tanımlayın. “Yok”, “uygulanmaz” ve “bilgi bekleniyor” birbirinden farklıdır. Henüz doğrulanmamış bir özellik için eksi işareti koymak ürünün bu özelliğe sahip olmadığını düşündürebilir. Kaynak ve son kontrol tarihini içerik ekibinin kayıtlarında tutun.
Karar farkını gösterin, kazananı uydurmayın
B masası daha geniş olabilir; bu tek başına her müşteri için daha iyi olduğu anlamına gelmez. Küçük odası olan kişi için A daha uygun olabilir. Üstünlük rozetini pazarlama alışkanlığıyla eklemek yerine her farkı gerçek kullanım koşuluna bağlayın. Fiyat gösteriliyorsa para birimi, vergi durumu ve seçili varyant aynı koşulda olmalı.
Yalnızca farkları gösteren bir seçenek yararlı olabilir; ancak açıkken hangi satırların gizlendiğini belirtin ve tüm özelliklere dönüşü kolaylaştırın. Görünür fark kalmadığında iki ürünün tamamen aynı olduğu sonucunu çıkarmayın; karşılaştırma kapsamınız sınırlı olabilir.
İki ürünlük örneği inceleyin
Mobilde ilişkiyi kaybetmeyin
Telefon ekranına bütün sütunları küçülterek sığdırmak yazıyı okunmaz hale getirebilir. Daha az ürün seçtirmek veya tablo alanını kontrollü yatay kaydırmak iki olası çözümdür. Kaydırma varsa ürün adı ve özellik bağlamı anlaşılmalı; bütün sayfa yana taşmamalı. Ekran büyütüldüğünde ve uzun ürün adlarında düzeni yeniden deneyin.
W3C tablo rehberi, başlık hücreleri ile veri hücrelerinin ilişkisini HTML içinde tanımlamayı önerir. Örnekte sütun başlıkları ürünleri, satır başlıkları ölçütleri tanımlar. Görsel çizgiler tek başına bu ilişkiyi yardımcı teknolojilere aktaramaz.
Teslimde seçim gerekçesini dinleyin
Bir kişiden dar odası için ürün seçmesini ve gerekçesini söylemesini isteyin. Kablo kanalının dahil olup olmadığını yanlış anlıyorsa yalnızca yazı boyutunu değil etiketleri de düzeltin. Tabloyu katalog verisi güncellendiğinde kimin kontrol edeceğini belirleyin; ayrı kopyalar kısa sürede birbirinden uzaklaşabilir.
Bu karar, tek ürün sayfasının içeriğinden farklıdır: amaç seçenekler arasındaki ilişkiyi okunur kılmaktır. Gerhman proje sayfamız sektör sunumu için incelenebilir; buradaki örnek tablo o projede uygulanmış bir özellik iddiası değildir. Web tasarım kapsamına veri eşleştirmesini ve mobil kontrolü birlikte ekleyin.
Sık sorulan sorular
Her kataloğa karşılaştırma eklemek gerekir mi?
Hayır. Ziyaretçi gerçekten birbirine yakın seçenekler arasında karar veriyorsa anlamlıdır. Birbirinden çok farklı ürünlerde kategori açıklaması daha yararlı olabilir.
Eksik bilgiyi boş bırakabilir miyiz?
Boşluğun nedenini açıklayın. Henüz doğrulanmamış veri ile ürünün sahip olmadığı özellik aynı işaretle gösterilmemeli.
