Mobilní web .info

Smartphone browser landscape

Lukoko — Tue, 14 Dec 2010 10:16:23 +0000

Zajímavý a poměrně podrobný pohled na trh mobilních prohlížečů najdete tady:
Smartphone Browser Landscape

45 guidlines pro mobilní web

Lukoko — Mon, 13 Dec 2010 08:07:29 +0000

Dnes jen link:
http://www.mobilexweb.com/blog/guidelines-mobile-web-design

Jak poznat přistupující zařízení

Lukoko — Mon, 29 Nov 2010 21:59:35 +0000

Nejčastější způsob, jak rozpoznat přistupující zařízení/telefon na mobilní web je analýza HTTP hlavičky User-Agent. Existuje několik cest, jak se k této problematice postavit a rád bych je v tomto článku nastínil.

Hlavička User-Agent vznikla k tomu aby identifikovala prohlížeč, který právě přistupuje na stránku. Kompletní historii obsahu hlavičky User-Agent a proč se i Internet Explorer hlásí jako Mozilla tu nebudu rozebírat, protože už napsali jiní.

Než se pustím do povídání o User-Agentech v souvislosti s rozpoznáváním mobilního telefonu, musím zmínit další užitečnou HTTP hlavičku a to x-wap-profile, která má obsahovat URL k RDF souboru, popisujícímu vlastnosti daného zařízení, ale o tom někdy jindy.

User-Agent

User-Agent, kterým se identifikují standardní internetové prohlížeče se postupem doby poměrně standardizoval (RFC 2616) a je z něj možní vyčíst několik běžných informací o daném prohlížeči. Pro příklad uvedu UA Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_5_5; en-us) AppleWebKit/525.18 (KHTML, like Gecko) Version/3.1.2 Safari/525.20.1, kde jednotlivé části znamenají:

Mozilla/5.0 slouží pro zpětnou kompatibilitu - znamená, že je funkčně ekvivalentní Mozille ve verzi 5
( uvozuje komentář
Macintosh platforma
U bezpečnost, kde U je silná, I je slabá a N žádná podpora šifrování
Intel Mac OS X 10_5_5 na tomto místě je operační systém, nebo architektura systému … i686, ARM, PPC, atp.
en-us Jazyková mutace prohlížeče
) konec komentáře
AppleWebKit/525.18 je název vykreslovacího jádra a jeho verze
( … opět komentář
KHTML, like Gecko znamená, že WebKit vychází z jádra KHTML, podobnému Gecku
)
Version/3.1.2 verze prohlížeče
Safari/525.20.1 název prohlížeče a aktuální sestavení

Obecně lze říct, že User-Agent se vždy skládá z tokenu identifikujícího prohlížeč, případně jeho vlastnost, následovaného lomítkem udávající verzi prohlížeče/vlastnosti. Každý token může mít komentář, uvozený závorkami. V komentáři může být libovolné množství informací, oddělených středníkem.

Kdyby to takto fungovalo všude, bylo by to krásné. Nejčastější prohřešky proti specifikaci jsou:

Více lomítek Některé prohlížeče mají pro jeden token až 3 lomítka, většinou se jedná o mutace zařízení pro Vodafone
Mezery Někdy může být jeden obsahovat mezeru, takže při zpracování není jasné, jestli končí aktuální, nebo začíná nový
tokeny v komentáři kompletní tokeny, tedy výraz, lomítko, verze se někdy dají najít i v komentáři, kam nepatří, ale jsou důležité pro rozpoznání
a mnoho dalších, jako třeba exotické znaky atp.

UA-Profile

Další způsob, jak rozpoznat mobilní telefon je hlavička x-wap-profile. V této hlavičce vy se měl vyskytovat odkaz na tzv. UA-Profile. UA-Profile je XML definiční soubor, který popisuje vlastnosti mobilního prohlížeče. Zní to krásně, ale nespoléhejte plně na informace v tomto souboru. Informace jsou často nepřesné, nekompletní, nebo prostě zastaralé.

Už jenom výskyt této hlavičky je jasným znakem, že na stránku přistupují mobilní zařízení a pokud si navíc ukládáte jednotlivé URL datových souborů a dokážete je přiřadit k určitému mobilnímu zařízení, máte hodně kvalitní způsob, jak přesně rozpoznat mobilní telefon. Bohužel, velké množství telefonů tuto hlavičku neposílá, takže není možné se na ni spolehnout.

Další možnosti

Existují i další možnosti, jak rozpoznávat mobilní zařízení. Pro další rozpoznávání se dají použít i další, specifické, hlavičky pro některé mobilní prohlížeče. Vzhledem k rozšířenosti se patří hlavně Opera Mini, která posílá 2 hlavičky:

x-operamini-phone - vypadá “Výrobce # Model” nevyskytuje se příliš často
x-operamini-phone-ua - obsahuje originální user-agen prohlížeče

Na první pohled to vypadá, že pomocí těchto hlaviček je bez problému možné identifikovat přistupující mobilní telefon, ale ve výsledku to tak není a to z několika důvodů:

Opera balí tyto informace do souboru při jeho stahování, jsou tedy relevantní jen pokud si uživatel stáhnul Operu mini z nativního prohlížeče
Opera nemá příliš kvalitní databázi pro rozpoznávání telefonů, takže dost často nepozná, ze kterého telefonu se Opera Mini stahuje
Operátorsky předinstalované Opery Mini, krom toho, že bývají v pekelně staré verzi, tuto informací nenesou
Jak dál?

Možností, jak rozpoznávat zařízení na mobilním webu existuje celá řada a já jsem se snažil popsat jenom ty nejrozšířenější. Pokud chcete mít co možná nejpřesnější rozpoznávání, pátrejte, bádejte a pokuste se najít další a další hlavičky a postupy, jak přesně identifikovat ten který telefon. Pokud budete mít štěstí, dovedete pak rozpoznávat telefony až na úroveň jednotlivých firmwarů.

Tento clanek jsem mel rok rozepsany, ale jeho zacatek by mel zustat aktualni

Mobilní web na LinkedIn

Lukoko — Thu, 14 Oct 2010 13:52:13 +0000

Založil jsem na linkedIn skupinu s názvem “Tvoříme mobilní web”. Kdo chcete, přidejte se.

Mobilní web .info na Twitteru

Lukoko — Sat, 31 Jul 2010 19:50:30 +0000

Protože nemám moc čas psát sem dlouhé članky o tom, co se zrovna děje, založil jsem si účet na Twitteru a budu psát krátké info tam. http://twitter.com/mobilniweb_info

Jak je na tom český mobilní web

Lukoko — Sun, 21 Mar 2010 14:21:51 +0000

Dal jsem si práci s tím, že jsem prošel všechny možné mobilní stránky na českém internetu a vytvořil statistiku toho, jak má kdo mobilní stránky udělané. Výsledkem je docela zajímavý pohled na český mobilní web.

Pro počítání jsem seskupil výsledky podle provozovatelů služeb, abych dostal čistší pohled na celek. Statistiku by totiž dost zkresloval například Wirenode, který má opravdu hodně mobilních domén, ale neprovádí ani adaptaci obsahu, ani jeho uživatelé nepřesměrovávají na mobilní verzi stránek.

Výsledky jsou tedy následující:

35% poskytovatelů českých mobilních webů provádí adaptaci obsahu
25% stránek přesměrovává na mobilní verzi
11% stránek používá zastarale WML
80% stránek používá mobilní XHTML markup
6% mobilních stránek má klasický XHTML markup
2% poskytovatelů mobilního obsahu používa HTML4

Z poskytovatelů mobilních stránek má nejvíce mobilních domén Wirenode, potom webnode.cz a pak už jen mala webdesignová studia.

Z velkých společností má nejvíce mobilních domén Seznam.cz, pak NetCentrum, Mafra, Network Image, IDG, …

Velice mě potěšilo kolik jsem nasel dobře udělaných mobilních stránek malými firmami i jednotlivci, které poskytuji i adaptaci obsahu.

Nejpoužívanější mobilní markup je xhtml-mobile10, potom xhtml-12, WML 1.1.

35% mobilních domén začíná na m.
38% mobilních domén je na TLD .mobi (práce Wirenode - 33%)
23% mobilních domén začíná na wap. (kdo má pro službu jak m., tak wap. je v obou statistikách)

Další výjezdy časem přídám …

Proč mobilní web

Lukoko — Sun, 21 Mar 2010 14:18:38 +0000

Důvody, proč by měl někdo dělat mobilní verzi svých stránek se dají rozdělit do dvou skupin. V první skupině budou ty technické a uživatelské a v té druhé potom obsahové. Do té první skupiny budou patřit všechny záležitosti a omezeni dané technikou a možnostmi používání, pro druhou skupinu je nutné se zamyslet proc vlastně uživatel na mobilní verzi přichází.

Omezeni daná mobilními zařízeními

Je na první pohled jasné, že výkon malého kapesního udělátka nebude nikdy dosahovat výkonu velkého počítače. Prohlížeče v nových smartphonech se sice pyšní hromadou technologii, které umožňují vice či méně lepe prohlížet klasické webové stránky, ale i když se jim to povede nebývá pro uživatele lehké stránku na telefonu používat.

Stále velké procento uživatelů nemá smartphone, ale stejně mobilní web používá. Tyto prohlížeče mají navíc mnoha omezeni, která často zamezí zobrazeni klasické webové stránky a v nejhorším případě prohlížeč spadne. Mobilní stránka proto musí mít jen tolik obsahu, kolik i špatný mobilní prohlížeč zvládne. Pro uživatele smartphobu je problém trochu jinde a jejich uživatelé mi jistě dají za pravdu. Pokud si prohlížím klasickou webovou stránku na zařízení s malým displejem, vždycky vidím jenom malou část obsahu. A bych se dostal k obsahu, který na stránce hledám, musím neustále posouvat viewport, zoomovat, posouvat a přeskakovat, dokud nenajdu, co jsem hledal. V případě mobilní stránky toto odpadá, dostanu se vždy rovnou na obsah, pro který jsem na stránku přišel. Tento problém se tyká všech pokročilých prohlížečů od Opery mini po mobilní Safari.
Další extrémní hříčkou jsou vyloženě špatně napsané stránky, kde se spatně zalamuje text. Tam se potom člověk musí při ctěni každého řádku posouvat do stran a stránka je tím prakticky nepoužitelná.

Mobilní obsah

Uživatel, který jde na mobilní stránky se od klasického uživatele webu odlišuje několika věcmi.

uživatel je venku, v terénu
uživatel nemá čas
zajímají ho stručné informace, které nebude muset v telefonu zkoumat
pokud má čas, hledá zábavu

Proto by mela mobilní stránka vycházet potřebám uživatele vstříc. Omezení daná technickými vlastnostmi mobilních telefonu přestávají vadit ve chvíli, kdy si uvědomíte, co člověk na vašich stránkách potřebuje, když není u svého počítače. Většinou mu stačí kontakt na firmu, její adresa a telefon s možnosti vytočení čísla. Pokud hledá nějaké informace, nepotřebuje nabubřelé presentace, ale uvita přehledné jednoduché informace, které si dobře přečte i na mobilu. Mobilní stránka by mela uživateli přinášet ty informace, které nutně potřebuje a co nejméně balastu okolo. I navigace by tomu mela byt uzpůsobená.

Druhou základní motivaci pro používání mobilního webu je zabiti času například v MHD, čekárně a na podobných místech. Takový uživatel hledá zábavu, ctění, nebo jenom drobnosti, které ho zajímají.

Mobilní opera nemá s mobilním weben nic společného

Lukoko — Sun, 21 Mar 2010 14:15:42 +0000

Když Opera Mini začínala, byl to ve své době dobrý nápad. Opera Mini začala před 5ti lety, kdy mobilní web vlastně pořádně neexistoval. Byla to éra wapu, drahého wapu. Dnešní mobilní web je na tom už jinak. Ceny za mobilní připojení už nejsou tolik přemrštěné a technologie mobilních prohlížečů se už také posunuly, takže i mobilní stránky mohou vypadat dobře v prohlížeči dodaném výrobcem zařízení.

Opera mini si zakládá na tom, ze přináší mobilní web do každého telefonu, ale ve skutečnosti jen transkódují klasické stránky pro malý displej se vsemi omezeními pro uživatele, které to přináší. Opera mini tedy nemá s mobilním webem jako takovým nic společného a dokonce špatně zobrazuje stránky vytvořené primo pro mobilní web.

Opera mini, ale i mobi se navíc k mobilnímu webu chová dost nehezky tím, ze posílá spatně identifikaci telefonu. Není potom jasné, jaky telefon právě na stránku přistupuje a tím se znemožňuje například cílení reklamy na určité telefony.

Je sice fakt, ze pro zařízení s Windows mobile je opera mobi jediné rozumné řešení, ale proc potom opera doporučuje stažení mnohem horší opery mini? I takový případ jsem našel v logách a s nemalým výskytem.

Ani opera sama nemá jasno v tom, který její prohlížeč je víc mobilní a ani jeden nerespektuje správně mobilní web.

Opera mini sice dokaze zobrazit klasickou webovou stránku, ale pro uživatele je stále obtížné se na takové stránce pohybovat. Pokud se jenom transkóduje klasická verze stránek, uživatel se musí neustále posouvat po stránce a hledat obsah, který potřebuje. Na některých stránkách je potřeba se posouvat do stran pro přečtení jednoho odstavce.

Opera mini je pro mě nouzové řešení pro přistup ke klasickému webu a pro mobilní web je spis cesta zpátky, než že by měla jakýkoliv přínos.

Krásný mobilní web

Lukoko — Fri, 19 Mar 2010 14:13:02 +0000

Na adrese http://www.mobileawesomeness.com/ je galerie mobilních stránek, které stojí za shlédnutí. Každá stránka má popis, několik screenshotů a možnost hodnocení.

Minimálně pro inspiraci doporučuju prohlídnout.

Několik zajímavých odkazů o Mobilním webu

Lukoko — Wed, 24 Feb 2010 13:57:31 +0000

Potřeboval jsem si udělat výcuc věcí, které se stali za poslední dobu. Ve výsledku mi vzniknul seznam zajímavých odkazů, které popisují novinky poslední doby okolo mobilních záležitostí.

Google Zmenšovač: při mobilním surfování ušetří čas i peníze
Vzhledem k tomu, že tuto službu poskytuje Seznam na českém internetu už víc jak rok, je to skutečně novinka.

Google now letting advertisers select which devices and which operators their mobile ads will appear on
Google konečně cílí na telefony … Seznam to umí už rok

Uživatelů internetu v mobilu prudce přibývá, operátorům tím kolabují sítě
Ano je to tak. Mobilní streamování videa je pro ně noční můra, takže se asi moc nevyspí

Second Web Compatibility Test for Mobile Browsers
W3C se konečně snaží s křížkem po funuse standardizovat mobilní prohlížeče

BBC Online - our mobile future
Jak BBC využívá a plánuje využívat mobil

the speed of the mobile web, part 2: tips for content providers
Jak zrychlit mobilní web

Web Form Innovations on Mobile Devices
Jak lépe dělat formuláře pro mobilní zařízení

Opera Mini Has 50 Million Monthly Users
Opera Mini

Apple prý dostává od Google 100 milionů dolarů ročně
Spekulace

Content Transformation Guidelines ready for review
Konečně se začíná dokončovat specifikace transcodingu mobilních stránek

iPhone jako čtečka platebních karet. Zmizí peníze?
Mobilní platby

Best Practices to make your Web application mobile

Mobilní Facebook překonal hranici 100 milionů uživatelů
Mobilní facebook