Bento grid

Farklı boyutlarda kartlarla düzenli bir vitrin.

Bento grid, içeriği farklı boyutlardaki kartlara bölen bir düzendir. Adını Japon bento kutusundan alır: her bölmede tek bir fikir vardır ve kartın boyutu önem sırasını anlatır.

Nedir?

Özellikleri, metrikleri ve kısa açıklamaları tek bakışta gösterir. Ziyaretçi uzun metin okumadan ürünün kapsamını kavrar.

Her kümede tek bir baskın kart olmalıdır; bütün kartlar aynı ağırlıktaysa düzen dağınık bir tabloya dönüşür.

Tanıtıcı özellikler

  • 12 sütunlu ızgarada asimetrik kart açıklıkları
  • Her kartta tek fikir: özellik, metrik veya kanıt
  • Tutarlı köşe yarıçapı ve kart aralığı
  • Kart içinde küçük arayüz parçaları veya ikonlar
  • Mobilde kartların tek sütuna akması

Hangi alanlara uygun?

SaaS ürün sayfaları, fintech uygulamaları, özellik tanıtımları, ajans ve kişisel portfolyolar ile ürünün birden çok yönünü göstermesi gereken e-ticaret kampanya sayfaları için uygundur.

Önerilen sektörler

  • SaaS ve yazılım
  • Finans ve sigorta
  • Ajans ve portfolyo
  • E-ticaret

Ne zaman dikkatli olunmalı?

Uzun okuma gerektiren haber ve blog içeriklerinde metni parçalar ve okuma akışını bozar.

Dikkat edilmesi gereken sektörler

  • Medya ve yayıncılık

Hangi stillerle birleşir?

Birleştirme kuralları

Performans ve erişilebilirlik

Kart sayısı arttıkça görsel sayısı da artar. Kart içi görselleri tembel yükleyin ve düzen kaymasını önlemek için boyutları sabitleyin.

Hangi stilin size uyduğundan emin değil misiniz?

Hedefinizi ve kitlenizi anlatın; iki iş günü içinde stil önerisi, kapsam ve takvimle dönelim.