Mobiilsete seadmete kasutamine

http://www.trueactivist.com/64-historical-pictures-you-most-likely-havent-seen-before-8-is-a-bit-disturbing/

Inglismaa esimene arvuti 1950

Mobiilsete seadmete kasutamine

Priit Tammets

http://commons.wikimedia.org/wiki/File:Macaca_nigra_self-portrait.jpg

http://commons.wikimedia.org/wiki/File:Macaca_nigra_self-portrait.jpg

Sissejuhatuseks

• iPadid koolides vs. paberkonspektid

• Mobiilsed arvutiklassid vs. printerkombainid

• Tahvelarvuti kui sisu looja mitte vahendaja

Mobiilne seade?

https://getpebble.com

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

http://www.forbes.com/sites/insertcoin/2014/03/08/the-oculus-rift-will-battle-sony-and-microsoft-at-e3/

http://www.nerdlocker.com/movies/her-long-depressing

http://io9.com/photos-from-the-days-when-thousands-of-cables-crowded-t-1629961917

Minu telefon kui..

http://www.phonearena.com/news/Apple-iPhone-6-camera-see-the-first-samples_id60504

• 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/

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

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

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

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

• Kuidas suurendab seadmete rohkus meie mobiilsust?

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

Internet

Mobile first

http://bradfrostweb.com/blog/mobile/the-many-faces-of-mobile-first/

• Native app-id

• m-veeb

+ nii native app kui m.something.com

maksavadb lisa-kopika

http://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions

Tundlik veebidisain *

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

Lehekülg toimib igal suuruses ekraanil

• 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..

Kasutaja = raha

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

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

Responsive?

Responsive?

Media queries

Media queries

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

• Responsive images

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

• 2012 - keskmine veebileht 1.25MB

• 2014 ennustus - üle 2MB

• Ja seda on liiga palju.

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

Ülesanne

• Teil on EMT interneti pakett 1.5GB kuus hinnaga 7€

• Postimees.ee lehekülje laadimine (26.09.14) laeb andmeid ca 1.5MB eest

• Mitu korda te saate ühes kuus Postimees.ee lehekülge lugeda enne andmemahu täitumist?

Aasia

• 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

http://www.mi.com/sg/mi3/

• Telefonide “kaubamajad”

• Koopiad, koopiate koopiad

• Oma brauserid - UC Browser (500 miljonit kasutajat, 2014 märts), QQ Browser

• Kiirused:

• Hong Kong 3G, 4G & piiramatu maht

• Hiina 2G ja 3G

• Kiirus = disain

• Sisu loeb, “one page should serve everybody”

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

• 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

Privaatsus Apple Health, Google Maps, Facebook

Kodune töö

• Ajaveebi postitus teemal “Minu privaatne mobiiltelefon”

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

• The Future is Responsive - Jonathan Smiley

• 180 degrees East - Holger Bartel

Lisalugemist teemadel:

• Mobile First, Luke Wroblewski (http://www.abookapart.com/products/mobile-first)

• Responsive Web Design, Ethan Marcotte (http://www.abookapart.com/products/responsive-web-design)

• Creating a Mobile-First Responsive Web Design, Brad Frost (http://www.html5rocks.com/en/mobile/responsivedesign/)