Mobilní web (Mobile web)

Mobilní web (anglicky Mobile web) je internetová stránka přizpůsobená zobrazení na mobilním telefonu. Důležitost optimalizace pro zobrazení na mobilních zařízeních roste s tím, jak roste jejich počet, respektive procento webových stránek prohlížených přes mobilní zařízení - přes mobilní telefon nebo tablet. Nemusí se nutně jednat o internetové stránky, ale jako mobilní web mohou být navrženy i jiné webové aplikace.

Jaké jsou hlavní odlišnosti mobilního a klasického pojetí webu?

Písmenka, která spolehlivě uvidíte na monitoru svého počítače nepřečtete na displeji malého zařízení (ani kdyby mělo velké rozlišení). Velikost písma tedy musí být tomu přizpůsobena. Hlavní rozdíl je tedy daný velikostí displeje, případně jeho rozlišením a samozřejmě i tím, že na mobilním telefonu obvykle prohlížíme obsah “na výšku”. Znamená to, že šířka zobrazované plochy je výrazně menší. Asi jako kdybychom měli monitor postaven na výšku. Stejné je to s dalšími ovládacími prvky. Na mobilních zařízeních a tabletech lidé používají prsty, nemají myš nebo touchpad, takže i tomu se musí ovládací prvky mobilního webu přizpůsobit. Hlavní odlišnosti jsou tedy:

velikost zobrazovací plochy displeje
rozlišení displeje
prohlížení na výšku
ovládání pomocí prstů

Jaký je rozdíl mezi mobilním a responsivním webem?

Podle toho, komu jsou vaše webové stránky určeny, kdo jsou jejich uživatelé a jak a kde budou webové stránky používat, se můžete rozhodnout, jakým způsobem budete internetové stránky tvořit.

Klasické webové stránky (v dnešní době již prakticky nepoužitelné)
Responsivní web - tedy stránky, které se dokáží přizpůsobit zařízení, které je zobrazuje. Univerzální řešení, které může v mnoha případech zcela vyhovovat
Mobilní web - webové stránky vyvinuté přímo na míru mobilním zařízením - malý displej a ovládání prsty

Pokud nepotřebujete nutně výrazné odlišení obsahu, stačí vám responsivní pojetí - webové stránky se přizpůsobí rozlišení a velikosti displeje. Pokud máte výrazné množství zákazníků, kteří používají mobilní zařízení, a funkce, které jim potřebujete odlišit nebo zvýraznit jinak než na počítači, pak bude výhodnější udělat speciální mobilní web (často se používá rozlišení na úrovni domény, například m.alza.cz). Webové stránky mohou být rovněž navrženy jako “mobile first”, to znamená, že mobilní web nebo aplikace vznikají dokonce předtím, než vznikne verze určená pro prohlížení na velkém monitoru. V opačném případě si vystačíte s responzivní verzí normálního webu.

Jaké jsou výhody a nevýhody mobilního webu?

Webové stránky tvořené přímo pro mobily v sobě zahrnují mnoho odlišností. Pokud vznikne samostatná mobilní verze webu, pak je zcela optimalizovaná pro ovládání rukou a je také obvykle rychlejší při načítání (nestahují se velké soubory, styly, CSS, Javascript a podobně). Dá se říci, že mobilní web se blíží z pohledu komfortu užívání mobilního uživatele instalované (nativní) aplikaci.

Základní nevýhodou je větší finanční náročnost a pracnost údržby dvou oddělených verzí. Musíte vytvořit a udržovat prakticky dva oddělené weby (oproti responsivnímu přístupu, kde je jen jeden)