SlideShare ist ein Scribd-Unternehmen logo
1 von 13
Downloaden Sie, um offline zu lesen
MOBILNÍ WEB
  Lukáš Kokoška
HISTORIE MOBILNÍHO
        WEBU
WML - černobílé, žádná možnost grafiky

XHTML Mobile Profile - barevné, grafika

XHTML + AJAX - Podobné možnosti jako na webu
CO ZNAMENÁ MOBILNÍ
        WEB

není to WAP

Specifika mobilní prohlížeče

  XHTML MP a WCSS

Specifika mobilního uživatele

  Kdekoliv

  Kdykoliv
SEZNAM.CZ




WWW
SEZNAM.CZ


mobilní display

480 x 320 (iPhone)
320 x 240 (Nokia N95)
176 x 208
128 x 128 ?
96 x 96 !!!
SEZNAM.CZ


Pohyb na stránce

  posun pohledu

  Zoom

Může mít uživatel přehled o tom, co
je na stránce?
M.SEZNAM.CZ


Vše důležité před sebou

Obsah

Jednoduchá a přehledná navigace

Důležitá je primárně informační hodnota
REALITA MOBILNÍHO
         WEBU

Možnosti využití mobilního webu
Nejznámější / nejpoužívanější služby
  ČR
    Operátorské portály (Live!, T-zones, WebʼnʼWalk, Active)
    Seznam.cz
    více na http://mobweb.cz/
  Svět
    Weather.mobi (nejpoužívanější mobilní služba na světě)
    Google.com/m
    http://wapreview.com/
JAK UDĚLAT WEB
          MOBILNÍ

Automaticky generovaná verze

  transcoding

  ATOM/RSS

Mobilní varianta stránek

Varianty pro různé druhy zařízení

Plný rendering obsahu
NÁSTROJE A STANDARDY

TLD .mobi

  Mobile Web Developer Guide

  ready.mobi / dev.mobi

  DeviceAtlas

W3C

WURFL
MOBILNÍ WEB ≠ WWW

Uživatel může mobilní službu používat/potřebovat
kdekoliv/kdykoliv

Malý display

Pomalé připojení

Ovládání

Jiné chování uživatelů
ZAŘÍZENÍ NA TRHU

Top 10 na Seznamu
  Nokia N95
  Nokia 6300
  Nokia E65
  Motorola V3
  SonyEricsson K750
  Nokia N73
  SonyEricsson K800
  Nokia N70
  Apple iPhone
  Samsung E250
  SonyEricsson W810
DISKUZE

Weitere ähnliche Inhalte

Mehr von Akce Dobrého webu

Patricia Neupauerová - Magnesia Duel (case study)
Patricia Neupauerová - Magnesia Duel (case study)Patricia Neupauerová - Magnesia Duel (case study)
Patricia Neupauerová - Magnesia Duel (case study)Akce Dobrého webu
 
Vít Horký - Jak na zákaznickou péči na sociálních médiích
Vít Horký - Jak na zákaznickou péči na sociálních médiíchVít Horký - Jak na zákaznickou péči na sociálních médiích
Vít Horký - Jak na zákaznickou péči na sociálních médiíchAkce Dobrého webu
 
Petr Kleiner - Korporátní web, jako generátor kvalitních leadů
Petr Kleiner - Korporátní web, jako generátor kvalitních leadůPetr Kleiner - Korporátní web, jako generátor kvalitních leadů
Petr Kleiner - Korporátní web, jako generátor kvalitních leadůAkce Dobrého webu
 
Daniel Frouz: Cíl redesignu? Výrazně vyšší výkon
Daniel Frouz: Cíl redesignu? Výrazně vyšší výkonDaniel Frouz: Cíl redesignu? Výrazně vyšší výkon
Daniel Frouz: Cíl redesignu? Výrazně vyšší výkonAkce Dobrého webu
 
Ratibor Líbal: Jak zaujmout, odlišit se a vydělat
Ratibor Líbal: Jak zaujmout, odlišit se a vydělatRatibor Líbal: Jak zaujmout, odlišit se a vydělat
Ratibor Líbal: Jak zaujmout, odlišit se a vydělatAkce Dobrého webu
 
Redesign webu - Martin Hoffmann
Redesign webu - Martin HoffmannRedesign webu - Martin Hoffmann
Redesign webu - Martin HoffmannAkce Dobrého webu
 
Redesign webu Telefonica O2 - Jakub karlec
Redesign webu Telefonica O2 - Jakub karlec Redesign webu Telefonica O2 - Jakub karlec
Redesign webu Telefonica O2 - Jakub karlec Akce Dobrého webu
 
Affiliate Marketing - Vladan Hejnic
Affiliate Marketing - Vladan HejnicAffiliate Marketing - Vladan Hejnic
Affiliate Marketing - Vladan HejnicAkce Dobrého webu
 
Praktické využití novinek v Google Analytics - Pavel Jašek
Praktické využití novinek v Google Analytics - Pavel JašekPraktické využití novinek v Google Analytics - Pavel Jašek
Praktické využití novinek v Google Analytics - Pavel JašekAkce Dobrého webu
 
Jak pracovat s Customer Lifetime Value při vyhodnocování kampaní - Martin Pěn...
Jak pracovat s Customer Lifetime Value při vyhodnocování kampaní - Martin Pěn...Jak pracovat s Customer Lifetime Value při vyhodnocování kampaní - Martin Pěn...
Jak pracovat s Customer Lifetime Value při vyhodnocování kampaní - Martin Pěn...Akce Dobrého webu
 
Co nového pod sluncem? - Ivan Pilný
Co nového pod sluncem? - Ivan PilnýCo nového pod sluncem? - Ivan Pilný
Co nového pod sluncem? - Ivan PilnýAkce Dobrého webu
 
Sociální média v České spořitelně - David Lorenc
Sociální média v České spořitelně - David LorencSociální média v České spořitelně - David Lorenc
Sociální média v České spořitelně - David LorencAkce Dobrého webu
 
Krizová komunikace na webu - Daniel Dočekal
Krizová komunikace na webu - Daniel DočekalKrizová komunikace na webu - Daniel Dočekal
Krizová komunikace na webu - Daniel DočekalAkce Dobrého webu
 
5 SEO nástrojů, které nakopnou váš web - Jiří Koutný
5 SEO nástrojů, které nakopnou váš web - Jiří Koutný5 SEO nástrojů, které nakopnou váš web - Jiří Koutný
5 SEO nástrojů, které nakopnou váš web - Jiří KoutnýAkce Dobrého webu
 
Vyhodnocování SEO - Michael Blahut
Vyhodnocování SEO - Michael BlahutVyhodnocování SEO - Michael Blahut
Vyhodnocování SEO - Michael BlahutAkce Dobrého webu
 
Začněte testovat na dálku. Levnější už to nebude. - Petr Štědrý
Začněte testovat na dálku. Levnější už to nebude. - Petr ŠtědrýZačněte testovat na dálku. Levnější už to nebude. - Petr Štědrý
Začněte testovat na dálku. Levnější už to nebude. - Petr ŠtědrýAkce Dobrého webu
 
Typické prvky webu - Lukáš Hroch
Typické prvky webu - Lukáš HrochTypické prvky webu - Lukáš Hroch
Typické prvky webu - Lukáš HrochAkce Dobrého webu
 
Zavedení UX do firmy - Jiří Mžourek
Zavedení UX do firmy - Jiří MžourekZavedení UX do firmy - Jiří Mžourek
Zavedení UX do firmy - Jiří MžourekAkce Dobrého webu
 

Mehr von Akce Dobrého webu (20)

Patricia Neupauerová - Magnesia Duel (case study)
Patricia Neupauerová - Magnesia Duel (case study)Patricia Neupauerová - Magnesia Duel (case study)
Patricia Neupauerová - Magnesia Duel (case study)
 
Vít Horký - Jak na zákaznickou péči na sociálních médiích
Vít Horký - Jak na zákaznickou péči na sociálních médiíchVít Horký - Jak na zákaznickou péči na sociálních médiích
Vít Horký - Jak na zákaznickou péči na sociálních médiích
 
Petr Kleiner - Korporátní web, jako generátor kvalitních leadů
Petr Kleiner - Korporátní web, jako generátor kvalitních leadůPetr Kleiner - Korporátní web, jako generátor kvalitních leadů
Petr Kleiner - Korporátní web, jako generátor kvalitních leadů
 
Daniel Frouz: Cíl redesignu? Výrazně vyšší výkon
Daniel Frouz: Cíl redesignu? Výrazně vyšší výkonDaniel Frouz: Cíl redesignu? Výrazně vyšší výkon
Daniel Frouz: Cíl redesignu? Výrazně vyšší výkon
 
Ratibor Líbal: Jak zaujmout, odlišit se a vydělat
Ratibor Líbal: Jak zaujmout, odlišit se a vydělatRatibor Líbal: Jak zaujmout, odlišit se a vydělat
Ratibor Líbal: Jak zaujmout, odlišit se a vydělat
 
Redesign webu - Martin Hoffmann
Redesign webu - Martin HoffmannRedesign webu - Martin Hoffmann
Redesign webu - Martin Hoffmann
 
Redesign webu Telefonica O2 - Jakub karlec
Redesign webu Telefonica O2 - Jakub karlec Redesign webu Telefonica O2 - Jakub karlec
Redesign webu Telefonica O2 - Jakub karlec
 
Affiliate Marketing - Vladan Hejnic
Affiliate Marketing - Vladan HejnicAffiliate Marketing - Vladan Hejnic
Affiliate Marketing - Vladan Hejnic
 
Praktické využití novinek v Google Analytics - Pavel Jašek
Praktické využití novinek v Google Analytics - Pavel JašekPraktické využití novinek v Google Analytics - Pavel Jašek
Praktické využití novinek v Google Analytics - Pavel Jašek
 
SEO a PPC - Matěj Novák
SEO a PPC - Matěj NovákSEO a PPC - Matěj Novák
SEO a PPC - Matěj Novák
 
Jak pracovat s Customer Lifetime Value při vyhodnocování kampaní - Martin Pěn...
Jak pracovat s Customer Lifetime Value při vyhodnocování kampaní - Martin Pěn...Jak pracovat s Customer Lifetime Value při vyhodnocování kampaní - Martin Pěn...
Jak pracovat s Customer Lifetime Value při vyhodnocování kampaní - Martin Pěn...
 
Co nového pod sluncem? - Ivan Pilný
Co nového pod sluncem? - Ivan PilnýCo nového pod sluncem? - Ivan Pilný
Co nového pod sluncem? - Ivan Pilný
 
Remarketing - Filip Hráček
Remarketing - Filip HráčekRemarketing - Filip Hráček
Remarketing - Filip Hráček
 
Sociální média v České spořitelně - David Lorenc
Sociální média v České spořitelně - David LorencSociální média v České spořitelně - David Lorenc
Sociální média v České spořitelně - David Lorenc
 
Krizová komunikace na webu - Daniel Dočekal
Krizová komunikace na webu - Daniel DočekalKrizová komunikace na webu - Daniel Dočekal
Krizová komunikace na webu - Daniel Dočekal
 
5 SEO nástrojů, které nakopnou váš web - Jiří Koutný
5 SEO nástrojů, které nakopnou váš web - Jiří Koutný5 SEO nástrojů, které nakopnou váš web - Jiří Koutný
5 SEO nástrojů, které nakopnou váš web - Jiří Koutný
 
Vyhodnocování SEO - Michael Blahut
Vyhodnocování SEO - Michael BlahutVyhodnocování SEO - Michael Blahut
Vyhodnocování SEO - Michael Blahut
 
Začněte testovat na dálku. Levnější už to nebude. - Petr Štědrý
Začněte testovat na dálku. Levnější už to nebude. - Petr ŠtědrýZačněte testovat na dálku. Levnější už to nebude. - Petr Štědrý
Začněte testovat na dálku. Levnější už to nebude. - Petr Štědrý
 
Typické prvky webu - Lukáš Hroch
Typické prvky webu - Lukáš HrochTypické prvky webu - Lukáš Hroch
Typické prvky webu - Lukáš Hroch
 
Zavedení UX do firmy - Jiří Mžourek
Zavedení UX do firmy - Jiří MžourekZavedení UX do firmy - Jiří Mžourek
Zavedení UX do firmy - Jiří Mžourek
 

Web v mobilu a jak ho tam dostat

  • 1. MOBILNÍ WEB Lukáš Kokoška
  • 2. HISTORIE MOBILNÍHO WEBU WML - černobílé, žádná možnost grafiky XHTML Mobile Profile - barevné, grafika XHTML + AJAX - Podobné možnosti jako na webu
  • 3. CO ZNAMENÁ MOBILNÍ WEB není to WAP Specifika mobilní prohlížeče XHTML MP a WCSS Specifika mobilního uživatele Kdekoliv Kdykoliv
  • 5. SEZNAM.CZ mobilní display 480 x 320 (iPhone) 320 x 240 (Nokia N95) 176 x 208 128 x 128 ? 96 x 96 !!!
  • 6. SEZNAM.CZ Pohyb na stránce posun pohledu Zoom Může mít uživatel přehled o tom, co je na stránce?
  • 7. M.SEZNAM.CZ Vše důležité před sebou Obsah Jednoduchá a přehledná navigace Důležitá je primárně informační hodnota
  • 8. REALITA MOBILNÍHO WEBU Možnosti využití mobilního webu Nejznámější / nejpoužívanější služby ČR Operátorské portály (Live!, T-zones, WebʼnʼWalk, Active) Seznam.cz více na http://mobweb.cz/ Svět Weather.mobi (nejpoužívanější mobilní služba na světě) Google.com/m http://wapreview.com/
  • 9. JAK UDĚLAT WEB MOBILNÍ Automaticky generovaná verze transcoding ATOM/RSS Mobilní varianta stránek Varianty pro různé druhy zařízení Plný rendering obsahu
  • 10. NÁSTROJE A STANDARDY TLD .mobi Mobile Web Developer Guide ready.mobi / dev.mobi DeviceAtlas W3C WURFL
  • 11. MOBILNÍ WEB ≠ WWW Uživatel může mobilní službu používat/potřebovat kdekoliv/kdykoliv Malý display Pomalé připojení Ovládání Jiné chování uživatelů
  • 12. ZAŘÍZENÍ NA TRHU Top 10 na Seznamu Nokia N95 Nokia 6300 Nokia E65 Motorola V3 SonyEricsson K750 Nokia N73 SonyEricsson K800 Nokia N70 Apple iPhone Samsung E250 SonyEricsson W810