Form Designyazan Owl-Listener

Form Design Skill.

İlk alandan başarılı gönderime kadar olan yolu, düzeltmeler ve tekrar ziyaretler dahil olmak üzere belirleyin.

UX
Tasarım Rehberliği

OpenDesign İndir Kullanım Kılavuzunu Gör

Kaynak İncelemesi · Form DesignSKILL.md

Görev UX Çıktılar • Gruplama ve girdi türleriyle birlikte bir alan sırası • Etiketler, yönergeler ve doğrulama davranışı • Çok adımlı akış, odak, hata özeti ve ilerleme kuralları Başlamadan Önce Form brifingini, zorunlu alanları ve doğrulama kurallarını ve varsa mevcut form ekranlarını okuyabilen bir ajan.

Editöryel özet · kaynak incelendi 2026-10-07 · üretilmiş bir örnek değildir

01 İşlevler

Form Design: Veri Girişini Net Hale Getirin

Eksiksiz bir form için alan sırasını, etiketleri, girdi türlerini, doğrulamayı ve düzeltmeyi belirleyin.

Kaynağa dayalı iş akışıÇalıştırma performans testi değildir

Çalışma Yaklaşımı

Form Design bir formu baştan sona ele alır. Yerleşim, etiketler, yardımcı metinler, girdi türleri, doğrulama, çok adımlı ilerleme ve erişilebilirliği kapsar. Kaynak, net bir okuma sırasını ve beklenen girdiyi anlatan alan genişliklerini tercih eder.

Ayrıntılı davranış rehberi; odaktan çıkıldığında doğrulama, alanlara bağlı hatalar, geri gidildiğinde girilen verilerin korunması ve yüksek riskli gönderimler için bir gözden geçirme adımı içerir. Bunlar gerçek verilere ve kullanıcılara uyarlanması gereken tasarım kararlarıdır; test edilmemiş bir formun tamamlanma oranını artıracağının kanıtı değildir.

Beklenen Çıktılar

Gruplama ve girdi türleriyle bir alan sırası
Etiketler, yönergeler ve doğrulama davranışı
Çok adımlı akış, odak, hata özeti ve ilerleme kuralları

Örnek Brifingi Gör

Brifingten İncelemeye

01
Alanları Azaltın ve Sıralayın
Gerekli bilgileri belirleyin ve ilgili soruları net bir okuma sırasıyla gruplayın.
02
Giriş Davranışını Belirleyin
Girdileri, kalıcı etiketleri, yardımcı metni ve doğrulama zamanlamasını seçin.
03
Tamamlamayı ve Düzeltmeyi Yönetin
Korunacak verileri, geri gitmeyi, hata odağını ve önemli sonuçlar doğuran gönderimlerden önceki gözden geçirmeyi tanımlayın.

02 Kullanım Alanları

Ne Zaman Kullanılır?

Yeni bir form tasarlamak veya mevcut bir formdaki kafa karıştırıcı alanları, doğrulamayı ve ilerlemeyi ele almak için kullanın.

Uygun Kullanımlar

Uzun Başvuru Formlarıİlgili soruları, ilerlemeyi kaybetmeden tutarlı adımlara bölün.
Alan Düzeyinde SürtünmeKafa karıştırıcı yönergeleri, girdi biçimlerini ve doğrulama mesajlarını netleştirin.

Kontrol Edilecek Sınırlar

Dönüşüm Artışı Garantisi YokTamamlama oranındaki iyileşmeler gözlem ve ölçüm gerektirir.
Tüm Ürün Hataları İçin DeğilAkışlar arası ağ ve izin stratejisi tek bir formun ötesine geçer.

Bu Girdileri Hazırlayın

Gerekli VerilerAlanları, biçimlerini ve neden gerektiklerini listeleyin.
Doğrulama KurallarıGerçek istemci ve sunucu kısıtlarını sağlayın.
Tamamlama BağlamıSonuçları, cihaz kullanımını ve kişilerin sonra geri dönüp dönmediğini açıklayın.

03 Önemli Kararlar

Önemli Kararlar

Düzeltme Tasarlanır
Odaklanılabilir özetler ve alanlara bağlı mesajlar, kişilerin verimli şekilde toparlanmasına yardımcı olur.
İlerleme Korunur
Geri gitme ve kısmi tamamlama, açık durum davranışları gerektirir.

04 Örnek Görev Tanımı

Odaklı Bir Brifing Deneyin

Aşağıdaki örnek brifing test edilmemiştir. Kullanmadan önce skill'in kurulumunu kontrol edin.

Kurulumu İnceleyin

Bu görevin SKILL.md dosyasını designer-skills deposundan, ajanınızın desteklediği skill konumuna yükleyin. Giriş dosyası evrensel bir kurulum komutu belirtmez.

Kaynak Skill Dosyası

https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/interaction-design/skills/form-design/SKILL.md

Gerekli alanları ve gerçek doğrulama kurallarını sağlayın. Çıktı bir form belirtimidir; uygulama ve kullanıcı testi ayrı işlerdir.

Tek Bir Çıktıyla Başlayın

Skill'i çalıştırmadan önce bu brifingdeki kapsamı, kaynak materyali ve kısıtları uyarlayın.

Örnek Brifing

Bu çok adımlı proje brifingini yeniden tasarlamak için form-design kullanın. Gerekçesiz alanları kaldırın, ilgili soruları gruplayın, kalıcı etiketleri ve odaktan çıkınca doğrulamayı tanımlayın ve geri gidildiğinde girilen verileri koruyun. Erişilebilir, alanlara bağlı bir hata özeti ve son bir gözden geçirme adımı belirleyin.

Sonucu İnceleyin

Gerçek çıktıyı bu gözlemlenebilir ölçütlere göre kontrol edin.

Her alanın programatik olarak erişilebilen kalıcı bir etiketi vardır.
Hatalar düzeltmeyi açıklar ve alana bağlanır.
Geri gitmek girilen verileri korur.

OpenDesign kodlama ajanları için yerel bir tasarım çalışma alanı sağlar. Bu listeleme, skill'in pakete dahil olduğu anlamına gelmez; harici araçlar, kimlik bilgileri ve yazılım bağımlılıkları da dahil değildir.

OpenDesign İndir Hızlı Başlangıcı Oku

05 Kaynak ve Lisans

Kaynak ve Lisans

Bu sayfa, aşağıda bağlantısı verilen sabitlenmiş kaynak sürümünü anlatır. Kaynaktaki davranış ve gereksinimler değişebilir.

Kaynak Sahibi: Owl-Listener
Depo: Owl-Listener/designer-skills
Skill Dosyası: interaction-design/skills/form-design/SKILL.md
Lisans: MIT
İncelenen Anlık Görüntü: 2026-10-07 · 9a6930cf84a8

Editöryel Kaynak Özeti

Eksiksiz bir form için alan sırasını, etiketleri, girdi türlerini, doğrulamayı ve düzeltmeyi belirleyin.

OpenDesign tarafından, bağlantı verilen kaynağa dayanarak hazırlanmış özgün özet. Depo yıldızları, tarihli bir popülerlik göstergesidir; skill kullanımını veya kalite puanını göstermez.

06 Başlamadan Önce Sorular

Başlamadan Önce Yanıtlanan Sorular

Yer tutucu metin etiketin yerini tutabilir mi?

Kaynağa göre hayır; etiketler yazı yazıldıktan sonra da görünür kalmalıdır.

Alan doğrulaması ne zaman yapılmalı?

Kaynak, her tuş vuruşunda doğrulama yerine odaktan çıkıldığında doğrulamayı önerir; istisnaları gerçek etkileşim ihtiyaçlarına göre uyarlayın.

Çok adımlı bir formda ilerleme kaydedilmeli mi?

Kaynak, daha uzun akışlar için verilerin korunmasını ve ilerlemeyi kaydeden davranışı önerir.

OpenDesign

Sonraki Tasarım Yinelemesine Yer Açın.

Brifingi, kaynak materyali ve tasarım çalışmanızı yerel bir çalışma alanında bir arada tutun. İş akışınıza eklemeden önce skill'in kendi kurulumunu kontrol edin.

OpenDesign İndir Tasarım Skill'lerine Göz At