Mevcut Web Uygulamasına Mobil Kanal Ekleyenler İçin Mobil Uygulama Geliştirme
Sıfırdan bir ürün kurmuyoruz: mevcut API'nize bağlanan, aynı hesabı ve aynı veriyi kullanan bir mobil kanal açıyoruz. Önce hangi yolun (mobil web, kabuk uygulama, cross-platform) size uyduğuna karar veriyor, sonra en çok kullanılan iki üç akışı mobile taşıyoruz.
- Mevcut backend korunur
- Tek hesap, tek veri
- Derin bağlantıyla web↔mobil geçiş
- Kaynak kod mülkiyeti sizde
Mobil trafik artıyor, mobil deneyim aynı kalıyor.
Çoğu web ürünü mobilde çalışır — ama mobil için tasarlanmamıştır. Aşağıdakiler, mobil kanal kararını gündeme getiren tipik belirtiler.
- Kullanıcı her seferinde yeniden giriş yapıyorTarayıcı oturumu kısa ömürlü; mobilde uzun şifre yazmak zahmetli. Sonuç: kullanıcı ürünü açmak yerine ertelemeyi seçiyor.
- Bildirim gönderemiyorsunuzE-posta açılmıyor, SMS pahalı. Kullanıcıyı ürüne geri getirecek doğrudan bir kanal yok; hatırlatma tamamen kullanıcının inisiyatifinde.
- Masaüstü için tasarlanmış ekranlar mobilde sıkışıyorGeniş tablolar yatay kayıyor, form alanları küçük geliyor. Arayüz teknik olarak açılıyor ama kullanım pratikte yavaşlıyor.
- Kamera, konum ve dosya akışları sınırlı kalıyorSahada fotoğraf yükleme, belge tarama veya konum işaretleme tarayıcıda kısıtlı. Kullanıcı işi bilgisayara dönünce tamamlıyor.
- Bağlantı koptuğunda iş duruyorTarayıcıda yarım kalan form yeniden açıldığında kayboluyor. Zayıf şebekede çalışan kullanıcılar için bu, veri kaybı demek.
- Müşteri 'uygulamanız yok mu?' diye soruyorÖzellikle kurumsal satışta mağazada görünür olmak bir güven işareti sayılıyor. Ürün olgun olsa bile mobil kanalın yokluğu soru yaratıyor.
PWA mı, kabuk uygulama mı, cross-platform mu?
Yedi soru. Her soruda bugünkü durumunuza en yakın seçeneği işaretleyin; üç yolun puanını ve size en uygun olanın gerekçesini görün. Hesap tarayıcınızda yapılır, hiçbir veri gönderilmez.
- Mobil web / PWA · Tarayıcıda kalın0
- Kabuk uygulama · Web görünümü + native kabuk0
- Cross-platform uygulama · React Native / Flutter0
Yedi sorunun tamamını yanıtladığınızda önerilen yol, gerekçeleri ve dikkat edilecek nokta burada görünecek.
Çıkan yön, keşif görüşmesinin gündemini doğrudan oluşturur. Ekran listenizi ve kullanım verinizi getirin; kararı birlikte netleştirelim. Görüşme ücretsizdir ve sizi bağlamaz.
Bu araç bir ön yön göstergesidir; kesin karar, ekranlarınızı ve kullanım verinizi birlikte inceledikten sonra verilir. Puanlama örnek ağırlıklara dayanır ve süre, efor ya da fiyat taahhüdü içermez.
Backend'i değiştirmiyoruz; araya ince bir katman koyuyoruz.
Mobil kanal açmanın en pahalı yolu, çalışan sistemi yeniden yazmak. Bizim yolumuz mevcut servisleri yerinde bırakıp mobilin ihtiyacını karşılayan bir uyarlama katmanı eklemek.
- Kullanım verisi ve ekran seçimiWeb tarafında hangi ekranların mobil cihazlardan açıldığını ve kullanıcıların zamanını nerede geçirdiğini inceliyoruz. Mobil kapsam tahminle değil veriyle seçiliyor.TeslimMobil kullanım özetiTaşınacak ekran listesiWeb'de kalacaklar
- Yön kararıMobil web, kabuk uygulama veya cross-platform arasındaki tercihi ihtiyaç listesine göre veriyoruz. Karar bir tercih değil, gerekçeli bir not olarak yazılıyor.TeslimKarar notuGerekçe listesiRisk maddeleri
- Mobil uyarlama katmanıMevcut uç noktaların üstüne, ekran başına biçilmiş yanıtlar üreten ince bir katman koyuyoruz. Web tarafı kendi hızında gelişmeye devam ediyor.TeslimUç nokta eşlemesiSürüm politikasıMock sunucu
- Tek oturum ve derin bağlantıHesap ve yetkilendirme tek yerde kalıyor; web'den gelen bağlantılar uygulamada doğru ekranı açıyor, uygulama yoksa web'e düşüyor.TeslimOturum akışıBağlantı şemasıDoğrulama dosyaları
- Kademeli yayınÖnce iç test, sonra sınırlı kullanıcı grubu, ardından genel yayın. Her adımda hata ve kullanım verisi izleniyor.TeslimTest kanalıAşamalı yayın planıİzleme panosu
Her ekran mobile taşınmaz — taşınmamalı da.
Mobil kanalın işi, web'in birebir kopyası olmak değil; kullanıcının hareket hâlindeyken ihtiyaç duyduğu işleri kolaylaştırmak. Kapsamı bu ayrımla kuruyoruz.
- MobilGünlük takip ve bildirimDurum değişikliği, onay bekleyen iş, hatırlatma — bildirimle birlikte en doğal mobil kullanım.
- MobilHızlı onay ve aksiyonTek dokunuşla onay, ret ya da not ekleme. Masaüstü beklemeden ilerleyen işler.
- MobilSaha girişi ve fotoğrafKamera, konum ve çevrimdışı kuyruk gerektiren kayıtlar mobil tarafta anlam kazanır.
- WebDetaylı raporlamaGeniş tablolar, karşılaştırma ve dışa aktarma masaüstünde daha verimli kalır.
- WebToplu veri yönetimiİçe aktarma, toplu düzenleme ve yetki yönetimi mobilde ek bakım yükü yaratır.
- Her ikisiYönetim ve ayarlarSık kullanılan ayarlar mobile alınır; nadir kullanılanlar web'de kalır.
Bu ayrım sabit değil. Kullanım verisi geldikçe hangi ekranın mobile taşınacağı kendiliğinden belli oluyor; ikinci sürümün kapsamı çoğunlukla buradan çıkıyor.
Mobil tarafı React Native veya Flutter ile tek kod tabanından ilerletiyoruz; ekranların beslendiği katman için yaklaşımımızı API geliştirme sayfasında anlattık. Teknoloji tercihinin ekip ve bakım tarafındaki sonuçlarını native mi cross-platform mı yazımızda karşılaştırdık.
Web tarafında da düzenleme gerekiyorsa web yazılım geliştirme ekibimiz aynı plana dahil oluyor; mobil akışların yeniden tasarımı gerektiği durumlarda UI/UX tasarım tarafı devreye giriyor. Kararı dışarıdan bir gözle doğrulamak isterseniz teknik danışmanlık hizmetimiz bağımsız bir değerlendirme sunuyor.
Kullanıcı iki kanal arasında gidip gelirken kopmasın.
Mobil kanalın en çok fark edilen tarafı arayüz; en çok hissedilen tarafı ise oturumun ve bağlantıların sorunsuz çalışması. İkisi de mimarinin ilk gününde kurulur.
Örnek bir mobil kanal planı
Aşağıdaki plan, mevcut bir web ürününe üç akışlık bir mobil kanal eklenen tipik bir ilk faz için hazırlanmış örnektir. Sizin planınız ekran seçimi netleştikten sonra çıkar ve sözleşmede yazılı tarihe bağlanır.
| Hafta | Ne yapılır | Hafta sonunda elinizde ne olur |
|---|---|---|
| 1. hafta | Kullanım verisi, ekran seçimi, yön kararı | Kapsam ve gerekçeli karar notu |
| 2. hafta | Uç nokta eşlemesi ve mobil akış tasarımı | Uyarlama katmanı sözleşmesi, prototip |
| 3–4. hafta | Oturum, ana akış ve detay ekranları | Test cihazına kurulabilen ilk sürüm |
| 5. hafta | Bildirim ve derin bağlantı | Web↔mobil geçişi çalışır durumda |
| 6. hafta | İç test ve düzeltmeler | Hata listesi kapanmış test sürümü |
| 7. hafta | Mağaza hazırlığı ve gönderim | İnceleme sürecine girmiş uygulama |
Genel yayına aşamalı geçiyoruz: önce sınırlı bir kullanıcı grubu, ardından tüm kullanıcılar. Sonraki ekranlar, mobil kullanım verisine bakılarak iki üç haftalık paketler hâlinde ekleniyor.
- HizmetMobil Yazılım GeliştirmeHizmetin tamamı: kapsam, süreç, teslimatlar ve teknoloji yığını.
- HizmetAPI GeliştirmeMobil uyarlama katmanı, sürümleme ve kimlik doğrulama tarafı.
- HizmetWeb Yazılım GeliştirmeWeb ürününüzün kendi tarafındaki geliştirme ve bakım.
- HizmetUI/UX TasarımMasaüstü ekranların mobil akışlara dönüşümü.
- HizmetTeknik DanışmanlıkYön kararında bağımsız bir değerlendirme.
- ProjeTuğra AIWeb ve mobil kanalı aynı hesapla yürüten kendi ürünümüz.
- RehberMobil uygulama geliştirme süreci: native mi cross-platform mı?Teknoloji tercihi, ekip yapısı ve bakım maliyeti karşılaştırması.
- RehberWeb sitesi yenileme: SEO kaybetmeden taşımaWeb tarafında değişiklik yapılacaksa bağlantı yapısını korumanın yolu.
Sık sorulanlar
Uygulama gerekliliği, backend değişikliği, tek oturum, derin bağlantı ve kademeli yayın hakkında en çok sorulanlar.
Ekranlarınızı gösterin, mobil kapsamı birlikte çıkaralım
Mevcut ürününüze ve mobil kullanım verinize birlikte bakalım; hangi akışların mobile taşınacağını ve hangi yolun size uyduğunu ilk görüşmede netleştirelim. Keşif görüşmesi ücretsizdir ve sizi bağlamaz.
- ✓ Keşif görüşmesi ücretsiz
- ✓ Mevcut backend korunur
- ✓ Kapsam netleşmeden fiyat vermiyoruz
Web ürününüzü cebe taşıyalım — aynı hesap, aynı veri
Kullanım verisiyle başlıyor, yön kararını gerekçesiyle yazıyor, mevcut API'nize bağlanan bir mobil kanalla kapatıyoruz.
