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.

80d92d5d0bd0170aebf6e07589a0b571?s=128

Bilal Çınarlı

May 23, 2015
Tweet

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