Paket Teslim Alma Düzenleyicisi Tasarım İstemi

[PROJECT] ve [AUDIENCE] için mevcut proje teknoloji yığınını kullanarak düzenlenebilir, mobil öncelikli bir uygulama prototipi oluşturun. Görev: Paket Teslim Alma Düzenleyicisi.

Gerekli içerik ve yapı

Teslimat güncellemelerini düzenleyin, son kullanma tarihiyle birlikte kurgusal bir teslim alma kodu gösterin ve kullanıcının bir paketin teslim alındığını kaydetmesini sağlayın.

Ekranlar ve gezinme

Bağlantılı üç görünüm oluşturun: Teslimatlar; Teslim alma ayrıntıları; Teslim alındı. Seçili kaydı ekran başlığında veya özetinde görünür tutun. Açık bir geri eylemini destekleyin ve görünümler arasında geçiş yaparken devam eden girişleri koruyun. Birincil eylemi ilgili içeriğe yakın tutun; mobil güvenli alanları, görünür yazılım klavyesini ve uzun çevrilmiş etiketleri hesaba katın. Masaüstü genişliklerinde bir adımı kaldırmadan veya görevi değiştirmeden kompozisyonu uyarlayın.

Proje girdileri

Adlar, kayıtlar, etiketler, miktarlar ve varış noktaları için [APPROVED_CONTENT] kullanın. Operasyonel iddialar uydurmak yerine eksik verileri isteyin. Tanıtım kayıtlarında kurgusal Parcel markası kullanılabilir; bunları örnek veri olarak etiketleyin. Hangi eylemlerin yerel prototip etkileşimleri olduğunu ve hangilerinin kimlik doğrulama, kalıcılık, izinler veya arka uç gerektireceğini açıklayın. İlgili entegrasyon açıkça uygulanıp test edilmedikçe harici hizmetlere bağlanmayın veya bir işlemin tamamlandığını iddia etmeyin.

Tasarım yönü

[BRAND_RULES] kurallarına uyun. Marka sağlanmadığında beyaz, posta mavisi, turuncu vurgular ve net, işlevsel bir düzen kullanın. Genel gösterge paneli kartlarını tekrarlamak yerine iş akışını kendi içeriği ve kontrolleriyle tanınabilir hâle getirin. Tutarlı bir aralık ölçeği ve net bir metin hiyerarşisi kullanın. Görünür klavye odağı, erişilebilir adlar, yeterli kontrast ve renge dayanmayan durum etiketleri ekleyin. Azaltılmış hareket tercihlerine saygı gösterin ve animasyonlu geçişleri isteğe bağlı tutun.

Göreve özel kabul kontrolü

• Kullanıcının teslim alındı olarak işaretlediği bir paket için kurye onayı izlenimi vermeyin; süresi dolmuş kodlar için net bir kurtarma talimatı sunulmalıdır.

Etkileşim durumları

Üç ekranlı başarılı akışı yerel örnek verilerle uygulayın. Kullanışlı bir boş durum, eylemi tamamlamadan önce doğrulama, yükleniyor veya bekliyor durumu ve giderilebilir bir hata durumu ekleyin. Yıkıcı değişiklikler için inceleme veya geri alma yolu gerekir. Bir kaydın durumunu üç görünümün tamamında tutarlı tutun. Kısmen tamamlanmış girdileri sessizce silmeyin veya yeniden denemeden sonra kullanıcının seçimini değiştirmeyin.

Teslimat ve inceleme

Düzenlenebilir uygulama görünümlerini sunun; veri modelini, yerel depolama davranışlarını ve uygulanmamış entegrasyonları açıklayın. 320px genişlikte ve daha geniş bir görünüm alanında; klavye navigasyonu ve uzun içerikle test edin. Özellik eklemeden önce sonucu incelemek için yukarıdaki göreve özel kabul kontrolünü kullanın. Tanıtım davranışını çalışan bir üretim hizmetinden açıkça ayırın.

Referans eki ve yeniden oluşturma hedefi

Bu istemin indirme paketindeki reference.webp dosyasını, bu istemle birlikte OpenDesign'a ekleyin. Benzer kompozisyon ve hiyerarşiye sahip, düzenlenebilir bir sonuç oluşturun; referans görselin tamamını bitmiş arayüz olarak gömmeyin. Kurgusal örnek etiketlerle çelişmesi durumunda onaylanmış proje içeriğini ve marka kurallarını koruyun. Görsel eksikse veya okunamıyorsa görsel doğruluk iddiasında bulunmak yerine dosyayı isteyin.

Referans kompozisyonu ve içeriği

Ekli reference.webp dosyasını Paket Teslim Alma Düzenleyicisi için görsel referans olarak kullanın. Oluşturmaya başlamadan önce ana bölgeleri yukarıdan aşağıya; göreli genişlik ve yüksekliklerini, hizalamayı, aralıkları, tipografi hiyerarşisini, yüzey renklerini, kenarlıkları, görselleri ve tekrarlanan bileşenleri belirleyin. Genel bir şablon kullanmak yerine bu ilişkileri koruyun. Gerekli görev içeriği: Teslimat güncellemelerini düzenleyin, son kullanma tarihiyle birlikte kurgusal bir teslim alma kodu gösterin ve kullanıcının bir paketin teslim alındığını kaydetmesini sağlayın. Görseli düzenlenebilir öğelere dönüştürürken şu göreve özgü düzen yönlendirmesini kullanın: Giriş ekranı olarak Teslimatlar ile başlayın, Teslim alma ayrıntıları için belirgin bir birincil eylem sunun ve Teslim alındı ekranında ne olduğunu ve bundan sonra neler yapılabileceğini açıklayın. Başlangıç yönü olarak beyaz, posta mavisi, turuncu vurgular ve net, işlevsel bir düzen kullanıp bunları sağlanan markaya uyarlayın. Üç ekran boyunca kayıt kimliğini ve gezinme bağlamını görünür tutun. Dekoratif paneller yerine başparmakla erişilebilen kontrollere ve okunaklı etiketlere öncelik verin; geniş ekranlarda mobil bir kompozisyonu bir kenardan diğerine uzatmak yerine iş akışının tutarlılığını koruyun.

Örnek proje gereksinimindeki görsel yön

beyaz, posta mavisi, turuncu vurgular, net ve işlevsel düzen.

Etkileşim özellikleri

Referans statik bir konsepttir: aşağıdaki davranış uygulanması gereken bir gereksinimdir, görselin hâlihazırda çalıştığının kanıtı değildir. Özelleştirilmiş istemi projenize kopyalayın ve bağlantılı akışı oluşturun: Teslimat güncellemelerini düzenleyin, son kullanma tarihiyle birlikte kurgusal bir teslim alma kodu gösterin ve kullanıcının bir paketin teslim alındığını kaydetmesini sağlayın. Kullanıcının teslim alındı olarak işaretlediği bir paket için kurye onayı izlenimi vermeyin; süresi dolmuş kodlar için net bir kurtarma talimatı sunulmalıdır. Görünen her kontrol için tetikleyicisini, etkilenen durumu ve geri bildirimini belirtin; yerel değişiklikleri ilgili görünümler arasında tutarlı durumla uygulayın. Arama ve filtrelerin gerçek sonuçlar vermesini, seçim kontrollerinin açık bir etkin duruma sahip olmasını ve kaydetme eylemlerinin uygun yerlerde görünür bekleme/başarı/başarısızlık geri bildirimi sunmasını sağlayın. İlgisiz iş akışları eklemeyin. Gezinme için uygun bağlantıları, eylemler için düğmeleri ve simge kontrolleri için erişilebilir adları kullanın. Yalnızca yerel bir demo değiştiğinde arka uç işleminin başarılı olduğu izlenimini vermeyin.

Görsel karşılaştırma ve teslim

1. Sonucu ekli görselle eşleşen oranlarda karşılaştırın. Dekoratif ayrıntıları iyileştirmeden önce ana bölgelerin yerleşimini, göreli görsel boyutlarını, satır sonlarını, boşlukları, tipografi hiyerarşisini, kontrastı, etkin durumları ve içerik yoğunluğunu inceleyin.
2. Ardından masaüstü metnini küçük etiketlere sıkıştırmadan dar düzeni test edin.
3. Logoları, fotoğrafları ve simgeleri ayrı varlıklar olarak; anlamlı tüm etiketleri ise düzenlenebilir tutun. Kullanılamayan yazı tiplerini/varlıkları ve bilinçli sapmaları listeleyin. Çalışan dosyalarla birlikte uygulanan davranışların ve kalan entegrasyonların kısa bir açıklamasını sunun; yalnızca isteme dayanarak piksel düzeyinde aynı sonuç vadetmeyin.