İçeriğe geçin

Tasarım teslimini durum ve davranışlarla hazırlamak

Tasarım teslimini izlenebilir bir belirtimle hazırlayın. Proje araması örneği metinleri, durumları ve kontrolleri gösterir.

Julia Hoffmann2 dk okuma
Arama alanı, iki sonuç satırı ve mavi çizim kalemi bulunan tasarım sayfası.

Tasarım teslimi, geliştirme ekibine hangi arayüzün yapılacağını ve kararlaştırılan akışta nasıl davranacağını anlatmalıdır. Bunun için somut bir görev seçin. Aşağıdaki şablon kurgusal bir müşteri portalındaki proje aramasını açıklar; bir plandır, geliştirilmiş bir arayüz değildir.

Görevi ve tasarım sürümünü kaydedin

Örnekte kişi “Portal” yazar ve aramayı başlatır. Portal, mevcut yetkisinin kapsadığı uygun projeleri yükler. Taslak bu yetkiyi değiştirmez. Hangi kaynak dosyanın ve onaylanmış tasarımın geçerli olduğunu kaydedin. Kullanılan bileşenleri sürümleriyle belirtin; eski bir görsel dışa aktarımı fark edilmeden geliştirme şablonuna dönüşmemelidir.

Durumları metin ve kullanımla eşleştirin

Örnek belirtimdeki durum

Planlanan geri bildirim

Kararlaştırılan davranış

Arama başlatılabilir

“Proje ara” alanı, “Ara” eylemi

Girilen terim görünür kalır; eylem yüklemeyi başlatır.

Arama sürüyor

“Projeler yükleniyor.”

Aramanın sürdüğü anlaşılır; eski sonuçlar yeni eşleşmeler olarak sunulmaz.

Arama tamamlandı, sonuç var

“2 proje bulundu.” ve “Portal yenileme”, “Portal yardımı” proje bağlantıları

Uygun projelere erişilebilir; arama terimi korunur.

Arama tamamlandı, sonuç yok

“Bu arama için proje bulunamadı.”

Terim korunur ve değiştirilebilir. Bu bir bağlantı hatası değildir.

Veriler alınamadı

“Proje listesi yüklenemedi. Yeniden deneyin.”

Terim korunur; yeniden arama yapılabilir. Hata, boş sonuç listesi olarak gösterilmez.

İki proje adı varsayımsal örnek sonuçlardır. Önceki yanıt henüz gelmemişken yeni arama yapılırsa ne olacağını da belirleyin. Yalnızca güncel terime ait sonuçlar güncel durum olarak görünmelidir.

Teknik adlandırmayı ve geri bildirimi teslim edin

W3C uygun görünen etiketleri ve kontrol edilmiş erişilebilir adları önerir. Bu nedenle alanı, eylemi ve planlanan adı taslakta açıkça ilişkilendirin. Durum mesajları, odağı almadan yardımcı teknolojilere bilgi sunabilir. Sonuç listesinin kendisi, kısa durum mesajıyla aynı şey değildir.

Aramadan sonra odağın nerede kalacağını ve sonuç listesine klavyeyle nasıl ulaşılacağını kararlaştırın. Açık soruları açık olarak aktarın; eksik tasarım, herhangi bir davranışa verilmiş onay değildir.

Aynı görevle kabul kontrolü yapın

Geliştirilen sürümde aramayı, boş sonucu ve başarısız veri alımını uygun test verileriyle kontrol edin. Uzun çevirileri, klavye yolunu ve geri bildirimleri planlanan yardımcı teknolojiyle sınayın. Sonucu kararlaştırılan tasarımla karşılaştırın. Düzeltilen kurallar ortak belgelere geri işlenmelidir; sonraki değişiklikler böylece aynı temele dayanır.

Kaynaklar

Yazan

  • Julia HoffmannTasarım ve UX EditörüJulia Hoffmann, ASES'te tasarım ve kullanıcı deneyimi içeriklerinden sorumludur. Yazıları web sitelerinin ve uygulamaların kullanımını, kullanıcı arayüzü tasarımını ve dijital erişilebilirliği ele alır.

ASES'i takip edin

Devamını okuyun

Tüm yazılar

Projeniz ASES ile

Projenizi bize anlatın. İlk değerlendirmemizle size dönelim.