Niyetten Uygulamaya: Yapay Zeka UI, Durum ve API'leri Oluşturduğunda
Bir mobil uygulama fikrinin, AI'nin UI oluşturduğu, durumu yönettiği ve backend hizmetlerini uçtan uca bağladığı süreçte çalışan bir ürüne dönüşme hikayesi.

Niyet: Her Şeyi Başlatan Bir Cümle
Bir kurucu, çeyrek sonu telaşından sonra geriye yaslanır ve der: saha temsilcilerinin ziyaretleri hızlıca kaydetmesine ve takipleri ayarlamasına yardım edin, böylece idari iş yükü artmasın ama hiçbir şey aksamasın.
O tek cümle gerçek bir kullanıcı sorununu barındırır: notlar geç (veya hiç) kaydediliyor, takipler kaçıyor ve gelir sessizce sızıntıya uğruyor.
Bu, AI destekli bir yapının vaadi: niyetle başlarsınız ve her ekranı, durum güncellemesini ve API çağrısını baştan elle örmeden telefon üzerinde çalışır bir mobil uygulamaya daha hızlı ulaşırsınız. "sihir" değil, anında kusursuzluk değil—ama fikirden birinin eline koyabileceğiniz bir şeye giden yol kısalır.
Bu bölüm (ve ardından gelen hikaye) teknik bir eğitim değil. Ne söyleyeceğiniz, erken neyi kararlaştıracağınız ve gerçek kullanıcılarla akışı test edene kadar neleri açık bırakacağınız konusunda pratik çıkarımlar içeren bir anlatı.
Niyet gerçekte ne demektir
Basitçe söylemek gerekirse, niyet, istediğiniz sonuçtur, belirli bir kitle için, açık kısıtlar içinde.
- Sonuç: Kullanıcı için ne değişir? ("ziyaretler kaydedildi", "takipler tamamlandı")
- Kitle: Tam olarak kim için? ("saha temsilcileri", "satış" değil)
- Kısıtlar: Hangi şartlar olmalı? ("ek idari iş yok", "eski telefonlarda çalışsın", "aylık 200$/araç bütçesine sığsın" veya "denetim-dostu etkinlik kayıtları" gibi)
İyi niyet bir özellik listesi değildir. "Bana bir mobil CRM yap" demek değildir. Başarıyı hem insanlar hem AI için neyin olduğunu söyleyen cümledir.
Nihai hedef: gönderilebilir bir MVP
Niyet net olduğunda, tıklanabilir ekranlardan daha fazlasını hedefleyen bir MVP amaçlayabilirsiniz. Hedef, gerçek akışları ve gerçek verileri olan gönderilebilir bir uygulamadır: kullanıcılar oturum açabilir, bugünün hesaplarını görebilir, bir ziyareti kaydedebilir, not/fotoğraf ekleyebilir, bir sonraki adımı belirleyebilir ve yaygın istisnalarla başa çıkabilir.
Sonrasında gelen her şey—gereksinimler, bilgi mimarisi, UI, durum, backend entegrasyonu ve yineleme—o tek cümleye hizmet etmelidir.
Takım ve Kısıtlar ile Tanışma
Maya bu projenin PM'si ve kazara kurucusudur. Mobil uygulamaları yeniden icat etmeye çalışmıyor—çeyreklik bir son tarih fırsatı ortadan kaldırmadan önce bir uygulama yayınlamaya çalışıyor.
Takım bir takvim davetinde sığıyor: Maya, haftada birkaç saat ayırabilecek bir tasarımcı ve zaten iki uygulamayı bakımını yapan tek bir mühendis. 40 sayfalık bir spes yazmak, frameworkler tartışmak veya bir aylık atölye çalışması yapmak için zaman yok. Yine de beklentiler gerçek: liderlik kullanılabilir bir şey istiyor, sadece demo değil.
İlk günde gerçekte neleri var
Maya'nın başlangıç materyalleri mütevazı:
- Uygulamanın bir paragrafla açıklaması olan bir telefon notu
- Toplantıda çizilmiş üç ekranın kaba eskizi
- Giriş, liste görüntüleme, detay açma ve basit bir güncelleme gönderme gibi zorunlu özelliklerin kısa listesi
Ayrıca notlarında kritik bir cümle var: Kullanıcı ana görevi bir telefonda iki dakikadan kısa sürede bitiremiyorsa, doğru şeyi inşa etmedik.
İlk sürüm için “bitti” ne demek
Bu MVP için "bitti", uçtan uca çalışan tek bir kullanıcı yolculuğudur:
- Bir kullanıcı giriş yapar.
- Kişiselleştirilmiş listesini görür.
- Bir öğeyi açar.
- Bir işlemi tamamlar (kayıt, onay, talep veya güncelleme).
- İşlemin başarılı olduğuna dair geri bildirim görür.
Gösterişli panolar yok. Gizli menüler yok. Akışı engelleyen "sonra düzeltiriz" ekranları yok.
Her kararı biçimlendiren kısıtlar
Uygulama mevcut bir backend'e bağlanmak zorunda—mobil için tasarlanmamış ve belgelemesi düzensiz API'ler. Bütçe kısıtlı, bu yüzden her yeni ekran kendini haklı çıkarmalı.
Bazı kılavuzlar vazgeçilmez: denetim kayıtları, gerekli yerlerde açık onam ve cihazda hassas verilerin gelişi güzel saklanmaması.
Ve burada gerilim var: Maya'nın on iyi fikri ve belki on çalışma günü var. Alternatifleri tartışmaya harcanan her saat, çekirdek yolculuğu birinin eline ulaştırmamak demek.
Uzun Spes Maratonu Olmadan Niyet'ten Gereksinimlere
Amaç mükemmel bir spes yazmak değil. Hızlıca test edilebilir netliğe ulaşmak—hangi problemi çözdüğümüz, kimin için olduğu ve işe yarayıp yaramadığını nasıl bileceğimiz.
İlk AI etkileşimi: net niyet, ölçülebilir sonuçlar
Bir dağınık cümle ile başlarsınız:
I want an app that helps our field reps log visits and follow up.
Sonra AI'dan onu sıkılaştırmasını istersiniz:
İstem: bu cümleyi problem bildirgesi olarak yeniden yaz ve 3 başarı metriği ekle. Kısa tut.
AI çıktısı (düzenlenmiş):
Problem bildirgesi: Saha temsilcileri ziyaret notlarını geç (veya hiç) kaydettiği için takipler kaçıyor; bu da kaybedilen gelir ve tutarsız müşteri deneyimine yol açıyor.
Başarı metrikleri:
- Ziyaretlerin %80'inin 10 dakika içinde kaydedilmesi
- 48 saat içinde tamamlanan takiplerde %30 artış
- 'sonraki adım yok' ziyaretlerin %40'tan %10'un altına düşürülmesi
Artık ekip hedefleyebileceği bir hedefe sahip, sadece bir özellik dileği değil.
Eğer bir vibe-coding iş akışı (örneğin Koder.ai gibi chat'te ürünü tanımlayıp yineleyerek çalışan bir platform) kullanıyorsanız, bu an büyük değer katar: sıkı niyet + metrikler, sistemin sonraki her şeyi üretmesi için "gerçek kaynak" olur.
Roller, en önemli görevler ve kullanıcı hikayeleri
Sonra roller ve görevleri çıkarın:
Kullanıcı rolleri:
- Birincil: Saha Temsilcisi
- İkincil: Satış Müdürü
- Yönetici (hafif): Operasyonlar
En önemli görevler:
- Birincil: Ziyaret kaydetme, not/fotoğraf ekleme, bir sonraki adımı belirleme
- İkincil: Ekip aktivitesini gözden geçirme, takılı kalan hesapları tespit etme
Bunları birkaç kullanıcı hikayesine kabul kriterleriyle çevirin:
- Bir temsilci olarak, bir ziyareti 60 saniyenin altında kaydedebilmek istiyorum böylece gecikmeyeyim.
- Kabul: müşteri seçildi, zaman damgası kaydedildi, not veya sonraki adım zorunlu.
- Bir temsilci olarak bir takip planlayabilmek istiyorum böylece hiçbir şey kaymasın.
- Kabul: tarih + hatırlatıcı; bugün listesinde görünür.
Kasten kapsam dışında bırakılanlar
İlk sürümü korumak için:
- Özel panolar yok
- Karmaşık saha planlaması yok
- CRM'e derin yazma işlemleri yok (yalnızca okuma/ithalat)
Kuzey yıldızı akışı
Her kararı tek bir akışa sabitleyin:
Open app → Log Visit → müşteri seç → not/fotoğraf ekle → sonraki adımı + vade seç → kaydet → takipler “Bugün”de görünür.
Bir istek bu akışı desteklemiyorsa, bir sonraki sürümü bekler.
AI Akışı Bilgi Mimarisine Dönüştürür
Kuzey yıldızı akışı netleşince, AI onu herkesin okuyabileceği bir bilgi mimarisine (IA) çevirebilir—wireframe veya mühendislik diyagramlarına atlamadan.
3–7 temel ekrandan başlayın
Çoğu MVP için, birincil işi tam olarak destekleyen küçük bir ekran seti istersiniz. AI genellikle aşağıdakine benzer kısa bir liste önerir (ve siz düzeltebilirsiniz):
- Hoşgeldiniz / onboarding (gerçekten kurulum gerekiyorsa)
- Ana ekran (başlangıç noktası, döküm yeri değil)
- Ara / gözat (öğeyi bulma yolu)
- Detay (karar verilen yer)
- Oluştur / kaydet (dönüşüm adımı)
- Profil / ayarlar (hesap, tercihler)
Bu liste iskelet olur. Dışındaki her şey sonraki sürüm veya ikincil akıştır.
Navigasyonu düz metinle haritalandırın
Kalıpları soyutça tartışmak yerine, IA navigasyonu doğrulanabilir cümlelerle belirtir:
- Kullanıcı girişten sonra Ana ekranına gelir.
- Bir sekme çubuğu Ana, Ara ve Profil'e erişim verir.
- Detaylar bir stack içinde açılır, böylece Geri önceki yere döner.
Onboarding varsa, IA onun nerede başlayıp Ana'da bittiğini tanımlar.
Her ekran için hiyerarşi ve boş durumları tanımlayın
Her ekran için hafif bir taslak:
- Birincil içerik (en üstte ne var)
- Birincil eylem (önemli tek düğme)
- İkincil eylemler (azaltılmış vurgu)
- Boş durum (veri yoksa kullanıcı ne görür ve sonraki adım ne olur)
Boş durumlar genellikle uygulamaların kırık hissettiği yerlerdir; onları kasıtlı yazın (ör. "Bugün henüz ziyaret kaydedilmedi" ve açık bir sonraki adım).
Roller ve kişiselleştirme UI'yi nasıl değiştirir
IA koşullu görünümleri erken işaretler: "Yöneticiler ekstra bir sekme görür" veya "Sadece Operasyonlar hesap detaylarını düzenleyebilir." Bu, izinler ve durum uygulanırken sürprizleri önler.
İncelenebilir bir akış dokümanı
Çıktı genellikle tek sayfalık bir akış ve ekran başına madde listeleridir—teknik olmayan bir paydaşın hızla onaylayabileceği: hangi ekranlar var, aralarında nasıl hareket ediliyor ve veri eksikse ne oluyor.
UI Ortaya Çıkar: Ekranlar, Bileşenler ve Kopya Taslakları
Akış kabul edildikten sonra, AI her adımı "ekran sözleşmesi" olarak ele alıp ilk taslak wireframeleri üretebilir: kullanıcı ne görmeli, bir sonraki adım ne olmalı ve hangi bilgiler toplanıp gösterilmeli.
Akıştan wireframe'e
Çıktı genelde kaba başlar—gri bloklar ve etiketler—ama zaten içerik ihtiyaçları etrafında yapılandırılmıştır. Karşılaştırma gerekiyorsa grid veya kart düzeni; ilerleme gerekiyorsa net bir birincil eylem ve hafif bir özet görürsünüz.
Bileşen seçimleri rastgele değildir. Göreve dayalıdır:
- Listeler çok öğeyi hızlıca taramak için (arama sonuçları, geçmiş)
- Kartlar meta verili taranabilir parçalar için (hesaplar, ziyaretler, takipler)
- Formlar bağlılık anları için (ziyaret kaydet, takip planla)
AI genellikle bu kararları niyetteki fiillerden türetir: browse, choose, edit, confirm.
Kullanılabilirliği koruyan tasarım kısıtları
Bu aşamada iyi jeneratörler ekranların "AI kokmamasını" sağlayan temel kısıtları uygular:
- Erişilebilirlik temelleri: dokunulabilir hedefler, renk kontrastı, okunabilir tip boyutları
- Platform gelenekleri: navigasyon kalıpları, geri davranışı, yerel giriş kontrolleri
- Okunabilirlik: kısa satır uzunlukları, net başlıklar, öngörülebilir boşluk
Kopya taslakları UI ile birlikte görünür. "Submit" yerine "Ziyareti kaydet" veya "Takvimi ayarla" gibi işe uygun düğmeler görülür.
İnsan inceleme anı
Burada bir ürün sahibi, tasarımcı veya pazarlamacı devreye girer—her şeyi yeniden çizmek için değil, tonu ve netliği ayarlamak için:
- Mikro kopyayı marka sesiyle hizala
- Belirsizliği kaldır ("Devam" → "Takip tarihini seç")
- Boş durumları ve hata mesajlarını daha yardımcı hissettirecek şekilde sıkıştır
Elde ettiğiniz şey
Sadece resimlerle bitmez. Teslim genellikle bir tıklanabilir prototip (geri bildirim için ekranlar arası gezinme) veya takımın üzerinde yineleme yapabileceği üretilmiş ekran kodu olur.
Koder.ai gibi bir platformda çalışıyorsanız, UI genellikle çalışan bir uygulamanın parçası olarak hızla somutlaşır (web için React, backend Go + PostgreSQL, mobil için Flutter) ve gerçek ekranları bir yerde inceleyebilir, akış dokümanını kılavuz olarak tutabilirsiniz.
Durum Sonraki Adım: Uygulamanın Hafızası ve Kuralları
UI taslağı hazırlandıktan sonra soru basitleşir: uygulamanın neyi hatırlaması gerekiyor ve neye tepki vermeli? Bu "hafıza" durumdur. Bir ekran sizi isimle karşılayabilmesi, bir sayacı tutması, yarım kalan formu geri getirmesi veya sonuçları tercihlerinize göre sıralaması için durum gerekir.
Temel durum nesneleri
AI genelde uygulama boyunca geçen küçük bir durum nesne seti tanımlar:
- User: profil bilgileri, tercihler, roller (örn. yönetici vs temsilci)
- Session: auth token, bitiş, isLoggedIn ve yenileme kuralları
- Items: alan verisi (hesaplar, ziyaretler, takipler) + sayfalama bilgisi
- Filters: arama sorgusu, seçili etiketler, sıralama, tarih aralıkları
- Drafts: gönderilmemiş notlar, yarım formlar, "sonra kaydet"
Anahtar nokta tutarlılık: aynı nesneler (ve isimler) onlarla etkileşen her ekranı güçlendirir, her ekran kendi mini modeli icat etmez.
Kurallar: doğrulama ve form davranışı
Formlar sadece girdiler değildir—görünür kurallardır. AI, ekranlar arasında tekrar eden doğrulama desenleri üretebilir:
- Zorunlu alanlar gönderimden önce yardımcı metin gösterir ("Sonraki adım gerekli").
- Hatalar özgündür ("Vade geçmiş bir tarih olamaz") ve düzeltildiğinde kaybolur.
- Girdiler makul varsayılanlarla gelir (bugün öntanımlı, tarih seçiciler sınırlandırılmış).
Yükleniyor, başarı ve hata—her seferinde
Her asenkron eylem (giriş, öğe alma, ziyaret kaydetme) için uygulama tanıdık durumlar arasında döner:
- Loading: gönder düğmesini devre dışı bırak ve "Kaydediliyor..." göster
- Success: bir toast ile onay ver ve listeyi hemen güncelle
- Failure: kullanıcının girdisini sakla, nazik bir hata göster ve "Tekrar dene" sun
Bu desenler ekranlar arasında tutarlı olunca uygulama tahmin edilebilir olur ve gerçek kullanıcılar beklenmedik şekillerde dokunduğunda daha az kırılgan hissedilir.
Backend Entegrasyonu: Deneyime Gerçek Veri Bağlamak
Bir akış, okuma ve yazma gerçek verilerle olunca gerçek olur. Ekranlar ve durum kuralları oluşturulduktan sonra, AI kullanıcının ne yaptığını backend'in ne desteklemesi gerektiğine çevirir—sonra uygulamayı prototip olmaktan ürüne dönüştürecek bağlantıları üretir.
Akıştan çıkarılan backend ihtiyaçları
Tipik bir kullanıcı yolculuğundan backend gereksinimleri genelde birkaç somut başlıkta düşer:
- Auth ve kimlik: kayıt, giriş, oturum yenileme, roller
- CRUD: temel kayıtları (ziyaretler, takipler) oluşturma, alma, güncelleme, silme
- Arama ve filtreleme: anahtar kelime, durum, tarih aralıklarıyla sorgulama
- Bildirimler: push tokenları, tercih ayarları, tetikleyiciler (örn. "bugün vadesi gelen takip")
AI bunları doğrudan UI niyetinden çıkarabilir. "Kaydet" düğmesi bir mutasyonu ima eder. Liste ekranı sayfalı bir fetch demektir. Filtre chip'i sorgu parametrelerini gerektirir.
UI eylemlerini API çağrılarına eşlemek
Uç noktaları izole bir şekilde kurmak yerine, eşleme ekran etkileşimlerinden türetilir:
- Tap Log Visit →
POST /visits - Liste ekranı aç →
GET /accounts?cursor=... - Detay düzenle →
PATCH /visits/:id - Takibi tamamla →
PATCH /followups/:id
Zaten bir backend'iniz varsa AI buna uyar: REST endpointleri, GraphQL işlemleri, Firebase/Firestore koleksiyonları veya özel bir iç API ile. Yoksa, UI ihtiyaçlarına uyan ince bir servis katmanı üretebilir (ve fazlasını yapmaz).
Şemalar çıkarılır—sonra onaylanır
AI, UI kopyası ve durumdan modeller önerecektir:
Visit { id, accountId, notes, nextStep, dueAt, createdAt }
Ama insan yine doğrular: hangi alanlar zorunlu, hangileri nullable, hangi alanlar indekslenmeli ve izinler nasıl çalışmalı. Bu hızlı inceleme, "neredeyse doğru" veri modellerinin ürüne katılaşmasını engeller.
Hatalar, yeniden denemeler ve gerçek dünya güvenilirliği
Entegrasyon, hata yollarını birinci sınıf ele almadan tamamlanmaz:
- zaman aşımları ve çevrimdışı işleme
- güvenli istekler için geri çekmeli yeniden denemeler
- kullanıcıya açık mesajlar (ve teşhis için sessiz logging)
- çakışma yönetimi (örn. eski güncellemeler)
AI sıkıcı parçaları hızlandırır—tutarlı istek sarmalayıcıları, typed modeller ve öngörülebilir hata durumları—takım doğruluk ve iş kurallarına odaklanır.
Build-Test Döngüsü: Kaos Olmadan Hızlı Geri Bildirim
İlk gerçek test simülatör ekranı değil—bir telefonda birinin elindedir, zayıf Wi‑Fi üzerinde. Erken çatlaklar orada hızlıca görünür.
Gerçek cihazda ilk bozulanlar (ve neden)
Genelde manşet özellik değil, dikişler bozulur:
- Klavye ve düzen sorunları: klavye açılınca bir düğme alta düşer
- Yavaş veya dalgalı ağ: spinneler hiç durmaz veya ekranlar verinin anında geleceğini varsayar
- İzinler ve OS davranışı: bildirim, kamera veya depolama istemleri akışı böler
Bu yararlı bir başarısızlıktır. Uygulamanın gerçekte neye bağımlı olduğunu söyler.
AI destekli hata ayıklama: hatayı kaynağına izlemek
Bir şey bozulduğunda, AI en faydalı şekilde katmanlar arası bir dedektif olur. Sorunu UI, durum ve API'de ayrı ayrı kovalamak yerine, uçtan uca yolu izleyip tek bir düzeltme önerebilir:
- Alan eşleşmiyor: UI
profile.photoUrlbeklerken backendavatar_urldöndürüyor. - Eksik durumlar: "başarı" ve "hata"yı ele alıyorsunuz ama "boş", "çevrimdışı" veya "kısmi veri" yok.
- Yavaş çağrılar: UI ağır bir endpoint'e bağlı, progresif yükleme mümkünken bloklanıyor.
AI akış, ekran haritası ve veri sözleşmeleri bağlamında bu bilgileri bildiği için doğru yerleri değiştiren tek bir düzeltme önerebilir—alanı yeniden adlandır, bir yedek durum ekle ve endpoint yanıtını ayarla.
Döngüyü başarıyla ölçümlerle donatın
Her test derlemesine başarı kriterinize bağlı küçük bir olay seti ekleyin, örneğin:
signup_started→signup_completedfirst_action_completed(aktivasyon anınız)error_shownile neden kodu (timeout, doğrulama, izin)
Artık geri bildirim sadece görüş değil—ölçülebilir bir hunidir.
Bir ritim, bir kapsam: thrash olmadan yineleyin
Basit bir ritim işleri stabil tutar: günlük derleme + 20 dakikalık inceleme. Her döngü bir veya iki düzeltme seçer ve UI, durum ve uç noktalarını birlikte günceller. Bu, ekran doğru görünüp gerçek dünyadaki zamanlama, eksik veri veya kesintili izinlerle toparlanamayan “yarı düzeltilmiş” özellikleri önler.
Gerçek Dünya Detayları: Çevrimdışı, İzinler ve Kenar Durumlar
Mutlu yol çalıştıktan sonra, uygulama tüneller, düşük pil modu, eksik izinler ve öngörülemeyen veriler gibi gerçek hayat koşullarında ayakta kalmalı. Burada AI, "bozulma"yı ekip inceleyebileceği somut davranışlara çevirerek yardımcı olur.
Çevrimdışı davranış: sahte değil, kullanışlı
Her eylemi çevrimdışı-güvenli veya bağlantı-gerektirir olarak etiketleyin. Örneğin önceden yüklenmiş hesapları gözatma, taslak düzenleme ve önbellek geçmişini görüntüleme çevrimdışı çalışabilir. Tam veriyle arama, senkronizasyon ve kişiselleştirilmiş öneriler genelde bağlantı gerektirir.
İyi bir varsayılan: önbellekten oku, değişiklikleri outbox'a yaz. UI değişikliğin "Yerel olarak kaydedildi" mi yoksa "Eşlendi" mi olduğunu açıkça göstermeli ve bağlantı geri geldiğinde basit bir "Tekrar dene" sunmalı.
İzinler: geç iste, erken geri dönüş sun
İzinleri gerektiği anda sorun:
- Kamera: kullanıcı "Fotoğraf ekle"ye dokunduğunda sorun. Reddedilirse "Galeriden yükle" veya "Elle gir" seçeneği sunun.
- Konum: "Yakındaki hesaplar" etkinleştirildiğinde isteyin. Reddedilirse şehir/posta kodu girişi ile izin verin.
- Bildirimler: hatırlatmalara abone olduktan sonra sorun, ilk açılışta değil. Reddedilirse uygulama içi hatırlatmalar sunun.
Niyet, alternatifler sunmak; çıkmaz yollar değil.
Kenar durumlar: sıkıcı ama kaliteyi katlayanlar
AI kenar durumları hızlıca sıralar, ama takım ürün duruşunu seçer:
- Boş sonuçlar: nedenini açıklayın ve bir sonraki adım önerin (filtreleri değiştir, aramayı genişlet).
- Çift kayıtlar: güvenliyse birleştir, değilse ikinci kayıt oluşturmadan önce uyar.
- Zaman dilimleri: zaman damgalarını UTC olarak sakla, yerel zamanda göster ve tarih sınırları konusunda açık ol.
- Yavaş ağlar: skeleton durumları göster, zaman aşımıyla yeniden deneme ve sonsuza kadar spinner göstermemeyi tercih et.
Güvenlik ve erişilebilirlik kontrolleri
Güvenlik temelleri: tokenları platformun güvenli deposunda sakla, en az ayrıcalık ilkesi uygula ve güvenli varsayılanlarla gönder (ayrıntılı log yok, şifrelenmemiş "beni hatırla" yok).
Erişilebilirlik kontrolleri: kontrast, minimum dokunma hedefleri, dinamik metin desteği ve ekran okuyucu etiketlerini doğrula—özellikle yalnızca ikon içeren düğmeler ve özel bileşenlerde.
MVP'yi Yayınlama: Yapımdan Mağaza Gönderimine
Yayınlama, umut vadeden bir prototipin gerçek bir ürüne dönüşmesi ya da sessizce durması arasındaki noktadır. AI UI, durum kuralları ve API bağlantılarını ürettiğinde, hedef bu çalışan derlemeyi gözden geçirip kullanıcıların güvenle kurabileceği bir hâle getirmektir.
Sorun çıkarmayan yayın adımları
"Yayın"ı kahramansı bir sprint yerine küçük bir kontrol listesi olarak ele alın:
- İmzalama: üretim imzalama anahtarları/sertifikaları oluştur, güvenli sakla ve CI'nın sızıntı olmadan erişebildiğinden emin ol.
- Ortam konfigürasyonu: dev/staging/prod endpointleri ve anahtarları ayır. Analitik, hata raporlama ve ödeme yapılandırmalarının prod'a baktığını doğrula.
- Sürümleme: derleme numaralarını ve pazarlama sürümlerini tutarlı şekilde artır. Her sürümü izleyen bir changelog girişi ekle.
App Store varlıkları (abartılı vaatlerden kaçınarak)
MVP basit olsa bile meta veriler beklentileri belirlediği için önemlidir.
- Ekran görüntüleri: temel akışı uçtan uca yakala (en yaygın cihaz boyutlarında). AI ekranları üretti ise tipografi, boş durumlar ve son kopyayı kontrol et.
- Açıklama: birincil işi sade dille anlat. Doğrulayamayacağınız iddialardan kaçının.
- Gizlilik notları: hangi veriyi neden topladığınızı belgeleyin. Spesifik olun, ama resmi uyumluluk iddiaları yapmayın.
Yayınlama, izleme ve geri alma
Lansmanı bir deney gibi planlayın.
İlk önce iç test kullanın, sonra kademeli dağıtım ile patlama yüzeyini sınırlayın. Çökme oranı, onboarding tamamlama oranı ve ana işlem dönüşümünü izleyin.
Geri alma tetiklerini önceden tanımlayın—örn. çökme oranı eşik değerin altına düşerse, giriş hataları artarsa veya ana huni adım oranı ani düşüş gösterirse geri alma tetiklenir.
Eğer build sistemi anlık görüntüler ve hızlı geri alma destekliyorsa (örneğin Koder.ai dağıtım ve barındırma ile birlikte anlık görüntü/geri alma sunuyorsa), geri almayı normal bir parça olarak ele alabilirsiniz.
Eğer MVP kontrol listenizi tekrar uygulanabilir bir yayın hattına dönüştürmek istiyorsanız, /pricing veya /contact üzerinden destek alabilirsiniz.
Bu Ne Değiştirir: Roller, Sahiplik ve Sonraki Sürüm
AI ekranları taslaklayıp, durum ve API entegrasyonlarını çizebildiğinde, iş ortadan kalkmaz—kayar. Takımlar niyeti tekrardan çeviren bürokratik işi daha az yapar ve neyi, kim için ve hangi standa getireceklerine karar vermeye daha fazla zaman harcar.
AI'nin özellikle iyi yaptığı şeyler
AI akış net olduktan sonra katmanlar arası tutarlı çıktılar üretmede güçlüdür:
- UI tutarlılığı: tekrar eden kalıplar (başlıklar, listeler, boş durumlar) görsel olarak hizalanır; kopya taslakları hızlıca gözden geçirilmek için yeterince iyi olur.
- Durum desenleri: yükleme, başarı, hata, yeniden deneme gibi öngörülebilir davranışlar ekranlarda görünür.
- Entegrasyon iskeleti: istek/yanıt modelleri, uç nokta sarmalayıcıları ve placeholder hata işleme erken ortaya çıkar; gerçek veri bağlama hızlanır.
İnsanların hala sahip olması gerekenler
AI önerir; insanlar karar verir.
- Ürün yargısı: neyi kesmek, neyi ertelemek, neyi rafine etmek
- Önceliklendirme: değeri kanıtlayan en küçük özellik setini seçmek
- Kullanıcı empatisi: gerçek hayatta ortaya çıkan kenar durumlar—kafa karıştırıcı terminoloji, güven sorunları ve kullanıcıların tereddüt ettiği anlar
- QA onayı: cihazlarda, zayıf ağlarda, gerçek hesaplarla davranışı doğrulamak
Sonucun sürdürülebilir tutulması
Hız, kod okunabilir kaldığı sürece yardımcı olur.
- Ekranlar, eventler ve API yöntemleri için net adlandırma kuralları kullanın.
- Modüler bileşenleri (girdiler, kartlar, hata bantları) çoğaltmak yerine yeniden kullanılabilir tutun.
- Entegrasyon katmanının yanında amaç, parametre ve örnek yanıtları içeren belgelenmiş endpointler tutun.
Eğer ilk versiyonu Koder.ai gibi bir platformda üretiyorsanız, pratik bir sürdürülebilirlik faydası kaynak kodu dışa aktarımıdır: "hızlı üretim"den "takım sahipliğindeki kod tabanına" geçiş yaparken yeniden yazma yapmak zorunda kalmazsınız.
Sonraki sürüm zihniyeti
MVP yayınlandıktan sonra sonraki yinelemeler genelde performans (başlangıç süresi, liste render), kişiselleştirme (kaydedilmiş tercihler, daha iyi varsayılanlar) ve daha derin otomasyon (test üretimi, analitik enstrümantasyonu) üzerine odaklanır.
Daha fazla örnek ve ilgili okumalar için /blog'a göz atın.
SSS
Yapay destekli mobil uygulama oluştururken “niyet” ne anlama gelir?
Niyet, şunu netleştiren tek cümledir:
- sonuç (kullanıcı için ne değişiyor)
- hedef kitle (kimin için olduğu)
- kısıtlar (hangi şartların sağlanması gerektiği)
Bu bir özellik listesi değildir; UI, durum ve API'lerin hizalanmasını sağlayan başarı tanımıdır.
MVP için güçlü bir niyet bildirgesi nasıl yazılır?
İyi bir niyet cümlesi spesifik ve test edilebilirdir. Bu yapıyı kullanın:
- Yardım et [hedef kitle]
- yap [iş/sonuç]
- böylece [ölçülebilir etki]
- [ana kısıt/maliyet] olmadan
Örnek: Help small clinic managers confirm appointments automatically so no-shows drop without adding admin work. (Bu örnekte sayısal değerleri kendi bağlamınıza göre düzenleyin.)
Bir MVP'yi sadece bir prototipten ayıran nedir?
“Gönderilebilir” olmak, uygulamanın tek bir çekirdek yolculuğu gerçek veriyle tamamlaması demektir:
- giriş çalışıyor
- temel liste/detay/işlem akışı uçtan uca çalışıyor
- başarı ve hata durumları ele alınıyor
- backend entegrasyonu gerçek (mock değil)
Eğer kullanıcı ana görevi telefonda hızlıca tamamlayamıyorsa hazır değildir.
Uzun bir spes yazmadan karışık bir fikri gereksinimlere dönüştürmede AI nasıl yardımcı olur?
AI'den, fikrinizi şu iki çıktıya dönüştürmesini isteyin:
- problem bildirgesi (ne bozuk ve neden önemli)
- 3 başarı metriği (eyleme geçme süresi, tamamlanma oranı, hata oranı vb.)
Sonra çıktıyı kendi alan gerçekliğinizle düzenleyin—özellikle sayıları—böylece faaliyet değil sonuçlar ölçülür.
MVP için roller, görevler ve kullanıcı hikayelerini hızlıca tanımlamanın en hızlı yolu nedir?
Şuna odaklanın:
- roller (birincil vs ikincil kullanıcılar)
- en önemli görevler (değer yaratan az sayıda eylem)
- birkaç kullanıcı hikayesi ve kabul kriterleri
Kabul kriterlerini gözlemlenebilir tutun (ör. "kaydedilen zaman damgası", "bir sonraki adım gerekli VEYA not gerekli") ki mühendislik ve QA hızlıca doğrulayabilsin.
İlk sürüm için bilinçli olarak neleri kapsam dışında bırakmalıyım?
Kuzey yıldızı akışını desteklemeyen her şeyi kesinlikle çıkarın. İlk sürüm için yaygın dışarıda bırakmalar:
- özel panolar
- karmaşık saha/territory planlama
- kritik sistemlere derin write-back entegrasyonları
Açık bir “kapsam dışı” listesi yazın ki paydaşlar neyin kasıtlı olarak ertelendiğini bilsin.
Kuzey yıldızı akışını basit bir bilgi mimarisine nasıl dönüştürürüm?
Ana işi tamamen destekleyen 3–7 temel ekran ile başlayın:
- başlama ekranı (çoğunlukla Home)
- öğeleri bulma yolu (arama/browse)
- detay ekranı (karar anı)
- oluştur/onay/güncelle ekranı (dönüşüm)
- profil/ayarlar (sadece gerekenler)
Navigasyonu düz metinle tanımlayın (sekme mi yoksa stack mi) ve boş durumları belirtin ki uygulama veri yokken kırılmış hissetmesin.
Erken tanımlamam gereken uygulama “durumu” nedir ve neden önemlidir?
Durum, uygulamanın neyi hatırlaması ve neye tepki vermesi gerektiğidir. Ortak MVP durum nesneleri:
- Kullanıcı (profil, roller)
- Oturum (token, geçerlilik, yenileme kuralları)
- Alan öğeleri (ve sayfalama)
- Filtreler (sorgu, sıralama, etiketler)
- Taslaklar (gönderilmemiş düzenlemeler/eylemler)
Ayrıca async durumları standartlaştırın: loading → success → failure, ve hata halinde kullanıcı girdisini saklayın.
Gerçek verilerle entegrasyon yaparken UI eylemlerini API uç noktalarına nasıl eşlerim?
Ekranlardan geriye doğru çalışın:
- liste ekranı genellikle
GET /items(sayfalanmış) anlamına gelir - kaydet/onay düğmesi
POSTveyaPATCHgerektirir - silme jesti
DELETEanlamına gelir - filtre chipleri sorgu parametreleri gerektirir
AI şemalar önerebilir, ancak gerekli alanları, izinleri ve isim uyuşmazlıklarını (örn. photoUrl vs avatar_url) insan onayıyla netleştirin.
Bir MVP çevrimdışı kullanımı ve izinleri aşırı mühendislik yapmadan nasıl ele almalıdır?
Her eylemi çevrimdışı güvenli veya bağlantı gerektiren olarak etiketleyin. Pratik bir varsayılan:
- mümkünse önbellekten oku
- değişiklikleri outboxa yazıp sıraya koy
İzinler için ihtiyacın olduğu anda sor (ör. kamera 'Fotoğraf ekle'ye dokununca). Reddedilirse, dosya yükleme veya manuel giriş gibi alternatifler sunun; çıkmaz yollar yerine nazik geri dönüşler sağlayın.