Serhan Baydı's banner
Serhan Baydı's profile picture

Serhan Baydı

@serhanbaydi7,289 subscribers

Founding Designer at @appgco | Launch in days, scale to millions. Ücretsiz meet oluştur 👇 Aklındaki app fikrini hayata geçirelim.

Shorts

App yapıp "para kazanmamak" çok zor. Hala keşfedilmemiş yüzlerce fikir var. Mesela bu app: su şişesini okutuyorsun, sana içtiğin suyun temizliğini raporluyor. ABD’de tuttu çünkü yüzlerce farklı su markası var ve insanlar gerçekten ne içtiklerini bilmek istiyor. Sonuç? 20K download, $30K revenue. Sadece doğru kitleyi yakaladığı için. Yani öyle uçuk bir fikir bulmana gerek yok, insanların günlük derdini çöz yeter. Bu arada soda versiyonunu yapan olursa ilk kullanıcı benim. (App tavsiyesi değildir 😄)

App yapıp "para kazanmamak" çok zor. Hala keşfedilmemiş yüzlerce fikir var. Mesela bu app: su şişesini okutuyorsun, sana içtiğin suyun temizliğini raporluyor. ABD’de tuttu çünkü yüzlerce farklı su markası var ve insanlar gerçekten ne içtiklerini bilmek istiyor. Sonuç? 20K download, $30K revenue. Sadece doğru kitleyi yakaladığı için. Yani öyle uçuk bir fikir bulmana gerek yok, insanların günlük derdini çöz yeter. Bu arada soda versiyonunu yapan olursa ilk kullanıcı benim. (App tavsiyesi değildir 😄)

241,019 Aufrufe

Bu siteyi kaydedin 📌 Eğer vibe coding yapıyorsanız; - Beğendiğiniz örneği alın, - AI’a referans olarak verin, - "Buna benzer bir transition üret" deyin devam edin. Sıfırdan düşünmek zorunda değilsiniz. Referans verin, hızlanın. Mikro etkileşim en zor alanlardan biri. Doğru yapılırsa app’in hissi 5x artıyor. Yanlış yapılırsa kullanıcıyı yoruyor. Sitede çok güzel gerçek örnekler var: page transition, button animasyonları, gesture feedback, loading, empty state… Ben ne yapıyorum? - Yeni projede 10-15 örnek kaydediyorum. - Moodboard oluşturuyorum. - "Bu geçiş nasıl olabilir?" vb. interaction sorularını buradan çözüyorum. Developer’a motion guideline verirken de direkt referans gösteriyorum.

Bu siteyi kaydedin 📌 Eğer vibe coding yapıyorsanız; - Beğendiğiniz örneği alın, - AI’a referans olarak verin, - "Buna benzer bir transition üret" deyin devam edin. Sıfırdan düşünmek zorunda değilsiniz. Referans verin, hızlanın. Mikro etkileşim en zor alanlardan biri. Doğru yapılırsa app’in hissi 5x artıyor. Yanlış yapılırsa kullanıcıyı yoruyor. Sitede çok güzel gerçek örnekler var: page transition, button animasyonları, gesture feedback, loading, empty state… Ben ne yapıyorum? - Yeni projede 10-15 örnek kaydediyorum. - Moodboard oluşturuyorum. - "Bu geçiş nasıl olabilir?" vb. interaction sorularını buradan çözüyorum. Developer’a motion guideline verirken de direkt referans gösteriyorum.

125,974 Aufrufe

Bu siteyi kaydedin 📌 Icon bulmak ayrı dert, animasyon yapmak ayrı dert. Boxicons ikisini birlikte çözüyor. - Yüzlerce icon - Hazır animasyonlu - Direkt kullan Özellikle micro interaction tarafında ciddi hız kazandırıyor.

Bu siteyi kaydedin 📌 Icon bulmak ayrı dert, animasyon yapmak ayrı dert. Boxicons ikisini birlikte çözüyor. - Yüzlerce icon - Hazır animasyonlu - Direkt kullan Özellikle micro interaction tarafında ciddi hız kazandırıyor.

98,373 Aufrufe

2 macbook yan yana geldiğinde olana bakın. Apple, macbook'u 2. ekran olarak kullanabileceğinizi göstermek için iki bilgisayar yan yana geldiğinde bunu keşfetmenizi sağlıyor. Tesadüfen bilgisayarları yan yana kullanmam gerekti ve bu sayede keşfettim. Apple ürünlerinde her ufak detayın bu kadar ince düşünülmesi ve kullanıcıyı ufak dokunuşlarla yönlendirmesi çok etkileyici gerçekten.

2 macbook yan yana geldiğinde olana bakın. Apple, macbook'u 2. ekran olarak kullanabileceğinizi göstermek için iki bilgisayar yan yana geldiğinde bunu keşfetmenizi sağlıyor. Tesadüfen bilgisayarları yan yana kullanmam gerekti ve bu sayede keşfettim. Apple ürünlerinde her ufak detayın bu kadar ince düşünülmesi ve kullanıcıyı ufak dokunuşlarla yönlendirmesi çok etkileyici gerçekten.

64,464 Aufrufe

Bu siteyi kaydedin 📌 Shots So'da, App Store görsellerinizi bir üst seviyeye taşıyacak onlarca premium mockup ve özelleştirme seçeneği var. Ben sürekli kullanıyorum, mutlaka inceleyin. - Cihaz tipini değiştirin, - Işık, gölge ve açıyla oynayın, - Arka planı özelleştirin, Birden fazla kompozisyonu hızla test edebiliyorsunuz. App Store’da screenshot kalitesi doğrudan dönüşümleri etkiliyor. Bu yüzden böyle araçlar hem zaman kazandırıyor hem de çok daha profesyonel bir sonuç almanızı sağlıyor.

Bu siteyi kaydedin 📌 Shots So'da, App Store görsellerinizi bir üst seviyeye taşıyacak onlarca premium mockup ve özelleştirme seçeneği var. Ben sürekli kullanıyorum, mutlaka inceleyin. - Cihaz tipini değiştirin, - Işık, gölge ve açıyla oynayın, - Arka planı özelleştirin, Birden fazla kompozisyonu hızla test edebiliyorsunuz. App Store’da screenshot kalitesi doğrudan dönüşümleri etkiliyor. Bu yüzden böyle araçlar hem zaman kazandırıyor hem de çok daha profesyonel bir sonuç almanızı sağlıyor.

63,099 Aufrufe

Bu siteyi kaydedin 📌 Store sayfanızdaki screenshot’lar ya çalışır ya da kaybettirir. Gerçek screenshot örneklerini inceleyin. Başlık nasıl yazılmış? Hiyerarşi nasıl kurulmuş? İlk karede ne vadedilmiş? Tasarımcı değilseniz de; Benzer asset’leri AI’la üretin, Figma’da birleştirin, yayına alın. Banana Pro 2'nin son update'i ile işiniz daha kolay. Screenshot satış aracıdır. İyi kurgulanmazsa CTR düşer, conversion düşer. Store’da saniyeler içinde karar veriliyor. Hazırlıksız yakalanmayın.

Bu siteyi kaydedin 📌 Store sayfanızdaki screenshot’lar ya çalışır ya da kaybettirir. Gerçek screenshot örneklerini inceleyin. Başlık nasıl yazılmış? Hiyerarşi nasıl kurulmuş? İlk karede ne vadedilmiş? Tasarımcı değilseniz de; Benzer asset’leri AI’la üretin, Figma’da birleştirin, yayına alın. Banana Pro 2'nin son update'i ile işiniz daha kolay. Screenshot satış aracıdır. İyi kurgulanmazsa CTR düşer, conversion düşer. Store’da saniyeler içinde karar veriliyor. Hazırlıksız yakalanmayın.

42,286 Aufrufe

Bu siteyi kaydedin 📌 AI ile tasarım üretiyorsanız işinize çok yarar. Çünkü burada sadece referans tasarımlara bakmıyorsunuz. Beğendiğiniz sitelerin tasarım dilini daha sistemli şekilde inceleyip kopyalayabiliyorsunuz. Yakın zamanda Mobbin, Screendesign vb. kütüphanelerde de design.md dosyaları listelenmeye başlar umarım. AI'a bir şeyler tasarlatacağım zaman genelde design.md dosyası kullanıyorum. Ben genelde kendim üretiyorum; zor bir şey değil. Ama hız kazandıracak her türlü çözüme talibiz tabii ki.

Bu siteyi kaydedin 📌 AI ile tasarım üretiyorsanız işinize çok yarar. Çünkü burada sadece referans tasarımlara bakmıyorsunuz. Beğendiğiniz sitelerin tasarım dilini daha sistemli şekilde inceleyip kopyalayabiliyorsunuz. Yakın zamanda Mobbin, Screendesign vb. kütüphanelerde de design.md dosyaları listelenmeye başlar umarım. AI'a bir şeyler tasarlatacağım zaman genelde design.md dosyası kullanıyorum. Ben genelde kendim üretiyorum; zor bir şey değil. Ama hız kazandıracak her türlü çözüme talibiz tabii ki.

28,758 Aufrufe

Bu siteyi kaydedin 📌 - App Store screenshot, - onboarding, - app icon - ve paywall tarafında ilham arıyorsanız baya iyi bir kaynak.

Bu siteyi kaydedin 📌 - App Store screenshot, - onboarding, - app icon - ve paywall tarafında ilham arıyorsanız baya iyi bir kaynak.

27,790 Aufrufe

Bu siteyi kaydedin 📌 Steep'te, 100+ video story örneği var. Kategoriye göre filtreleyerek, güncel olarak sektörü devleri neler yapmış görebilirsiniz. Marketing çalışmalarınız için faydalı olacaktır.

Bu siteyi kaydedin 📌 Steep'te, 100+ video story örneği var. Kategoriye göre filtreleyerek, güncel olarak sektörü devleri neler yapmış görebilirsiniz. Marketing çalışmalarınız için faydalı olacaktır.

24,106 Aufrufe

Bu siteyi kaydedin 📌 Bento grid layout'lar genelde tasarımcıların tüm hünerlerini gösterdiği yerlerdir. Uygulaman için şöyle kullanabilirsin: - Beğendiğin component’ı ss al. - AI’a tasarım stili olarak referans ver. - Aklındaki görsel elementi anlatırken "stil olarak buna yakın olsun" de. - Sonra o görsel elementi ui'a veya App Store screenshot’larına taşı. Tek bir iyi referans bile tasarım seviyesini ciddi yukarı taşıyabiliyor. Sıfırdan düşünmek zorunda değilsiniz. İyi referans bulun. Stil belirleyin. Hızlanın.

Bu siteyi kaydedin 📌 Bento grid layout'lar genelde tasarımcıların tüm hünerlerini gösterdiği yerlerdir. Uygulaman için şöyle kullanabilirsin: - Beğendiğin component’ı ss al. - AI’a tasarım stili olarak referans ver. - Aklındaki görsel elementi anlatırken "stil olarak buna yakın olsun" de. - Sonra o görsel elementi ui'a veya App Store screenshot’larına taşı. Tek bir iyi referans bile tasarım seviyesini ciddi yukarı taşıyabiliyor. Sıfırdan düşünmek zorunda değilsiniz. İyi referans bulun. Stil belirleyin. Hızlanın.

14,742 Aufrufe

Videos

serhanbaydi's profile picture

App fikrini nasıl bulacağım? sorusu DM'den çok fazla geliyor. Bize hep şunlar söylendi: - yeni bir fikir bul, - kullanıcının çözülmemiş bir problemini çöz, - niş ol vb. gibi tavsiyeler verildi. Evet bunlar yanlış değil. Doğru. Peki bunları yapamıyorsak vazgeçip, aklımıza daha önce yapılmamış bir fikir gelmesini mi bekleyeceğiz? Hayır. Trend olan ve kitlesi bulunan bir kategori için app geliştirip, 50 app varsa 51. olmak gözümüzü korkutmamalı. Bu kadar app varsa kullanıcı da vardır. Daha önce bulunmayan bir şeyi arayıp ürünleştirmek yerine, trend kategorilerde bulunan app'lerin eksiklerini iyileştirip kendi app'imize eklemek her zaman daha hızlı sonuç verir. Özellikle ilk app'ini geliştirecek kişilerin bu şekilde ilk deneyimlerini kazanmasını tavsiye ederim. Mobile app sektörü, bekleyip vakit kaybetmek için çok hızlı gelişiyor. Videodaki örnekten bahsedecek olursak: 1 yıl önce yayınlanan Petfun app'inin başarısını konuşmayacağım. Bu app'in başarısında marketing'in etkisi ne kadar bilmiyorum. App'in vaad ettiği şey pet translation. Evcil hayvandan insana, insandan evcil hayvana çeviri yaptığını söylüyor. Ne kadar doğru çalıştığını anlayamadım. App'te onboarding yok direkt örnekteki translation ekranı açılıyor. Anlamak için 2. çeviriyi yapmak istediğimde paywall ile karşılaştım. Evcil hayvanım olmadığı için app'i kapattım. Fakat evcil hayvanım olsaydı, eminim 6$ verip denerdim. Petfun'da bunu biliyor olmalı ki 2. denemede paywall gösteriyor. Örneğin evcil hayvanı ile etkileşime girmek isteyen, ona çocuğu gibi davranan ve benimseyen ciddi bir kitle var. Bu bizim için pozitif bir kitle ve bu kategoride yer almak mantıklı olabilir. Belki görmüşsünüzdür, evcil hayvan dışkısını tarayarak sağlıksal bir probleminin olup olmadığını tespit eden identifier app'leri de artmaya başladı. İnsanlar çevresindeki nesneler, insanlar ve hayvanlar ile etkileşime girmek istiyor. Bundan dolayı da bazı ihtiyaçları doğuyor. Zamanla bunları farkedip ürünleştirecek bakış açısına sahip oluyorsunuz. Evet bu çok kısa sürede oluşan bir bakış açısı değil. Fakat inanın çok zor da değil.

Serhan Baydı

90,713 Aufrufe • vor 11 Monaten

serhanbaydi's profile picture

Duolingo, 2024 yılında streak yöntemini değiştirdi ve kullanıcının başarıya ulaşmasını kolaylaştırdı. Artık günlük hedefi tamamlamak yerine, günde tek bir ders bitirmek seriyi uzatmaya yetiyor. Sonuç olarak: - 7 günlük serisini sürdüren kullanıcı sayısında %40 arttı. - 14. gün etkileşimde %3,3 yükseldi. - Günlük aktif öğrenci sayısında %1 arttı. Rakip şirketler ve Silikon Vadisi'ndeki ürün ekipleri bu mekaniği kopyalamaya başladı: "Engeli azaltın, başarıyı kolaylaştırın." dediler. Ancak bu veriler aslında bir ürün paradoksuna yaratıyor. Değişiklikten sonra daha az öğrenci günlük hedeflerine ulaşıyor. Yani kullanıcılar aslında daha çok değil, daha az öğreniyorlar. Duolingo, blog yazılarında bunu açıkça dile getirdi. İnsanların uygulamada kalması, ne kadar öğrendiklerinden daha önemli. Artık mesele öğrenmek değil, kaybetmemek. Bu durum ciddi bir sorunu beraberinde getiriyor. Dünyanın en çok indirilen eğitim uygulaması, eğitimi retention'a feda ediyor. Kullanıcılar 90 saniyede tek bir ders tamamlayıp 1000 günlük seriler yakalıyor ama hedef dillerini neredeyse hiç öğrenemiyorlar. 365. güne ulaştığında o ülkeye seyahat edip tek kelime sohbet edemediğini itiraf eden binlerce kullanıcı var. Ürün tasarlarken asıl amacımız kullanıcıya gerçekten bir yetkinlik kazandırmak mı, yoksa sadece serilerini korumalarını sağlamak mı?

Serhan Baydı

20,814 Aufrufe • vor 8 Monaten

serhanbaydi's profile picture

Bildiğim her şeyi paylaşmaya ant içtim :) Uygulamanı premium hissettirmek istiyorsan, bunu mutlaka kaydet ve ilk fırsatta uygula. Rage click'lerin %80'i sabırsızlık değil, belirsizlik yüzünden olur. Kullanıcı bir butona bastığında ort. 100 milisaniye içinde bir yanıt almazsa, beyni işlemin başarısız olduğunu düşünür. Sonuç olarak ekrana defalarca basar ve churn oluşur. Bunu önlemek için micro feedback kullanımı büyük önem taşır. Çoğu kişi bunu loading bar kullanımı sanıyor. Fakat bu konu biraz daha detaylı. Bu yüzden şunları uygulamayı ihmal etmeyin: 1) Pressed state Bir butona dokunulduğunda mutlaka görsel bir tepki ver. Renk tonunun koyulaşması, hafif bir küçülme, gölge değişimi gibi mikro bir animasyon bile beynin işlem başladı sinyalini almasını sağlar. Özellikle IOS’ta 80–120ms arası bir press animasyonu en ideal hissi verir. 2) Haptic feedback Haptic, mobil uygulamalarda kullanıcıyla kurduğun fiziksel iletişimdir. – Başarılı işlemlerde hafif, temiz bir titreşim – Hatalarda biraz daha belirgin bir uyarı İşlemin sonucunu saniyesinde ileten bu mikro tepki, kullanıcıdaki belirsizliği ortadan kaldırır. 3) Click sesi Özellikle oyunlarda veya interaktif uygulamalarda hafif bir click sesi, dokunuşun algılandığını çok net hissettirir. İnsan beyni dokunuş + ses + hareket üçlüsünü bir arada görünce işlemin başladığından %100 emin olur. 4) Ripple / touch highlight effect Android tarafında klasik ripple effect, IOS’ta ise dokunulan alanın hafif highlight alması çok önemlidir. Kullanıcı dokunduğu yerle UI arasında bir ilişki kuramazsa rage click ortaya çıkar. 5) Input validation feedback Bir form doldururken: – Hata olduğunda anında kırmızı mesaj – Doğru olduğunda yeşil bir tik Bu küçük bildirimler, formu terk etme oranlarını ciddi şekilde azaltır. Kullanıcı her adımda güvende olduğunu hisseder. 6) Smooth sayfa geçişleri Sayfa geçişlerinde sert efektler yerine hafif slide veya fade animasyonları kullanmak, beynin bağlam değiştirmesini kolaylaştırır. Ani geçişler kullanıcıda güvensiz hissi yaratır. Bu yüzden bunu olabildiğince smooth hale getirmek önemlidir. Kullanıcıya seni duydum, işlem yapıyorum demeyen bir arayüz, dilsiz bir garson gibidir. Mikro etkileşim yoksa kullanıcı kendini boşlukla konuşuyormuş gibi hisseder. Mikro etkileşim varsa, kullanıcı evet, uygulama beni dinliyor der. Bu da premium bir deneyimin temelidir. Örnek olarak aşağıdaki videoda paylaştığım Gentler app'ini indirip kullanın. Bahsettiğim faktörlerin bazılarını ne kadar doğru kullandıklarını göreceksiniz. Kullanır kullanmaz buradaki ufak etkileşimlerin deneyimi nasıl yukarı taşıdığını fark edeceksiniz.

Serhan Baydı

11,546 Aufrufe • vor 10 Monaten

Keine weiteren Inhalte verfügbar