Mobil'de Web

Kullanıcıların mobilden web sitesi ziyaret alışkanlıkları ve mobil web/mobil uygulamaların kullanıma etkileri.

Transcript

1. Mobil’de Web
   Mobil Uyumlu Web Arayüzleri ve Web Uygulamaları
   

   View Slide

2. Bilal Çınarlı

   Front-end Architect
   Senior UX Developer@Turkcell

   @bcinarli
   github.com/bcinarli
   bcinarli.com
   

   View Slide

3. View Slide

4. Mobil’de Nereye Gidiyoruz?
   

   View Slide

5. Dünya’da Farklı Platformlardan Web Erişimi
   0
   25
   50
   75
   100
   2010 2011 2012 2013 2014 2015
   2,94
   6,09
   10,74
   16,24
   27,14
   31,42
   97,06
   93,91
   87,96
   79,18
   66,57
   62,41
   Desktop Mobil Tablet
   http://gs.statcounter.com/#desktop+mobile+tablet-comparison-ww-yearly-2009-2015
   

   View Slide

6. Türkiye’de Farklı Platformlardan Web Erişimi
   0
   25
   50
   75
   100
   2010 2011 2012 2013 2014 2015
   0,68 1,75
   5,1
   9,9
   24,29
   35,01
   99,32 98,25
   94,49
   88,14
   72,47
   61,35
   Desktop Mobil Tablet
   http://gs.statcounter.com/#desktop+mobile+tablet-comparison-TR-yearly-2009-2015
   

   View Slide

7. • Mobil erişim oranları her geçen gün artıyor
   • Kullanıcıların mobil olma zamanları her geçen gün artıyor
   

   View Slide

8. Mobil’den İçerik Araması Yapma
   

   View Slide

9. http://www.clickz.com/clickz/column/2388915/why-mobile-web-still-matters-in-2015
   

   View Slide

10. View Slide

11. Mobil’den Alışveriş Yapma
    

    View Slide

12. http://www.clickz.com/clickz/column/2388915/why-mobile-web-still-matters-in-2015
    

    View Slide

13. View Slide

14. Mobil’den Haber Okuma
    

    View Slide

15. http://www.clickz.com/clickz/column/2388915/why-mobile-web-still-matters-in-2015
    

    View Slide

16. View Slide

17. • 21 Nisan’da Google Mobile-friendly güncellemesi
    • Mobil Web ile kullanıcılarla sürekli etkileşim içinde sistemler arttı
    Mobilleşmenin Etkisi
    

    View Slide

18. Mobil Web Tercihi
    

    View Slide

19. Kullanıma Göre Tercihler
    Alışveriş
    Arama
    Eğlence / Video
    Mail / Takvim
    Mesajlaşma
    Harita
    Sosyal Medya
    0 25 50 75 100
    Mobil Web Mobil Uygulama
    

    View Slide

20. • Özelleştirilebilir, kendilerine ait platformlar için uygulamayı
    • İçerik görüntüleme için Websitesini tercih ediyor
    Kullanıma Göre Tercihler
    

    View Slide

21. Mobil Web Geliştirme
    

    View Slide

22. • Cihaz bağımsız
    • Bir defa geliştir, farklı ortamlarda kullan
    • Hızlı geliştirme
    • Kolay güncelleme
    • Arama motoru avantajı
    

    View Slide

23. Geliştirici Yaklaşımları
    

    View Slide

24. Responsive
    

    View Slide

25. • Ekran çözünürlüğüne göre
    elastik tasarım
    • Aynı tema ve stillerin
    genişliğe göre yönetimi
    • Kolay geliştirme
    • Büyük dosya boyutları
    

    View Slide

26. Adaptive
    

    View Slide

27. • Önceden belirlenen
    genişliklere çalışma
    • Farklı genişlik için farklı tema
    ve stil yönetimi
    • Kısmen uzun geliştirme süreci
    • Küçük dosya boyutu
    

    View Slide

28. Desktop First
    

    View Slide

29. • İçeriği yoğun siteler
    • Kurumsal siteler, (belki) e-ticaret
    • Mobil önceliği az olan
    

    View Slide

30. Mobile First
    

    View Slide

31. • Sürekli etkileşim beklentisi
    • Çoğunlukla okunacak içeriği olan
    • Blog, liste, haber siteleri
    

    View Slide

32. Uygulamanın Avantajlı Olduğu Durumlar
    

    View Slide

33. • Karmaşık etkileşim ve oyun
    • Kişiye göre özelleştirme
    • Karmaşık hesaplamalar ve raporlama
    • Cihazın fiziksel özelliklerine yoğun erişim
    • Offline
    

    View Slide

34. Sorularınız?
    Merak ettikleriniz, detaylandırmak istedikleriniz…
    

    View Slide

35. Teşekkürler
    Bilal Çınarlı
    @bcinarli
    

    View Slide