Gerekli bileşenleri iki ürün ekranından çıkarın

Bir tasarım sisteminin ilk kapsamı gerçek arayüz görevlerinden çıkarıldığında kullanımı kolaylaşır. Bu nedenle ürünün gerçekten ihtiyaç duyduğu ekranlarla başlayın. Olası bileşenlerden oluşan uzun bir liste, ekibinizin hangi varyantları kullanması gerektiğini henüz pek açıklamaz.

İki ekranı görevleriyle birlikte inceleyin

Somut bir örnek olarak kurgusal bir müşteri portalını ele alalım. Proje listesinde müşteriler bir projeyi tanıyıp açabilmelidir. Detay ekranında ise durumunu okuyup onaylanmış belgeleri indirebilmelidir. İki ekran aynı ürüne aittir, ancak farklı görevlere hizmet eder.

Görünen her öğenin amacını, içeriğini ve olası durumlarını kaydedin. Benzer bir çerçeve, ortak bileşen için yeterli gerekçe değildir. Anlamın ve davranışın da örtüşüp örtüşmediği önemlidir.

Ortak temeli ve ayrı bileşimleri belirleyin

Proje kartı ve dosya satırı küçük temel öğeleri paylaşabilir. Bu nedenle aynı büyük bileşene dönüşmeleri gerekmez. Ortak bir varyant ilgili görevi gereksiz yere belirsizleştiriyorsa istisna yapmak anlamlıdır.

Bir kütüphane kaydını somutlaştırın

Örnekte durum göstergesi için şunlar kaydedilir: iki proje ekranında kullanım; proje verilerinden alınan durum metni; yalnızca ek gösterim olarak renk; kendi tıklama işleminin bulunmaması. Gereken durum değerleri ve uzun çevirilerin nasıl ele alınacağı açık konulardır. Bu kararlar rastgele örnek değerlerle geçiştirilmek yerine uygulamadan önce netleştirilmelidir.

Carbon, bileşenleri somut arayüz görevleri için tasarlanmış ve kodlanmış çözümler olarak açıklar. Seçimde de bu bakışı kullanın: bileşenin amacını, varyantlarını ve sınırlarını birlikte belgeleyin. Kütüphanede bir adın bulunması tek başına kullanım kuralı sayılmaz.

İlk kapsamı iki ekranda da kontrol edin

Seçilen bileşenleri önce iki taslağa yerleştirin. Tipik içerikleri ve uzun çevirileri kontrol edin; etkileşimli parçalarda klavye kullanımını ve durum geçişlerini de inceleyin. Kullanılan sürümü ve bilinçli olarak korunan farklılıkları kaydedin. Örnek, bunun için bir çalışma taslağı sunar; henüz geliştirilmiş bir kütüphane değildir. Sonraki adım, açık konuları netleştirilmiş, ekibin uygulayıp kontrol edebileceği sınırlı bir seçimdir.

Kaynaklar

• Carbon: Components Overview