Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Mobil'de Web

Mobil'de Web

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

Bilal Çınarlı

May 23, 2015
Tweet

More Decks by Bilal Çınarlı

Other Decks in Technology

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