Tabloyu güzelleştirirken ilişkileri kaybetme
Bir karşılaştırma tablosunda tek bir sayı kendi başına çok az şey anlatır. O sayının hangi plana, hangi özelliğe ve hangi birime ait olduğu önemlidir. Tablo tasarımının işi çizgiler çizmekten çok bu ilişkileri görünür tutmaktır.
Tablo tasarımında benim için güzellik, karşılaştırmayı hızlandırdığı ölçüde değerli. Başlıklarla hücrelerin ilişkisi kaybolursa ince çizgiler ve yuvarlak köşeler sorunu çözmez. Her bilgiyi karta çevirmeyi de otomatik olarak daha mobil bir çözüm saymam. Bazı konularda satır ve sütun ilişkisini korumak daha açık bir anlatım sağlar.
Temel fikir
W3C, veri tablolarında başlık hücreleriyle veri hücrelerinin bağlantısını vurgular. Görsel kalınlık tek başına yapısal başlık oluşturmaz. Tablo başlığı da okura neyi karşılaştırdığını açıklar. Karmaşık birleşik hücreler, hem okumayı hem erişilebilir işaretlemeyi zorlaştırabilir.
Bir örnek üzerinden
Bir görsel dışa aktarım tablosunda Dosya, Genişlik ve Boyut sütunları kullan. Genişliği piksel, boyutu kilobayt olarak adlandır; birimleri tahmine bırakma. Telefonda tabloyu karta dönüştürüyorsan her değerin etiketiyle birlikte kaldığını kontrol et. Bazı tablolar için yatay kaydırma daha dürüst çözümdür.
Nereden başlamalı?
Önce tabloyu renksiz ve süssüz oku. İlişkiler yine anlaşılabiliyorsa görsel katmanı ekle. Sadece estetik için önemli sütunları gizlemek, karşılaştırmanın asıl amacını ortadan kaldırabilir.
Benim yaklaşımım
Bir model karşılaştırmasında fiyat, kullanım alanı ve sınırların aynı satırda takip edilmesini isterdim. Mobilde tabloyu daraltıp yazıları okunamaz hâle getirmek yerine kaydırılabilir bir alan düşünebilirim. Sütun adlarını kısa tutarım; ama anlamı keserek değil. Okurun neyi neyle karşılaştırdığı her an belli kalmalı.
