Tasarım sistemi
Tasarım sistemi; tasarım kurallarını, tekrar kullanılabilir bileşenleri ve kullanım rehberini birleştirir. Bakım ve değişikliklerin takibi de gerekir.
Dijital arayüzler için ortak kurallar
Tasarım sistemi; tasarım temellerinin, tekrar kullanılabilir bileşenlerin ve kullanım kurallarının birlikte yönetildiği yapıdır. Renkleri, tipografiyi, form alanlarını ve hata durumundaki davranışı tanımlayabilir. Sorumluluklar ve değişiklik yönetimi de bu yapıya dahildir.
Örnek bir işletmede müşteri portalı ve iç yönetim uygulaması aynı giriş alanını kullanır. Tasarım sistemi etiket, yardımcı metin ve hata gösterimini belirler. Hangi adresin veya müşteri numarasının iş kurallarına göre geçerli olduğuna yine ilgili uygulama karar verir.
Bileşen kütüphanesi yapı taşlarını sağlar; tasarım sistemi bunların ne zaman, nasıl kullanılacağını ve geliştirileceğini de açıklar. Güzel taslaklardan oluşan bir koleksiyon tek başına bu işi karşılamaz. Bakım yüküyle yararın dengeli olması için kapsam, gerçekten tekrar eden arayüzlere göre seçilmelidir.
Kaynaklar
İlgili terimler
- Tasarım tokenıTasarım tokenı, adlandırılmış bir tasarım kararını saklar. Aynı değer farklı bileşenlerde kullanılabilir ve belirli bir noktadan değiştirilebilir.
- Arayüz bileşeniArayüz bileşeni, kullanıcı arayüzünün tekrar kullanılabilir bir parçasıdır. Görevine göre görünümü ve gerekli etkileşim davranışını kapsar.
- Odak sırasıOdak sırası, odaklanabilir öğeler arasındaki yolu belirler. Dinamik değişikliklerde de anlamı ve kullanılabilirliği korumalıdır.
- Odak tuzağıOdak tuzağında klavye kullanımı bir alanın içinde sıkışır. Diyalogdaki bilinçli odak sınırlamasının klavyeyle kullanılabilir bir çıkışı olmalıdır.
- Ana içeriğe geçiş bağlantısıGeçiş bağlantısı, tekrarlanan gezinme alanını atlayarak ana içeriğe götürür. Sonraki klavye adımının da doğru yerde devam etmesi gerekir.
- Erişilebilir adErişilebilir ad, bir arayüz öğesini yardımcı teknolojiler için adlandırır. Eylemi anlaşılır kılmalı ve görünen metinle uyumlu olmalıdır.
Bu konudaki yazılar
ASES ile Tasarım ve UX
Kullanıcı deneyimi, arayüz ve marka tasarımı