Arayüz bileşeni
Arayü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.
Bir arayüz parçasını tekrar kullanmak
Arayüz bileşeni, kullanıcı arayüzünün sınırları belirli ve tekrar kullanılabilir parçasıdır; düğme, giriş alanı veya iletişim kutusu olabilir. Görevine göre görünümü, içerik bağlantı noktalarını ve davranışı kapsar. Tasarım aracındaki bileşen ile kod uygulaması kendiliğinden eşzamanlı olmak zorunda değildir.
Örnek bir portalda aynı düğme bileşeni “Adresi kaydet” ve “Siparişi kontrol et” için kullanılır. Etiket ve eylem farklıdır. Ortak bileşen görünür odak ve tutarlı görünüm gibi özellikleri sağlar.
Bir adresin iş kurallarına göre geçerli olup olmadığına genel düğme karar vermez. Bu kural ilgili akışa aittir. Tasarım tokenı ise bileşene tekil tasarım değerleri sağlar. Değişiklik yapılırken bileşenin hangi kullanımlarının etkilendiği ve davranışının uygunluğu kontrol edilir.
Kaynaklar
İlgili terimler
- Tasarım sistemiTasarı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.
- Bileşen varyantıBileşen varyantı, ortak bir bileşenin tanımlı biçimidir. Geçici kullanım durumundan farklıdır; örneğin birincil ve ikincil düğmeler ayrılabilir.
- 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.
- Tasarım teslimiTasarım tesliminde taslak, geliştirme ekibine aktarılır. Durumlar, davranış ve açık kararlar anlaşılır biçimde belgelenmelidir.
- Bileşen kütüphanesiBileşen kütüphanesi, yeniden kullanılabilir arayüz parçalarını bir araya getirir. Kullanımda davranış, varyantlar ve doğru sürüm de önemlidir.
Bu konudaki yazılar
Projeniz ASES ile
Projenizi bize anlatın. İlk değerlendirmemizle size dönelim.