SlideShare una empresa de Scribd logo
1 de 24
Seznam na mobilu
Zdeněk Zicha & Lukáš Kokoška
Zbytek světa
“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í prostředí


              Prohlížeč


           Operační systém


            Výrobce HW

                             Inspirace @ppk
Web co funguje na mobilu
•   Nejjednodužší řešení
•   Není zaručené, že to bude fungovat
•   Doba načítání
•   Použitelnost
#FAIL
Samostatná mobilní verze
• Poměrně jednoduché řešení
• Přizpůsobeno nejhoršímu
Chytrá
mobilní
verze
Složité řešení
Náročné na infrastrukturu
Stránka se generuje podle
schopností telefonu
Responsive
• Na první pohled jednoduché řešení
• Jeden obsah
• Omezená podpora zařízení
“




    @brad_frost
RESS
RESS
• Responsive v kontextu
• Poznáme a můžeme ovlivnit jak se vykreslí …

 stránka                         obrázky
                    css
           obsah
                 JavaScript
Kolik obsahu                              videa
                                 font
Co je správna cesta?
• Cestu by neměl určovat technologický trend, ale
  potřeby produktu.
Chytrá mobilní
               Web   Mobilní verze                     RWD   RESS
                                         verze




Náročnost na
vývoj          ☺        ☺                ☹             ☺     ☹
Podpora
telefonů       ☹     ☹/☺               ☺              ☹ /☺   ☺
Datová
náročnost      ☹        ☺              ☺               ☹     ☺
Požadavky na
obsah          ☺         ☹               ☹            ☺      ☹
Děkujem za pozornost…
@lukoko_name & @zdenekzicha
Seznam na mobilu

Más contenido relacionado

Destacado

PROTEST, COUNTER PROTEST OVER GREEN REALITY OF A REALTY PROJECT
PROTEST, COUNTER PROTEST OVER GREEN REALITY OF A REALTY PROJECTPROTEST, COUNTER PROTEST OVER GREEN REALITY OF A REALTY PROJECT
PROTEST, COUNTER PROTEST OVER GREEN REALITY OF A REALTY PROJECT
Bangalore Generalnews
 
Peddy paper caritas lc
Peddy paper caritas lcPeddy paper caritas lc
Peddy paper caritas lc
ghluy
 
Fulltextový vyhledávač
Fulltextový vyhledávačFulltextový vyhledávač
Fulltextový vyhledávač
seznamVyvojari
 
Sklik - Reklama nejen ve vyhledávání
Sklik - Reklama nejen ve vyhledáváníSklik - Reklama nejen ve vyhledávání
Sklik - Reklama nejen ve vyhledávání
seznamVyvojari
 

Destacado (12)

Interruptor crepuscular
Interruptor crepuscular Interruptor crepuscular
Interruptor crepuscular
 
Johdatus BYODin maailmaan
Johdatus BYODin maailmaanJohdatus BYODin maailmaan
Johdatus BYODin maailmaan
 
SSLC RESULTS ONLINE TODAY
SSLC RESULTS ONLINE TODAYSSLC RESULTS ONLINE TODAY
SSLC RESULTS ONLINE TODAY
 
PROTEST, COUNTER PROTEST OVER GREEN REALITY OF A REALTY PROJECT
PROTEST, COUNTER PROTEST OVER GREEN REALITY OF A REALTY PROJECTPROTEST, COUNTER PROTEST OVER GREEN REALITY OF A REALTY PROJECT
PROTEST, COUNTER PROTEST OVER GREEN REALITY OF A REALTY PROJECT
 
Peddy paper caritas lc
Peddy paper caritas lcPeddy paper caritas lc
Peddy paper caritas lc
 
[BLT] 사물인터넷 전문가 좌담회 지식재산정책 제26호_한국지식재산연구원
[BLT] 사물인터넷 전문가 좌담회 지식재산정책 제26호_한국지식재산연구원[BLT] 사물인터넷 전문가 좌담회 지식재산정책 제26호_한국지식재산연구원
[BLT] 사물인터넷 전문가 좌담회 지식재산정책 제26호_한국지식재산연구원
 
Fulltextový vyhledávač
Fulltextový vyhledávačFulltextový vyhledávač
Fulltextový vyhledávač
 
Sklik - Reklama nejen ve vyhledávání
Sklik - Reklama nejen ve vyhledáváníSklik - Reklama nejen ve vyhledávání
Sklik - Reklama nejen ve vyhledávání
 
Présentation des étapes – Communications : de la performance à la flexibilité
Présentation des étapes – Communications : de la performance à la flexibilitéPrésentation des étapes – Communications : de la performance à la flexibilité
Présentation des étapes – Communications : de la performance à la flexibilité
 
Atouts stratégiques des Communications Unifiées : la synthèse
Atouts stratégiques des Communications Unifiées : la synthèseAtouts stratégiques des Communications Unifiées : la synthèse
Atouts stratégiques des Communications Unifiées : la synthèse
 
Touchscreenbasedhomeautomationsystem dca
Touchscreenbasedhomeautomationsystem dcaTouchscreenbasedhomeautomationsystem dca
Touchscreenbasedhomeautomationsystem dca
 
Learn BEM: CSS Naming Convention
Learn BEM: CSS Naming ConventionLearn BEM: CSS Naming Convention
Learn BEM: CSS Naming Convention
 

Similar a Seznam na mobilu

Anatomie mobilního webu
Anatomie mobilního webuAnatomie mobilního webu
Anatomie mobilního webu
Filip Mares
 
Web designerʼs guide to the Web
Web designerʼs guide to the WebWeb designerʼs guide to the Web
Web designerʼs guide to the Web
Ondřej Válka
 
Pohled na mobilní bankovní aplikace shora
Pohled na mobilní bankovní aplikace shoraPohled na mobilní bankovní aplikace shora
Pohled na mobilní bankovní aplikace shora
Petr Dvorak
 
Rich Internet Applications 2009 (Czech)
Rich Internet Applications 2009 (Czech)Rich Internet Applications 2009 (Czech)
Rich Internet Applications 2009 (Czech)
Pavel Růžička
 
Webový front-end ve službách mobilního vývojáře
Webový front-end  ve službách mobilního  vývojáře Webový front-end  ve službách mobilního  vývojáře
Webový front-end ve službách mobilního vývojáře
Martin Michálek
 
Jak na BYOD chytře?
Jak na BYOD chytře?Jak na BYOD chytře?
Jak na BYOD chytře?
www.embt.cz
 

Similar a Seznam na mobilu (20)

Anatomie mobilního webu
Anatomie mobilního webuAnatomie mobilního webu
Anatomie mobilního webu
 
TNPW2-2016-05
TNPW2-2016-05TNPW2-2016-05
TNPW2-2016-05
 
TNPW2-2013-02
TNPW2-2013-02TNPW2-2013-02
TNPW2-2013-02
 
TNPW2-2014-05
TNPW2-2014-05TNPW2-2014-05
TNPW2-2014-05
 
Web designerʼs guide to the Web
Web designerʼs guide to the WebWeb designerʼs guide to the Web
Web designerʼs guide to the Web
 
TNPW2-2012-02
TNPW2-2012-02TNPW2-2012-02
TNPW2-2012-02
 
TNPW2-2014-02
TNPW2-2014-02TNPW2-2014-02
TNPW2-2014-02
 
State of the art responzivních technikálií (Devel.cz)
State of the art responzivních technikálií (Devel.cz)State of the art responzivních technikálií (Devel.cz)
State of the art responzivních technikálií (Devel.cz)
 
TNPW2-2016-07
TNPW2-2016-07TNPW2-2016-07
TNPW2-2016-07
 
TNPW2-2016-02
TNPW2-2016-02TNPW2-2016-02
TNPW2-2016-02
 
Pohled na mobilní bankovní aplikace shora
Pohled na mobilní bankovní aplikace shoraPohled na mobilní bankovní aplikace shora
Pohled na mobilní bankovní aplikace shora
 
Responzivní webdesign (pro MS Fest)
Responzivní webdesign (pro MS Fest)Responzivní webdesign (pro MS Fest)
Responzivní webdesign (pro MS Fest)
 
TNPW2-2013-09
TNPW2-2013-09TNPW2-2013-09
TNPW2-2013-09
 
Zaverecny ukol
Zaverecny ukolZaverecny ukol
Zaverecny ukol
 
Rich Internet Applications 2009 (Czech)
Rich Internet Applications 2009 (Czech)Rich Internet Applications 2009 (Czech)
Rich Internet Applications 2009 (Czech)
 
Webový front-end ve službách mobilního vývojáře
Webový front-end  ve službách mobilního  vývojáře Webový front-end  ve službách mobilního  vývojáře
Webový front-end ve službách mobilního vývojáře
 
Jak na BYOD chytře?
Jak na BYOD chytře?Jak na BYOD chytře?
Jak na BYOD chytře?
 
Úvod do responsivního web designu
Úvod do responsivního web designuÚvod do responsivního web designu
Úvod do responsivního web designu
 
TNPW2-2013-07
TNPW2-2013-07TNPW2-2013-07
TNPW2-2013-07
 
TNPW2-2011-04
TNPW2-2011-04TNPW2-2011-04
TNPW2-2011-04
 

Más de seznamVyvojari

Más de seznamVyvojari (10)

Analytika
AnalytikaAnalytika
Analytika
 
Odpoledne s vyvojari - mobilni aplikace
Odpoledne s vyvojari - mobilni aplikaceOdpoledne s vyvojari - mobilni aplikace
Odpoledne s vyvojari - mobilni aplikace
 
Javascript na steroidech
Javascript na steroidechJavascript na steroidech
Javascript na steroidech
 
SEO - optimalizace pro vyhledávače
SEO - optimalizace pro vyhledávačeSEO - optimalizace pro vyhledávače
SEO - optimalizace pro vyhledávače
 
Mapy.cz
Mapy.czMapy.cz
Mapy.cz
 
Content delivery network a video
Content delivery network a videoContent delivery network a video
Content delivery network a video
 
Seznam.cz email
 Seznam.cz email Seznam.cz email
Seznam.cz email
 
Velké obsahové systémy
Velké obsahové systémyVelké obsahové systémy
Velké obsahové systémy
 
Nový Email.cz
Nový Email.czNový Email.cz
Nový Email.cz
 
Roman kummel
Roman kummelRoman kummel
Roman kummel
 

Seznam na mobilu

Notas del editor

  1. Představení Otázky: Kdo už někdy koukal na webovou stránku přes mobilní telefon? Kdo si mysli, ze ma smysl resit web pro mobilni telefony
  2. Pro koho dělá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 něm velký potenciál do budoucna. Západní svět 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 nějakou 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, nedělá úpravy, nebo jen minimální Samsung se v tom vrtá hodně Browsery Všechno je jinak
  6. Jedna verze pro desktop a mobilni zarizeni. Člověk si musí dávat pozor jak web staví, aby to všude fungovalo. S největší pravděpodobností se mu to nepovede  Tento přístup vůbec neřesí datové optimalizace.
  7. Asi si říkáte, každý web funguje na mobilu Pokud pro přečtení odstavce tectu jezdit ze strany na stranu … to podle nění dobře udělaný 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 Potřeba si vybudovat databazi zarizeni a jejich vlastnosti, na volne dostupne se neda moc spolehnout Potřeba upravovat části stránky podle schopností telefonu
  11. Ano počítá se to na serveru, nějaký výkon si to vezme
  12. Možností je hodně
  13. Responsive design Přizpů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 neřesí 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? Dělá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štěvnosti