Profesyonel web siteleri tasarlamayı, açıklamayı ve teslim etmeyi öğrenin.

1. Tanımı anlayın: Bilmediğiniz terimi sözlükten veya mentorunuzdan açıklatın.
2. Örneği inceleyin: Görevin kullanıcı ve işletme için neden önemli olduğunu kendi cümlenizle yazın.
3. Küçük çıktıyı üretin: Tek bir görev, taslak veya test sonucu hazırlayın.
4. Kanıt ekleyin: Ekran görüntüsü, bağlantı, kontrol listesi ya da kısa karar notu ekleyin.
5. İnceleme isteyin: Ne yaptığınızı, neyi test ettiğinizi ve nerede yardıma ihtiyaç duyduğunuzu belirtin.

• Müşterinin size verdiği görsel, logo, metin ve font dışındaki içerikleri kullanmadan önce lisansını ve izin durumunu sorun.
• Rakip sitelerden metin veya görsel kopyalamayın; AI'ın ürettiği içeriği de doğruluk, marka tonu ve haklar açısından inceleyin.
• Parola, API anahtarı, ödeme bilgisi ve özel müşteri verisini AI araçlarına veya ekran görüntülerine koymayın.
• Çerez, iletişim formu ve kişisel veri gibi konularda şirketinizin onay sürecine uyun; emin değilseniz mentorunuza taşıyın.

• AI çıktısını tarayıcıda ve mobilde test etmeden teslim etmek.
• Gizli müşteri bilgilerini veya API anahtarlarını bir AI aracına yapıştırmak.
• Küçük bir sorun için çalışan projenin tamamını değiştirmek.

Gerekmez: Bir düğmenin metnini değiştirmek, küçük bir stil düzeltmesi yapmak veya tek bir metni güncellemek gibi izole ve tek testle doğrulanabilen işler.

Gerekir: Yeni bir dil eklemek, tüm sayfaları düzenleme özelliğiyle yönetmek, kullanıcı rolleri eklemek ya da birden fazla sayfayı, veriyi, navigasyonu veya mimariyi etkileyen özellikler.

Yol haritası hedefi, kapsamı, etkilenen alanları, aşamaları, riskleri, kabul ölçütlerini ve her aşamanın durumunu (başlanmadı, devam ediyor, tamamlandı, engellendi) gösterir. Bu sayede AI ile yapılan iş daha düzenli ilerler; tamamlanan ve kalan uygulama adımları kaybolmaz.

1. Hedef: Kullanıcının veya işletmenin hangi sorunu çözülecek?
2. Mevcut durum: İlgili sayfa, bileşen veya davranış nedir?
3. Kapsam ve kısıtlar: Nelerin değişmemesi gerekir? Gizli veri paylaşmayın.
4. Kabul ölçütü: İşin doğru çalıştığını nasıl anlayacaksınız?
5. Doğrulama: Hangi tarayıcı, mobil görünüm, klavye, form veya içerik kontrolü yapılacak?
6. Karar: İş kapsamlıysa önce yol haritasını inceleyip onaylayın; küçükse en küçük güvenli değişikliği isteyin.

• Sayfayı dar mobil görünümde açın; yatay kaydırma veya kesilen içerik var mı?
• Yalnızca klavyeyle bağlantı, düğme ve form alanlarına ulaşın; odak görünür mü?
• Formu boş gönderin; hata mesajı açık ve ilgili alanla bağlantılı mı?
• Görsellerin metin alternatifi ve metnin okunabilir kontrastı var mı?
• Tarayıcıyı %200 yakınlaştırın; içerik ve kontroller kullanılabilir kalıyor mu?

Bir sorun bulursanız, sorunu, nasıl tekrarlandığını ve beklenen davranışı yazın; sadece “çalışmıyor” demeyin.

1. İsteği yeniden ifade edin: “Doğru anladıysam amaç…” diyerek hedefi ve beklenen sonucu yazın.
2. Varsayımı görünür yapın: Eksik içerik, erişim, onay veya teknik bilgi varsa listeleyin.
3. Etkiyi açıklayın: Süre, kapsam, kullanıcı deneyimi, erişilebilirlik veya risk değişiyorsa bunu mentora ve uygun kişiye bildirin.
4. Onayı kaydedin: Taslak, yol haritası veya yayın kararının kim tarafından onaylandığını not edin.
5. Eskalasyon yapın: Belirsiz gereksinim, güvenlik riski, kişisel veri, hukuki iddia veya yayın kararı varsa kendi başınıza çözmeye çalışmayın.

Senaryo: İstanbul'da aynı gün tesisat onarımı yapan küçük bir işletme için güven veren, mobil öncelikli bir web sitesi hazırlıyorsunuz. Ziyaretçinin hedefi hızlıca hizmeti anlamak ve arama veya form yoluyla iletişime geçmek.

1. Keşif: hedef kitle, hizmet bölgesi, güven kanıtları ve ana eylemi yazın.
2. Planlama: ana sayfa yapısı, hizmet sayfası, iletişim akışı ve basit wireframe oluşturun.
3. İçerik ve tasarım: açık başlıklar, faydalar, yorum/kanıt alanı, renk ve bileşen kuralları hazırlayın.
4. Uygulama: mobil düzen, anlamlı HTML, form etiketleri ve erişilebilir durumlar ekleyin.
5. Kalite: mobil, klavye, form hatası, kontrast ve temel performans kontrollerinin kanıtını kaydedin.
6. Sunum: sorunu, kararlarınızı, testlerinizi, mentor geri bildirimini ve sonraki iyileştirmeyi kısa vaka çalışmasında açıklayın.

• Tek seferde yalnızca bir ders öğretir.
• Bilmediğiniz terimleri kısa tanımlarla açıklar.
• Gerçekçi alıştırma ve tamamlanma ölçütü verir.
• Küçük, izole değişiklik ile yol haritası gerektiren kapsamlı özellik arasındaki farkı açıklar.
• Yol haritasındaki aşamaları ve durumlarını takip eder; tamamlanan, bekleyen ve engellenen işleri görünür tutar.
• Çalışmanızı kontrol listesiyle inceler.
• Hazır olduğunuzu söylemeden sonraki derse geçmez.