ui-design

Amaç

Her yüzeyin ziyaretçi moduna göre arayüz tasarlar.

Kaynak Skill amacı

Ne zaman kullanılır

Bir görev ekranları, akışları veya görünen davranışı değiştirdiğinde ui-design kullanılır. Göreve özgü belirtim önermeden önce mevcut tasarım sistemini okur; sistem yoksa gerçek arayüzden çıkarır. Belirtim her ekranın durumlarını, metinlerini, klavye ve ekran okuyucu davranışını, duyarlı düzenini ve görsel kanıt ölçütlerini açıklar. Var olan token'lar ve bileşenler doğrulanmış yollarıyla yeniden kullanılır; yenileri gerekçe ister. Designer belirtimi eleştirir, ancak kendi tasarımına son kalite onayı vermez.

Belirtim boş, yükleniyor, hata, başarı, kısmi ve izinsiz durumları kapsar veya bir durumun neden oluşmadığını açıklar. Hangi ölçütlerin görsel kanıt istediğini işaretler ve yer tutucu yerine gerçek metni kaydeder. Yeni bileşen mevcut olanın neden uymadığını anlatan gerekçe ister.

Kaynak Skill amacı

Nasıl çalışır

Becerinin adımları, kaynak sırasıyla

Kaynak Skill akışı

Arayüz kapsamını belirle Görevi oku; etkilenen ekranları, akışları ve kabul ölçütlerini listele.
Kaynak Skill akışı
Tasarım sistemini oku Mevcut tasarım belgesini kullan veya token'ları ve bileşenleri gerçek arayüzden çıkar.
Kaynak Skill akışı
Yeniden kullanılacakları say İlgili bileşen ve token'ları, doğrulanmış depo yollarıyla bul.
Kaynak Skill akışı
Ekran ve akışları belirt Ziyaretçi modunu, yaratıcı yönü ve UX örüntülerini seç; sonra her ekran durumunu belirt ve akışları sıralı ekran adımları olarak anlat.
Kaynak Skill akışı
Erişilebilirliği anlat Her ekranın klavye, odak, ekran okuyucu ve duyarlı davranışını belirt.
Kaynak Skill akışı
Yeni öğeleri gerekçelendir Yeni öğeyi ancak mevcut parçalar uymuyorsa ekle, ardından tasarımı eleştir.
Kaynak Skill akışı
Belirtimi yaz Makinece okunur arayüz verisini ve görevin okunur arayüz belgesini yaz.
Kaynak Skill akışı
Belirtimi doğrula Arayüz validator'ını görev, sınıf ve tasarım belgesine karşı çalıştır.
Kaynak Skill akışı
Kapsamı bildir Yeniden kullanılan ve yeni öğeleri, durum kapsamını ve çözümsüz soruları özetle.
Kaynak Skill akışı

Temel kurallar

Her yüzey için bir ziyaretçi modu seç, seçimin gerekçesini ve moda uygun tasarım yönünü belirt.
Kaynak Temel kurallar
Yeni öğe oluşturmadan önce doğrulanmış token'ları ve bileşenleri yeniden kullan.
Kaynak Temel kurallar
Her ekran için gereken her durumu belirt veya neden geçerli olmadığını açıkla.
Kaynak Temel kurallar
Belirtime klavye, odak ve ekran okuyucu davranışını kat.
Kaynak Temel kurallar
Her dosya için yüzeyin tasarım belgesini ve ortak temeli kullan; ortak temel ile çelişkiyi bulgu olarak bildir.
Kaynak Temel kurallar

Çıktı ve gate

Çıktı

Beceri tanımı bir çıktı belirtmiyor.

Kaynak Skill tanımı

gate

Doğrulama başarılı olmalıdır; eksik durumlar veya doğrulanmamış yeniden kullanım yolları tamamlanmayı engeller.
Kaynak Gate kuralı

Kaynak