İ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.
[PROJECT] ve [AUDIENCE] için mevcut proje teknoloji yığınını kullanarak düzenlenebilir, mobil öncelikli bir uygulama prototipi oluşturun. Görev: Erişilebilir Şehir Rehberi.
Gerekli içerik ve yapı
Belirli erişilebilirlik özelliklerini kullanarak yerleri inceleyin, tarihli kaynak notlarını görüntüleyin ve isteğe bağlı destekleyici ayrıntılarla bir düzeltme gönderin.
Ekranlar ve gezinme
Birbirine bağlı üç görünüm oluşturun: Yerler; Erişilebilirlik ayrıntıları; Güncelleme gönder. Seçili 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 çevrilmiş uzun etiketleri hesaba katın. Masaüstü genişliklerinde, hiçbir adımı kaldırmadan veya görevi değiştirmeden düzeni uyarlayın.
Proje girdileri
Adlar, kayıtlar, etiketler, miktarlar ve hedefler için [APPROVED_CONTENT] kullanın. Operasyonel iddialar uydurmak yerine eksik verileri isteyin. Tanıtım kayıtlarında kurgusal Open Routes markası kullanılabilir; bunları örnek veri olarak etiketleyin. Hangi eylemlerin yerel prototip etkileşimleri olduğunu, hangilerinin kimlik doğrulama, kalıcı veri saklama, izinler veya bir arka uç gerektireceğini açıklayın. Söz konusu 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, lacivert, sıcak sarı ve yüksek kontrastlı yönlendirme kullanın. İş akışını genel gösterge paneli kartlarını yineleyerek değil, 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 uyun ve animasyonlu geçişleri isteğe bağlı tutun.
Göreve özel kabul kontrolü
- Bilinmeyen erişilebilirlik bilgilerini kullanılamayan özelliklerden ayrı gösterin ve erişilebilirliği asla bir fotoğraftan çıkarsamayın.
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
Erişilebilir Şehir Rehberi için ekli reference.webp dosyasını görsel referans olarak 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 yinelenen bileşenleri belirleyin. Genel bir şablonla değiştirmek yerine bu ilişkileri koruyun. Gerekli görev içeriği: Belirli erişilebilirlik özelliklerini kullanarak yerlere göz atın, tarihli kaynak notlarını inceleyin ve isteğe bağlı destekleyici ayrıntılarla bir düzeltme gönderin. Görseli düzenlenebilir öğelere dönüştürürken şu göreve özel yerleşim yönergelerini kullanın: Giriş ekranı olarak Yerler ile başlayın, Erişilebilirlik ayrıntılarına net bir birincil eylem ekleyin ve Güncelleme gönder ekranının ne olduğunu ve sonrasında neler olabileceğini açıklamasını sağlayın. Başlangıç yönü olarak beyaz, lacivert, sıcak sarı ve yüksek kontrastlı yönlendirme kullanın; bunu sağlanan markaya uyarlayın. Kayıt kimliğini ve navigasyon bağlamını üç ekran boyunca görünür tutun. Dekoratif paneller yerine başparmakla erişilebilen kontrollere ve okunabilir etiketlere öncelik verin; daha geniş ekranlarda mobil düzeni bir kenardan diğerine uzatmak yerine iş akışının bütünlüğünü koruyun.
Örnek proje gereksinimindeki görsel yön
beyaz, lacivert, sıcak sarı, yüksek kontrastlı yönlendirme.
Etkileşim özellikleri
Referans statik bir konsepttir: Aşağıdaki davranış, uygulanması gereken bir gereksinimdir; görselin zaten çalıştığının kanıtı değildir. Özelleştirilmiş istemi projenize kopyalayın ve bağlantılı akışı oluşturun: Belirli erişilebilirlik özelliklerini kullanarak yerlere göz atın, tarihli kaynak notlarını inceleyin ve isteğe bağlı destekleyici ayrıntılarla bir düzeltme gönderin. Bilinmeyen erişilebilirlik bilgilerini kullanılamayan özelliklerden ayrı gösterin ve erişilebilirliği asla bir fotoğraftan çıkarsamayın. Görünür her kontrol için tetikleyiciyi, etkilenen durumu ve geri bildirimi 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 olduğunda görünür bekliyor/başarılı/başarısız geri bildirimi sunmasını sağlayın. İlgisiz iş akışları eklemeyin. Navigasyon 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ğunu ima etmeyin.
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.
Erişilebilir Şehir Rehberi Tasarım İstemi Nasıl Yazılır?
Belirli erişilebilirlik özelliklerini kullanarak yerlere göz atmak, tarihli kaynak notlarını incelemek ve isteğe bağlı destekleyici ayrıntılarla bir düzeltme göndermek için bu erişilebilir şehir rehberi 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.
Erişilebilirlik Özelliklerini Tek Tek Açıklayın
Erişilebilir bir şehir rehberinde, tek bir güven verici rozet yerine belirli erişilebilirlik bilgileri gerekir.
Kaynak tarihleri ve bilinmeyen ayrıntılar, insanların bir yerin kendi gereksinimlerine uygun olup olmadığını değerlendirmesine yardımcı olur. Giriş ekranı olarak Yerler ile başlayın, Erişilebilirlik ayrıntılarına net bir birincil eylem ekleyin ve Güncelleme gönder ekranının ne olduğunu ve sonrasında neler olabileceğini açıklamasını sağlayın. Başlangıç yönü olarak beyaz, lacivert, sıcak sarı ve yüksek kontrastlı yönlendirme kullanın; bunu sağlanan markaya uyarlayın. Kayıt kimliğini ve navigasyon bağlamını üç ekran boyunca görünür tutun. Dekoratif paneller yerine başparmakla erişilebilen kontrollere ve okunabilir etiketlere öncelik verin; daha geniş ekranlarda mobil düzeni bir kenardan diğerine uzatmak yerine iş akışının bütünlüğünü koruyun.
İstemden
Birbirine bağlı üç görünüm oluşturun: Yerler; Erişilebilirlik ayrıntıları; Güncelleme gönder.
Kendinize Uyarlayın
Her yer için [ACCESS_FEATURES] öğelerini kaynak notları ve doğrulama tarihleriyle birlikte ayrı ayrı listeleyin. Bilinmeyen bilgileri doğrulanmış yokluktan ayırın ve bir düzeltme formu sağlayın.
Erişilebilir Şehir Rehberi İçeriğini Hazırlayın
Ortadaki ekran, bir mekân fotoğrafını ayrı ayrı işaretlenmiş erişim özellikleri ve tarihli kaynak notlarıyla eşleştirir. Bir mekâna açıklanmayan tek bir erişilebilirlik puanı vermek yerine her özellik için kanıt hazırlayın.
Yer adlarını, tek tek erişilebilirlik özelliklerini, her iddianın kaynağını ve tarihini, ayrıca düzeltme için gereken alanları hazırlayın. Tasarımın belirsizliği gizlemek yerine açıklamasını gerektirecek şekilde, giriş bilgisi bilinmeyen bir kayıt ekleyin.
İstemden
Belirli erişilebilirlik özelliklerini kullanarak yerleri inceleyin, tarihli kaynak notlarını görüntüleyin ve isteğe bağlı destekleyici ayrıntılarla bir düzeltme gönderin.
Kendinize Uyarlayın
[PROJECT] için bu erişilebilir şehir rehberinin kaynağı olarak [APPROVED_CONTENT] kullanın. Yerler; Erişilebilirlik ayrıntıları; Güncelleme gönder için onaylanmış kayıtları ve alan etiketlerini, eylem ve kalıcılık kurallarını, marka varlıklarını ve izin gereksinimlerini kullanın. Eksik girdileri tanıtım içeriğiyle değiştirmeden önce belirleyin.
Eksik Bir Kaydı İnceleyin
Güncelleme ekranı; özellik onay kutularını, yazılı raporu ve isteğe bağlı fotoğrafları birbirinden ayırır. Doğrulama ve gönderim geri bildirimini belirtin; statik bir form, güncellemenin kabul edildiğini göstermez.
Giriş bilgisi olmayan bir yer, erişilemez veya tamamen erişilebilir görünmemelidir. Fotoğraflar bir kaydı destekleyebilir ancak tek başına bir erişilebilirlik özelliğini kanıtlayamaz. Önce şu belirli sınırı test edin: Bilinmeyen erişilebilirlik bilgilerini kullanılamayan özelliklerden ayrı gösterin ve erişilebilirliği asla bir fotoğraftan çıkarsamayın. Ardından ana akışı uzun bir kayıt başlığı, kaydedilmiş kayıt olmaması ve başarısız bir eylemle çalıştırın. Kullanıcı, renge güvenmeden nelerin kaydedildiğini, nelerin beklemede olduğunu ve nelerin 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 anlamlı bir sırada karşılaştığını doğrulayın.
İstemden
Bilinmeyen erişilebilirlik bilgilerini kullanılamayan özelliklerden ayrı gösterin ve erişilebilirliği hiçbir zaman bir fotoğrafa bakarak çıkarsamayın.
Kendinize Uyarlayın
Erişilebilir şehir rehberini şu gereksinime göre inceleyin: Bilinmeyen erişilebilirlik bilgilerini kullanılamayan özelliklerden ayrı gösterin ve erişilebilirliği asla bir fotoğraftan çıkarsamayın. Önce şu belirli sınırı test edin: Bilinmeyen erişilebilirlik bilgilerini kullanılamayan özelliklerden ayrı gösterin ve erişilebilirliği asla bir fotoğraftan çıkarsamayın. Ardından ana akışı uzun bir kayıt başlığı, kaydedilmiş kayıt olmaması ve başarısız bir eylemle çalıştırın. Kullanıcı, renge güvenmeden nelerin kaydedildiğini, nelerin beklemede olduğunu ve nelerin 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 anlamlı 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 düzeltin.
Erişilebilir Şehir Rehberi 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.
- Bilinmeyen erişilebilirlik bilgilerini kullanılamayan özelliklerden ayrı gösterin ve erişilebilirliği hiçbir zaman bir fotoğrafa bakarak çıkarsamayın.
Takip İstemi
Bunu ilk sonuçtan sonra kullanın. Düzeltmeyi bu görevin en önemli bölümüne odaklar.
Yalnızca Erişim ayrıntılarından Güncelleme gönder adımına geçişi iyileştirin. Bilinmeyen erişilebilirlik bilgilerini kullanılamayan özelliklerden ayrı gösterin ve erişilebilirliği hiçbir zaman bir fotoğrafa bakarak çıkarsamayın. İlgili beklemede, başarısız ve tamamlanmış durumları açık etiketlerle gösterin. Onaylanmış gezinmeyi, tipografiyi ve diğer ekranları koruyun. Değiştirilen görünümleri teslim edin ve girilen verilerin yeniden deneme sırasında nasıl korunduğunu açıklayın.
