43
Mobiilsete seadmete kasutamine Priit Tammets

Mobiilsed seadmed 2013

Embed Size (px)

Citation preview

Page 1: Mobiilsed seadmed 2013

Mobiilsete seadmete

kasutaminePriit Tammets

Page 2: Mobiilsed seadmed 2013

Sissejuhatuseks

•iPadid koolides vs. paberkonspektid õpetajakoolituses (voodi!)

•Mobiilsed arvutiklassid vs. printerkombainid

•Tahvelarvuti kui sisu looja mitte vahendaja?

Page 3: Mobiilsed seadmed 2013

Mobiilne seade?

Page 4: Mobiilsed seadmed 2013

http://www.samsung.com/ee/news/presskit/galaxy-gear

Page 5: Mobiilsed seadmed 2013

http://www.google.com/glass/start/what-it-does/

Page 6: Mobiilsed seadmed 2013
Page 8: Mobiilsed seadmed 2013

•Iga sündiva lapse kohta müüakse maailmas 10 mobiiltelefoni (2012 lõpp)

•Aprill 2013 - kõige populaarsem native app - Facebook

•Populaarsemad veebilehitsejad Apple / Android native, 2. kohal FB

http://www.lukew.com/ff/

Page 9: Mobiilsed seadmed 2013

•Juuni 2012, 1 000 000 000 PC-d Windowsiga

•Sept. 2012 - 880 000 000 Android & iOS seadet

http://www.lukew.com/ff/

Page 10: Mobiilsed seadmed 2013

•Telefon, tahvelarvuti, kell, prillid, ...

•Kuidas suurendab seadmete rohkus meie mobiilsust?

•Mis on nende seadmete ühine joon - miski, mida nad kõik kasutavad?

Page 11: Mobiilsed seadmed 2013

Internet, veeb

Page 12: Mobiilsed seadmed 2013
Page 13: Mobiilsed seadmed 2013

•Native app-id

•m-veeb

•Aga tahvelarvutid? Kas native app, m-versioon või töötab nn. desktop vaade?

Page 14: Mobiilsed seadmed 2013

+ nii native app kui

m.something.com maksavad lisa-

kopika

Page 15: Mobiilsed seadmed 2013

•Samsungil on loonud üle 40 erineva Android telefoni

•Neil on 9 erinevat resolutsiooni. 20 erinevat ekraani suurust

Page 16: Mobiilsed seadmed 2013

•Kust lõpped telefon ja algab tahvel?

Page 17: Mobiilsed seadmed 2013
Page 18: Mobiilsed seadmed 2013

Tundlik veebidisain *

http://translate.google.ee/#en/et/responsive%20web%20design

Page 19: Mobiilsed seadmed 2013

Lehekülg toimib igas suuruses

ekraanil

Page 20: Mobiilsed seadmed 2013
Page 21: Mobiilsed seadmed 2013
Page 22: Mobiilsed seadmed 2013

•Kasutajad otsivad informatsiooni läbi väga erinevate seadmete

•Me ei saa neid piirata

•Me saame neile anda kas:

•hea kogemuse

•veidi viletsama

•või ta kõrvale jätta. Kuid..

Page 23: Mobiilsed seadmed 2013

Kasutaja = raha

Page 24: Mobiilsed seadmed 2013

•Ei ole selliseid mõisteid nagu mobiiliveeb, mobiilne veeb vms

•On leheküljed, mis on kasutatavad “ühtviisi” nii mobiili ekraanil kui sülearvutis

Page 25: Mobiilsed seadmed 2013

Responsive?

Page 26: Mobiilsed seadmed 2013

Responsive?

Page 27: Mobiilsed seadmed 2013

Media queries

Page 28: Mobiilsed seadmed 2013

Media queries

http://www.joepettersson.com/css3-media-queries-and-mobile-devices/

Page 29: Mobiilsed seadmed 2013

•Responsive images

•Lazy loading (http://www.pinterest.com/ näide)

Page 30: Mobiilsed seadmed 2013

Kuid mis on miinused?

Page 31: Mobiilsed seadmed 2013

Seda kirjeldate koduse tööna

järgmiseks nädalaks (koos viidetega!)

Page 32: Mobiilsed seadmed 2013

•2012 - keskmine veebileht 1.25MB

•2014 ennustus - üle 2MB

•Ja seda on liiga palju.

http://www.lukew.com/ff/entry.asp?1681

Page 33: Mobiilsed seadmed 2013

Aasia

Page 34: Mobiilsed seadmed 2013

•564 millionit interneti kasutajat on Hiinas

•Hiinas kasutavad 70% interneti kasutajatest teevad seda üle mobiilivõrgu

•Riistavara (telefonid), mida kasutatakse ei jõua pea kunagi siia

Page 35: Mobiilsed seadmed 2013
Page 36: Mobiilsed seadmed 2013

•Telefonide “kaubamajad”

•Koopiad, koopiate koopiad

Page 37: Mobiilsed seadmed 2013
Page 38: Mobiilsed seadmed 2013

•Oma brauserid - UC Browser (400 miljonit kasutajat), QQ Browser

•Kiirused:

•Hong Kong 3G, 4G & piiramatu maht

•Hiina 2G ja 3G

Page 39: Mobiilsed seadmed 2013

•Kiirus = disain

•Sisu loeb, “one page should serve everybody”

•Testi oma tööd - http://slowyapp.com/

Page 40: Mobiilsed seadmed 2013
Page 41: Mobiilsed seadmed 2013

•Siiski, kasutajad. Ja neid on palju

•Hiinlased on väga kokkuhoidlikud, kuid valmis maksma tõlgitud rakenduse eest

• Isegi väga väike turuosa tähendab Hiinas miljoneid kasutajaid

•Kasutajad on väga orienteerunud sisule, välimus on teisejärguline (vaikselt muutub)

•Veebipoed, m-commerce

Page 43: Mobiilsed seadmed 2013

Esitluses on kasutatud materjale järgmisestest ettekannetest konverentsilt Webshaped 2013:

• The Future is Responsive - Jonathan Smiley

• 180 degrees East - Holger Bartel