Mobil uygulama tasarimi

Mobil uygulama tasarimi ilk 3 saniyede karar verilir

Onboarding, ilk degerin gosterildigi an, ekran goruntulerinin App Store hikayesi — mobil uygulama tasarimi tum bunlarla baslar.

Figma'da component-bazli tasarim sistemi kuruyor, kullanici akislarini prototip uzerinde test ediyor, gelistirme ile birlikte iterasyon yapiyoruz. Sonuc: tutarli, hizli iterasyon edilebilir, accessibility'si yuksek tasarim.

Tasarim gorusmesi baslat Tum hizmetler

Mobil tasarim teslimimizde standart

Figma'da component kit ve tasarim sistemi
Tiklanabilir prototip ile akis testi
Dark mode ve accessibility kontrasti
App Store ve Play Store ekran goruntuleri
Tasarim handoff: gelistirici icin spec dokumani

01.

Mobil uygulama tasarimi neden ayri bir uzmanlik

Mobil uygulama tasarimi, web tasariminin kucultulmus hali degil. Touch-target boyutu (en az 44pt), thumb-zone (basparmagin rahat ulastigi alan), gesture'lar, native komponent davranislari (iOS swipe-back, Android back tusu) — hepsi mobil-spesifik. Bunlari bilmeden cikan tasarim ekranda guzel ama kullanimda yorucu olur.

Bizim yaklasimimiz: tasarim sistemini Figma'da kurmadan once iOS Human Interface Guidelines ve Material Design 3 referansiyla bir 'temel kit' olusturuyoruz. Marka kimligi bunun uzerine bineceği icin temel saglam.

02.

Onboarding ve aha moment tasarimi

Mobil uygulama tasarimi yapilan binlerce uygulamadan birkacinin diger gunlere kadar kullanilmasinin sebebi onboarding kalitesi. 'Aha moment' — kullanicinin urunden ilk degeri aldigi an — onboarding sirasinda yasanmali, sonra degil.

Onboarding'i 3-4 ekranli, hizla gecilebilir, atlanabilir ama gerekli minimum bilgiyi alan formda tasarliyoruz. Push notification permission ve location permission gibi 'rahatsiz' isteklerin zamanlamasini doğru kuruyoruz; aksi halde kullanici daha urunu kullanmadan reddediyor.

03.

Tasarim sistemi ve component kit

Yeni ekran her eklendiğinde yeni renk, yeni typography, yeni buton variant uretmemek icin Figma'da component kit kuruyoruz. Tum buton variant'lari (primary, secondary, tertiary, destructive), input'lar, kart'lar, modal'lar ve navigation bileşenleri tek bir source of truth'tan geliyor.

Bu kit gelistirme tarafinda da kullaniliyor — Flutter ya da React Native projesinde tasarim system token'lari (renkler, typography, spacing, motion) tek bir tema dosyasinda. Sonradan tasarim degisikligi yapilirsa kod tarafinda dakikalar icinde uygulanabiliyor.

04.

App Store ve Play Store ekran goruntuleri

App Store ve Play Store ekran goruntuleri, mobil uygulama tasariminin App Store'daki devam��. Burada uygulamanin urun degeri 5 saniyede anlatilir; metni kuvvetli olmazsa user acquisition cost yukselir.

Asset kit'i Figma'da hazirliyoruz: cihaz cercevesinde mockup, kuvvetli baslik (genelde 5-7 kelime), hangi ekrani neden gosterdigimizi anlatan kisa text. Tum dillere ayri kit cikartiyoruz; ASO ekibimizle (gerekirse) baslik ve aciklama uzerinde A/B test yapiyoruz.

Sikca sorulan sorular

Mobil uygulama tasarimi sadece UI tasarimi mi?

Hayir. Tasarim akis (UX), mikro etkilesimler, motion, dark mode, accessibility ve App Store ekranlarini kapsiyor. UI sadece tek bir parça.

Tasarim sureci kac haftada biter?

Basit MVP icin 1-2 hafta; orta olcekli bir uygulama icin 3-4 hafta. Gelistirmeyle paralel iterasyon devam ediyor.

Mevcut tasarimimi alip gelistirebiliyor musunuz?

Evet. Figma dosyanizi inceleyip gerekli yerlerde dokunulmasi gereken yerleri bir 'tasarim audit' raporuyla paylasiyoruz, sonra gelistirmeye baslyoruz.

iOS ve Android icin ayri tasarim mi?

Buyuk cogunlukla single-source tasarim — ozellikle Flutter projelerinde. Cok ozel native deneyim isteniyorsa platform-spesifik component kullaniyoruz.

Accessibility nasil saglaniyor?

WCAG 2.1 AA referansli kontrast, dynamic type destegi, screen reader (VoiceOver, TalkBack) etiketleri, focus states. Bunlar ilk surumde olmasi gereken seyler, sonradan degil.

Lokasyon