際際滷

際際滷Share a Scribd company logo
Seznam na mobilu
Zdenk Zicha & Luk叩邸 Koko邸ka
Zbytek svta
Mobiln鱈 trh z叩padn鱈 Evropy
je dva roky za Americk箪m.
forrester.com, 19.3.2012

  http://blogs.forrester.com/michael_ogrady/12-03-19-mobile_internet_use_in_the_us_is_two_years_ahead_of_western_europe




       Kde je asi ten esk箪?
Mobiln鱈 u転ivatel辿 Seznamu
Web pro mobiln鱈 internet m叩 smysl
Mobiln鱈 prosted鱈


              Prohl鱈転e


           Operan鱈 syst辿m


            V箪robce HW

                             Inspirace @ppk
Seznam na mobilu
Web co funguje na mobilu
   Nejjednodu転邸鱈 e邸en鱈
   Nen鱈 zaruen辿, 転e to bude fungovat
   Doba na鱈t叩n鱈
   Pou転itelnost
#FAIL
Samostatn叩 mobiln鱈 verze
 Pomrn jednoduch辿 e邸en鱈
 Pizp哲sobeno nejhor邸鱈mu
Chytr叩
mobiln鱈
verze
Slo転it辿 e邸en鱈
N叩ron辿 na infrastrukturu
Str叩nka se generuje podle
schopnost鱈 telefonu
Responsive
 Na prvn鱈 pohled jednoduch辿 e邸en鱈
 Jeden obsah
 Omezen叩 podpora za鱈zen鱈
Seznam na mobilu





    @brad_frost
RESS
Seznam na mobilu
RESS
 Responsive v kontextu
 Pozn叩me a m哲転eme ovlivnit jak se vykresl鱈 

 str叩nka                         obr叩zky
                    css
           obsah
                 JavaScript
Kolik obsahu                              videa
                                 font
Seznam na mobilu
Co je spr叩vna cesta?
 Cestu by neml urovat technologick箪 trend, ale
  poteby produktu.
Chytr叩 mobiln鱈
               Web   Mobiln鱈 verze                     RWD   RESS
                                         verze




N叩ronost na
v箪voj                                                    
Podpora
telefon哲            /                              /   
Datov叩
n叩ronost                                                
Po転adavky na
obsah
Dkujem za pozornost
@lukoko_name & @zdenekzicha
Seznam na mobilu

More Related Content

Seznam na mobilu

Editor's Notes

  1. Pedstaven鱈 Ot叩zky: Kdo u転 nkdy koukal na webovou str叩nku pes mobiln鱈 telefon? Kdo si mysli, ze ma smysl resit web pro mobilni telefony
  2. Pro koho dl叩me slu転by? Zaj鱈maj鱈 n叩s jen u転ivatel辿 s telefonem nad 6000, koupen箪m za posledn鱈 rok? Co data?
  3. Od 7 2009 Mobiln鱈 internet st叩le roste
  4. Proto si mysl鱈me, 転e e邸it web pro mobiln鱈 za鱈zen鱈 m叩 smysl, ptoto転e je v nm velk箪 potenci叩l do budoucna. Z叩padn鱈 svt a rozvojov辿 zem
  5. Z top v箪robc哲 jen apple a bb maj鱈 pod palcem hw, os I browser Ano m哲転em tu po鱈tat I badu (mal辿 roz邸鱈en鱈) Pat鱈 sem I um鱈raj鱈c鱈 symbian ale njakou dobu nebyl sou叩st鱈 nokie Google se koup鱈 motoroly sna転鱈 dostat do t辿to 邸katule Pak tu m叩me dal邸鱈 syst辿my V箪robci Hauwei a htc, nedl叩 炭pravy, nebo jen minim叩ln鱈 Samsung se v tom vrt叩 hodn Browsery V邸echno je jinak
  6. Jedna verze pro desktop a mobilni zarizeni. lovk si mus鱈 d叩vat pozor jak web stav鱈, aby to v邸ude fungovalo. S nejvt邸鱈 pravdpodobnost鱈 se mu to nepovede Tento p鱈stup v哲bec nees鱈 datov辿 optimalizace.
  7. Asi si 鱈k叩te, ka転d箪 web funguje na mobilu Pokud pro peten鱈 odstavce tectu jezdit ze strany na stranu to podle nn鱈 dobe udlan箪 web
  8. Text, minimum grafiky
  9. Samostatna mobilni verze Stejn叩 str叩nka vykreslen叩 pro N6300 a iPhone
  10. Um鱈me poznat co je to za zarizeni a podle toho uzpusobit web Poteba si vybudovat databazi zarizeni a jejich vlastnosti, na volne dostupne se neda moc spolehnout Poteba upravovat 叩sti str叩nky podle schopnost鱈 telefonu
  11. Ano po鱈t叩 se to na serveru, njak箪 v箪kon si to vezme
  12. Mo転nost鱈 je hodn
  13. Responsive design Pizp哲soben鱈 obsahu za鱈zen鱈 na kter辿m jej zobrazuji. Co responsive resi Jeden obsah pro v鱈ce za鱈zen鱈, ale i jeden k坦d V邸e pod jedn鱈m URL Future frendly Co nees鱈 Datov辿 optimalizace Rozd鱈li mezi za鱈zen鱈mi
  14. Optim叩ln鱈 e邸en鱈
  15. Bere si to nejlepsi z responsive a z chytre webovky. V podstate tyto dva principy spojuje dohromady. Jak to funguje? Dl叩te responsive verzi webu do kter辿 zapou邸t鱈te logiku z detekce na serveru. Tak転e jednodu邸e m哲転ete ovlivnit nap鱈klad to jakou velikost obr叩zk哲 chcete vydat.
  16. Data za leden + unor TOP 200 teledonu dela 80% n叩v邸tvnosti