Webové stránky, které jsou optimalizovány pro použití na mobilních zařízeních, se liší od těch, které se zobrazují na stolních a přenosných počítačích. Ty jsou určeny pro velké obrazovky a přesné kliknutí myší, zatímco mobilní webové stránky jsou dimenzovány pro menší obrazovky a nepřesné klepání prstem.
- Navrženo pro menší obrazovky a nepřesné klepání prstem.
- Navrženo pro velké obrazovky s přesným kliknutím myší.
Vzhledem k tomu, že většina návštěv webových stránek pochází z mobilních zařízení, mají návrháři stránek za úkol poskytovat verze, které fungují jak s mobilními zařízeními, tak se stolními počítači. Nejběžnějším přístupem je použití responzivního webového designu, který automaticky poskytuje správnou verzi na základě zařízení uživatele a velikosti obrazovky, jak je detekuje prohlížeč.
V každém případě se webové stránky optimalizované pro mobily liší od verzí pro počítače v mnoha ohledech.
Vzhled stránky: Mobilní obrazovky mají méně místa
- Displeje chytrých telefonů a tabletů měří úhlopříčně 4 až 10 palců.
- Sbalitelné nebo rozbalitelné widgety nabídek obvykle nahrazují postranní panely a objemné nabídky záhlaví.
-
Grafika v plné šířce se soudním využitím mezery mezi textem.
- Většina stolních monitorů měří úhlopříčně 19 až 24 palců.
- Sponzorované odkazy a velké bannerové reklamy jsou běžnější.
- Hustší text s větším prostorem pro grafiku.
Nejviditelnějším rozdílem mezi webovými stránkami pro počítače a mobilními stránkami je velikost obrazovky. Zatímco většina stolních monitorů má úhlopříčku alespoň 19 až 24 palců, tablety mají běžně kolem 10 palců. Smartphony mají úhlopříčku asi 4 palce. Pouhé oddálení nepřevede webovou stránku úspěšně na verzi vhodnou pro mobily, protože text je nečitelný a od návštěvníka webu vyžaduje další krok. Přesné klepání na drobné prvky je také nemožné.
Pro vyřešení problému mohou návrháři odstranit postranní panely a grafiku, které nejsou nezbytně nutné. Místo toho používají menší grafiku, zvětšují velikost písma a sbalují obsah do rozšiřitelných widgetů. Toto omezení v oblasti nemovitostí vyvolalo mezi webovými designéry zcela jiný druh myšlení.
Sbalitelné nebo rozbalitelné widgety nabídek také obvykle nahrazují postranní panely a objemné nabídky záhlaví. Ve snaze zajistit, aby se počítalo každý milimetr místa na obrazovce, návrháři odstranili nadbytečné bílé místo a přitom pečlivě sledovali čitelnost.
Spousta sponzorovaných odkazů a velkých bannerových reklam na telefonu nebo malém tabletu prostě nefunguje. Místo toho jsou na mobilních webových stránkách běžnější malé vyskakovací reklamy.
Rozvržení s textem obaleným kolem grafiky se na mobilních zařízeních nehrají dobře. Místo toho návrháři často dávají této grafice celou šířku obrazovky a text vedou pod nebo nad. Podobně dobrý web design rozděluje text na kousky, aby byl čitelný; nikdo nechce číst pevné stěny textu. Na malých obrazovkách je to ještě důležitější. Uvážlivé používání bílého místa je klíčové.
Ovládání stránky: Přesnost na počítači vs. mobilní blobs
- Velké klepací oblasti nebo aktivní body pro přesnější navigaci.
- Odlišná adresa URL: přidá písmeno "m." Často možnost zobrazení desktopové verze webu.
- Přihlašovací údaje mají často vyhrazený prostor, někdy s dostupností otisků prstů.
- Přesnější odkazy a tlačítka založené na kurzoru.
Na rozdíl od přesného ukazatele myši na ploše je lidský prst kapka a klepání vyžaduje velké cíle na obrazovce pro hypertextové odkazy. Weby optimalizované pro mobily nabízejí velké oblasti pro klepnutí (nebo aktivní body), které usnadňují přesnou navigaci.
Webové stránky vhodné pro mobily také běžně obsahují ve svých adresách písmeno m; například mobilní adresa Facebooku je m.facebook.com. Mobilní URL se obvykle vybírá automaticky, když surfujete s mobilním tabletem nebo chytrým telefonem. V některých případech se zobrazí odkaz, na který lze klepnout a který vám umožní přepnout na běžnou počítačovou verzi stránky.
Pole pro přihlášení a heslo určená pro stolní počítače a notebooky jsou malá a na telefonu nepoužitelná, takže je weboví vydavatelé zvětšují a někdy jim dávají vlastní stránky pro snadnější použití. Přihlašování pomocí otisku prstu nebo jiného účtu, jako je Google nebo Facebook, je stále běžnější s tím, jak se vyvíjejí možnosti zařízení a služeb.
Proč na tom záleží?
Mobilní webové stránky jsou navrženy pro kapesní zařízení a jsou zcela odlišné od stránek vytvořených pro čtení na počítači. Přestože si obvykle můžete zobrazit verzi webové stránky pro počítače na mobilním zařízení a naopak, jsou navrženy jinak, aby usnadnily prohlížení, čtení a navigaci obsahu.
