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ı

  2. Bilal Çınarlı
 Front-end Architect Senior UX Developer@Turkcell
 @bcinarli github.com/bcinarli bcinarli.com

  3. None
  4. Mobil’de Nereye Gidiyoruz?

  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
  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
  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
  8. Mobil’den İçerik Araması Yapma

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

  10. None
  11. Mobil’den Alışveriş Yapma

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

  13. None
  14. Mobil’den Haber Okuma

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

  16. None
  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
  18. Mobil Web Tercihi

  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
  20. • Özelleştirilebilir, kendilerine ait platformlar için uygulamayı • İçerik görüntüleme

    için Websitesini tercih ediyor Kullanıma Göre Tercihler
  21. Mobil Web Geliştirme

  22. • Cihaz bağımsız • Bir defa geliştir, farklı ortamlarda kullan

    • Hızlı geliştirme • Kolay güncelleme • Arama motoru avantajı
  23. Geliştirici Yaklaşımları

  24. Responsive

  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ı
  26. Adaptive

  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
  28. Desktop First

  29. • İçeriği yoğun siteler • Kurumsal siteler, (belki) e-ticaret •

    Mobil önceliği az olan
  30. Mobile First

  31. • Sürekli etkileşim beklentisi • Çoğunlukla okunacak içeriği olan •

    Blog, liste, haber siteleri
  32. Uygulamanın Avantajlı Olduğu Durumlar

  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
  34. Sorularınız? Merak ettikleriniz, detaylandırmak istedikleriniz…

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