Webové stránky, které jsou optimalizovány pro použití na mobilních zařízeních, se liší od stránek, které se zobrazují na stolních a přenosných počítačích. Ty jsou určeny pro velké obrazovky a přesné klikání myší, zatímco mobilní webové stránky mají velikost pro menší obrazovky a nepřesné klepání prstem. mobilní, pohybliví
- Navrženo pro menší obrazovky a nepřesné klepání prstem.
plocha počítače
- 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í designéř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 doručí správnou verzi na základě zařízení uživatele a velikosti obrazovky, jak zjistí prohlížeč. V každém případě se webové stránky přizpůsobené pro mobily liší od verzí pro počítače v mnoha ohledech.
Vzhled stránky: Mobilní obrazovky mají méně místa
mobilní, pohybliví
- 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.
plocha počítače
- Většina stolních monitorů měří úhlopříčně 19 palců 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 mobily je realitní obrazovka. Zatímco většina stolních monitorů měří úhlopříčku alespoň 19 palců až 24 palců, tablety mají běžně kolem 10 palců. Smartphony mají úhlopříčku asi 4 palce. Pouhým oddálením se webová stránka úspěšně nepřevede na verzi vhodnou pro mobily, protože text je nečitelný a vyžaduje od návštěvníka webu další krok. Přesné poklepání na drobné prvky je také nemožné. K vyřešení problému mohou návrháři odebrat 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 rozbalitelných widgetů. Toto omezení nemovitostí vyvolalo mezi webovými designéry úplně jiný druh myšlení. Také skládací nebo rozbalitelné widgety nabídek obvykle nahrazují postranní panely a objemné nabídky záhlaví. Ve snaze zajistit, aby se počítal každý milimetr místa na obrazovce, designéři odstranili nadbytečný bílý prostor a přitom pečlivě sledovali čitelnost. Dav sponzorovaných odkazů a velkých bannerových reklam prostě nefunguje na telefonu nebo malém tabletu. Místo toho jsou na mobilních webových stránkách běžnější malé vyskakovací reklamy. Rozložení, která obsahují text omotaný kolem grafiky, se na mobilních zařízeních nehrají dobře. Místo toho návrháři často dávají těmto grafikám celou šířku obrazovky a spouští text pod nebo nad. Podobně dobrý webový design rozbíjí text na kousky kvůli čitelnosti; nikdo nechce číst pevné stěny textu. To je na malých obrazovkách ještě důležitější. Rozumné používání bílého prostoru je zásadní.
Ovládání stránky: Desktop Precision vs. Mobile Blobs
mobilní, pohybliví
- Velké oblasti poklepání nebo hotspoty pro přesnější navigaci.
- Jiná adresa URL: přidá písmeno „m“. Často je možnost zobrazit desktopovou verzi webu.
- Přihlašovací údaje mají často vyhrazený prostor, někdy s přístupností otisků prstů.
plocha počítače
- Přesnější odkazy a tlačítka na bázi kurzoru.
Na rozdíl od přesného ukazatele myši na ploše je lidský prst blob a klepnutí vyžaduje velké cíle na obrazovce pro hypertextové odkazy. Weby vhodné pro mobily nabízejí velké oblasti poklepání (nebo hotspoty), které usnadňují přesnou navigaci. Webové stránky vhodné pro mobilní telefony také obvykle obsahují dopis m na jejich adresách; například mobilní adresa Facebooku je m.facebook.com. Mobilní adresa URL je pro vás obvykle vybrána automaticky, když surfujete pomocí mobilního tabletu nebo smartphonu. V některých případech se zobrazí odkaz, na který lze klepnout a který vám umožní přepnout na běžnou verzi stránky pro počítače. Pole pro přihlášení a heslo určená pro stolní počítače a notebooky se v telefonu stávají malými a nepoužitelnými, takže je weboví vydavatelé zvětšují a někdy jim dávají vlastní stránky pro snadné použití. Přihlašování pomocí otisku prstu nebo jiného účtu, jako je Google nebo Facebook, je s vývojem možností zařízení a služeb stále běžnější.
Proč tě to zajímá?
Mobilní webové stránky jsou navrženy pro ruční zařízení a jsou zcela odlišné od stránek vytvořených pro čtení z počítače. Zatímco na mobilním zařízení lze obvykle zobrazit verzi webové stránky pro stolní počítače a naopak, jsou navrženy odlišně, aby usnadnily prohlížení, čtení a procházení obsahu.