İstemi Kullanın
Proje Gereksiniminizi Ekleyin
Bağlamınızı aşağıya ekleyin. İstemi kopyaladığınızda veya indirdiğinizde bu bilgiler de eklenecektir.
Mevcut proje teknoloji yığınını kullanarak [PROJECT] ve [AUDIENCE] için düzenlenebilir, mobil öncelikli bir uygulama prototipi oluşturun. Görev: Toplu Taşıma Bileti Cüzdanı.
Gerekli içerik ve yapı
Bir başlangıç noktası, varış noktası ve kalkış saati seçin; açıkça etiketlenmiş bir gösterim ücretini inceleyin, ardından örnek bir bilet ile geçerlilik süresini gösterin.
Ekranlar ve gezinme
Birbirine bağlı üç görünüm oluşturun: Yolculuk seçimi; Bilet inceleme; Biletlerim. Seçilen kaydı ekran başlığında veya özetinde görünür tutun. Açık bir geri eylemi sunun ve görünümler arasında geçiş yaparken devam eden girişleri koruyun. Birincil eylemi ilgili içeriğin yakınında tutun; mobil güvenli alanları, görünür yazılım klavyesini ve çevrildiğinde uzayan etiketleri hesaba katın. Masaüstü genişliklerinde hiç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 sorun. Gösterim kayıtlarında kurgusal Metroday markası kullanılabilir; bunları örnek veri olarak etiketleyin. Hangi eylemlerin yerel prototip etkileşimleri olduğunu, hangilerinin kimlik doğrulama, kalıcı depolama, izinler veya arka uç gerektireceğini açıklayın. 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 belirtilmemişse beyaz, koyu lacivert, elektrik yeşili ve toplu taşıma tipografisi kullanın. İş akışını genel gösterge paneli kartlarını tekrarlayarak değil, kendine özgü içerik ve kontrollerle tanınır hâle getirin. Tutarlı bir aralık ölçeği ve belirgin 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 uyun ve animasyonlu geçişleri isteğe bağlı tutun.
Göreve özel kabul kontrolü
- Süresi dolmuş ve gelecekte geçerli olacak biletleri birbirinden ayırın; çevrimdışı görüntüleme, biletin seyahat için geçerli olduğu izlenimini vermemelidir.
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
Toplu Taşıma Bileti Cüzdanı için görsel referans olarak ekli reference.webp dosyasını kullanın. Oluşturmaya başlamadan önce ana bölgeleri yukarıdan aşağıya doğru; 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: Bir başlangıç noktası, varış noktası ve kalkış saati seçin; açıkça etiketlenmiş bir gösterim ücretini inceleyin; ardından örnek bir bileti ve geçerlilik dönemini gösterin. Görseli düzenlenebilir öğelere dönüştürürken göreve özel şu yerleşim yönergelerini kullanın: Giriş ekranı olarak Yolculuk seçimi ile başlayın, Bilet inceleme ekranına belirgin bir birincil eylem ekleyin ve Biletlerim ekranında ne olduğunu ve bundan sonra neler olabileceğini açıklayın. Başlangıç yönü olarak beyaz, koyu lacivert, elektrik yeşili ve toplu taşıma tipografisini kullanıp sağlanan markaya uyarlayın. Kayıt kimliğini ve gezinme bağlamını üç ekran boyunca görünür tutun. Dekoratif paneller yerine başparmakla kolayca erişilebilen kontrollere ve okunabilir etiketlere öncelik verin; daha geniş ekranlarda mobil kompozisyonu kenardan kenara uzatmak yerine iş akışının bütünlüğünü koruyun.
Örnek proje gereksinimindeki görsel yön
beyaz, koyu lacivert, elektrik yeşili, toplu taşıma tipografisi.
Etkileşim özellikleri
Referans statik bir konsepttir: Aşağıdaki davranış, görselin hâlihazırda çalıştığının kanıtı değil, uygulanması gereken bir gereksinimdir. Özelleştirilmiş istemi projenize kopyalayın ve bağlantılı akışı oluşturun: Bir başlangıç noktası, varış noktası ve kalkış saati seçin; açıkça etiketlenmiş bir gösterim ücretini inceleyin; ardından örnek bir bileti ve geçerlilik dönemini gösterin. Süresi dolmuş ve gelecekte geçerli olacak biletleri birbirinden ayırın; çevrimdışı görüntüleme, biletin seyahat için geçerli olduğu izlenimini vermemelidir. Görünen her kontrol için tetikleyicisini, etkilediği durumu ve geri bildirimini belirtin; yerel değişiklikleri ilgili görünümler arasında tutarlı bir 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 beklemede/başarılı/başarısız 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
- 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.
- Ardından masaüstü metnini küçük etiketlere sıkıştırmadan dar düzeni test edin.
- 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.
İstemi + Görseli İndir
Eksiksiz istemi ve tam boyutlu referans görselini içerir. Düzeni yönlendirmek için ikisini de OpenDesign'a ekleyin.
Toplu Taşıma Bileti Cüzdanı Tasarım İstemi Nasıl Yazılır?
Bir başlangıç noktası, varış noktası ve kalkış saati seçmek, açıkça etiketlenmiş bir gösterim ücretini incelemek ve ardından örnek bir bilet ile geçerlilik dönemini göstermek için bu toplu taşıma bileti cüzdanı tasarım istemini kullanın.
Referans, yapay zekâ tarafından oluşturulmuş bir konsepttir. Aşağıdaki talimatlar neyin oluşturulacağını ve test edileceğini açıklar; görsel, çalışan bir davranışı göstermez.
Bilet Geçerliliğini Çevrimdışıyken Okunabilir Kılın
Bir toplu taşıma bileti cüzdanı, saklanan bilgiler ile geçerli seyahat hakkını açıkça ayırt etmelidir.
Örnek ücret ve bilet, gösterim amaçlı olduğunu açıkça korumalıdır. Giriş ekranı olarak Yolculuk seçimi ile başlayın, Bilet inceleme ekranına belirgin bir birincil eylem ekleyin ve Biletlerim ekranında ne olduğunu ve bundan sonra neler olabileceğini açıklayın. Başlangıç yönü olarak beyaz, koyu lacivert, elektrik yeşili ve toplu taşıma tipografisini kullanıp sağlanan markaya uyarlayın. Kayıt kimliğini ve gezinme bağlamını üç ekran boyunca görünür tutun. Dekoratif paneller yerine başparmakla kolayca erişilebilen kontrollere ve okunabilir etiketlere öncelik verin; daha geniş ekranlarda mobil kompozisyonu kenardan kenara uzatmak yerine iş akışının bütünlüğünü koruyun.
İstemden
Birbirine bağlı üç görünüm oluşturun: Yolculuk seçimi; Bilet inceleme; Biletlerim.
Kendinize Uyarlayın
Kullanıcıların yolculuk seçmesine ve etiketlenmiş bir demo ücretini incelemesine olanak tanıyın. Örnek bileti geçerlilik aralığıyla birlikte gösterin; bağlantı olmadığında bile gelecekte geçerli, şu anda geçerli ve süresi dolmuş durumları birbirinden ayırın.
Toplu Taşıma Bileti Cüzdanı İçeriğini Hazırlayın
İnceleme ekranı, satın alma öncesinde güzergâhı, bilet türünü, geçerliliği ve fiyatı gösterir. Kesin ücret kurallarını kullanın ve kısıtlamaları ödeme düğmesinin arkasına gizlemeyin.
Örnek duraklar, kalkış saatleri, gösterim ücretleri ve bilet geçerlilik aralıkları sağlayın. Gelecekte geçerli olacak ve süresi dolmuş biletleri ekleyin; demonun seyahat bileti düzenlediğini ima etmeden hangi ayrıntıların çevrimdışı saklanabileceğini belirtin.
İstemden
Bir başlangıç noktası, varış noktası ve kalkış saati seçin; açıkça etiketlenmiş bir gösterim ücretini inceleyin, ardından örnek bir bilet ile geçerlilik süresini gösterin.
Kendinize Uyarlayın
[PROJECT] için bu toplu taşıma bileti cüzdanının kaynağı olarak [APPROVED_CONTENT] kullanın. Yolculuk seçimi, Bilet inceleme ve Biletlerim için onaylanmış kayıtlar ve alan etiketleri; eylem ve kalıcılık kuralları; marka varlıkları ve izin gereksinimleri. Eksik girdileri gösterim içeriğiyle değiştirmeden önce belirleyin.
Süresi Dolmuş Bir Bileti Çevrimdışı Açın
Cüzdan, etkin bir QR bileti yaklaşan ve süresi dolmuş öğelerden ayırır. Çevrim dışı kullanılabilirliği ve doğrulama durumlarını test edin; örnek QR kodu kullanılabilir bir biletmiş gibi sunulmamalıdır.
Bilet görüntülenebilir durumda kalabilir ancak süresinin dolduğu kesinlikle anlaşılmalıdır. Çevrimdışı kullanılabilirlik hiçbir zaman biletin seyahat için kullanılabileceğinin kanıtı olarak sunulmamalıdır. Önce şu belirli sınırı test edin: Süresi dolmuş ve gelecekte geçerli olacak biletleri birbirinden ayırın; çevrimdışı görüntüleme, biletin seyahat için geçerli olduğu izlenimini vermemelidir. Ardından ana akışı uzun bir kayıt başlığı, kayıtlı veri olmaması ve başarısız bir eylemle çalıştırın. Kullanıcı, renge güvenmeden neyin kaydedildiğini, neyin beklemede olduğunu ve neyin geri alınabileceğini anlayabilmelidir. Önceki ekrana dönüldüğünde girilen verilerin korunduğunu ve ekran okuyucunun başlık, durum ve birincil eylemle mantıklı bir sırada karşılaştığını doğrulayın.
İstemden
Süresi dolmuş ve gelecekte geçerli olacak biletleri birbirinden ayırın; çevrimdışı görüntüleme, biletin yolculuk için geçerli olduğu anlamına gelmemelidir.
Kendinize Uyarlayın
Toplu taşıma bileti cüzdanını şu gereksinime göre inceleyin: Süresi dolmuş ve gelecekte geçerli olacak biletleri birbirinden ayırın; çevrimdışı görüntüleme, biletin seyahat için geçerli olduğu izlenimini vermemelidir. Önce şu belirli sınırı test edin: Süresi dolmuş ve gelecekte geçerli olacak biletleri birbirinden ayırın; çevrimdışı görüntüleme, biletin seyahat için geçerli olduğu izlenimini vermemelidir. Ardından ana akışı uzun bir kayıt başlığı, kayıtlı veri olmaması ve başarısız bir eylemle çalıştırın. Kullanıcı, renge güvenmeden neyin kaydedildiğini, neyin beklemede olduğunu ve neyin geri alınabileceğini anlayabilmelidir. Önceki ekrana dönüldüğünde girilen verilerin korunduğunu ve ekran okuyucunun başlık, durum ve birincil eylemle mantıklı bir sırada karşılaştığını doğrulayın. Onaylanmış içeriği koruyun ve yalnızca bu kontrolden geçemeyen bölümleri gözden geçirin.
Toplu Taşıma Bileti Cüzdanı Sonucunuzu İnceleyin
Örnek, yapay zekâ tarafından oluşturulmuş görsel bir konsepttir. Bağlı hizmetler, cihaz izinleri ve kalıcı veriler ayrı uygulama ve test gerektirir.
- Süresi dolmuş ve gelecekte geçerli olacak biletleri birbirinden ayırın; çevrimdışı görüntüleme, biletin yolculuk için geçerli olduğu anlamına gelmemelidir.
Takip İstemi
Bunu ilk sonuçtan sonra kullanın. Düzeltmeyi bu görevin en önemli bölümüne odaklar.
Yalnızca Bilet inceleme ile Biletlerim arasındaki geçişi iyileştirin. Süresi dolmuş ve gelecekte geçerli olacak biletleri birbirinden ayırın; çevrimdışı görüntüleme, biletin seyahat için geçerli olduğu izlenimini vermemelidir. İlgili beklemede, başarısız ve tamamlandı durumlarını açık etiketlerle gösterin. Onaylanmış gezinmeyi, tipografiyi ve diğer ekranları koruyun. Değiştirilen görünümleri sunun ve girilen verilerin yeniden deneme sırasında nasıl korunduğunu açıklayın.
