Konuyu Açan
#1
Bir tasarım sistemi büyürken en sık kararsız kaldığım yerlerden biri, her buton seçeneğini ayrı bir variant yapmak. Örneğin boyut, tür, ikon ve durum için ayrı seçenekler ekleyince bileşen paneli kısa sürede kalabalıklaşabiliyor; yeni başlayan biri olarak hangi ayrımı nerede yapmak gerektiğini anlamak da zorlaşıyor.
Benim işime yarayan yaklaşım şu:
Yine de bunun her dosya için geçerli tek bir kural olmadığını düşünüyorum; ekipte bileşenleri kullanan kişilerin ne kadar esnekliğe ihtiyaç duyduğu önemli. Siz butonlarda hangi özellikleri variant, hangilerini component property olarak tanımlıyorsunuz? Kalabalıklaşan bir bileşen setini sadeleştirmek için işe yarayan bir yönteminiz var mı?
Benim işime yarayan yaklaşım şu:
- Görünümü veya davranışı belirgin biçimde değiştiren seçenekleri variant olarak tutuyorum. Örneğin “primary / secondary” türü ya da “default / disabled” durumu.
- Metin ve isteğe bağlı ikon gibi içerik değişikliklerinde text veya instance swap özelliklerini tercih ediyorum. Böylece her farklı etiket ya da ikon için yeni bir variant açmam gerekmiyor.
- Bir özellik çok sayıda kombinasyon üretiyorsa önce gerçekten bağımsız olması gerekip gerekmediğini sorguluyorum. “Büyük + ikonlu + disabled” gibi kombinasyonların hepsi tasarımda anlamlı değilse, hepsini tek tek sunmak kullanıcıyı da yorabiliyor.
Yine de bunun her dosya için geçerli tek bir kural olmadığını düşünüyorum; ekipte bileşenleri kullanan kişilerin ne kadar esnekliğe ihtiyaç duyduğu önemli. Siz butonlarda hangi özellikleri variant, hangilerini component property olarak tanımlıyorsunuz? Kalabalıklaşan bir bileşen setini sadeleştirmek için işe yarayan bir yönteminiz var mı?