Počítadlo na obrazovce telefonu

Fyzická omezení moderních mobilních zařízení zásadně mění, jak se rozvržení webů chovají a jak na sebe prvky vzájemně působí. Prvek rozvržení, který na širokém monitoru počítače vypadá dokonale vyváženě, může snadno způsobit vážné strukturální potíže, když se musí vtěsnat do úzkého prostoru obrazovky chytrého telefonu.

Vložení externí grafiky s pevnými rozměry přináší do jinak pružného, plynoucího prostředí tuhý blok.

Pokud je tento blok náhodou širší než dostupná plocha obrazovky, překročí hranice rozvržení. Celá stránka se pak dá posouvat do strany, což čtení textu nesmírně znepříjemňuje.

Posuvník, kvůli kterému stránka ujíždí do strany

Nejčastějším příznakem nevhodné grafiky na mobilním zařízení je náhlé objevení vodorovného posuvníku u dolního okraje okna prohlížeče. Když se obrázek s pevnou šířkou odmítá zmenšit, prohlížeč mu vyhoví tím, že rozšíří virtuální plátno za fyzické okraje skleněné obrazovky.

Když se čtenář snaží posouvat článkem dolů, text se neustále kývá doleva a doprava. Tato nestabilita kazí čtení a vyvolává dojem rozbitého, neprofesionálního webu.

Aby k tomu nedošlo, musí mít zvolený design maximální šířku bezpečně pod běžnou šířkou obrazovky staršího chytrého telefonu. Výběr kompaktního designu z katalogu riziko nechtěného rozšíření rozvržení zcela odstraní.

Číslice příliš malé na čtení

Další zásadní problém nastává, když grafika obsahuje text nebo čísla tak malá, že je bez přiblížení nelze rozluštit. Zatímco na monitoru počítače se drobné písmo čte pohodlně, obrazovka telefonu držená v natažené ruce vyžaduje větší a zřetelnější písmo.

Pokud jsou čísla v obrázku v běžné mobilní velikosti nečitelná, prvek ztrácí celý smysl. Z informativního nástroje se stane bezvýznamná změť pixelů.

Zásadní je vybrat design, který upřednostňuje velké, kontrastní číslice před ozdobnými rámečky nebo obrázky v pozadí. Číselná hodnota musí být rozpoznatelná na první pohled, bez přibližování dvěma prsty.

Kam se dostane na úzké obrazovce

Umístění prvku také vyžaduje při optimalizaci pro mobily jiný přístup. Jak už bylo řečeno, boční sloupce se na úzkých obrazovkách obvykle odsouvají úplně dolů na stránce a řadí se pod hlavní obsah.

To znamená, že prvek umístěný v bočním sloupci nakonec skončí hned vedle prvků v patičce. Pokud obě oblasti obsahují pevné grafiky nebo široké textové bloky, mohou se v tomto uspořádání pod sebou nešikovně srazit a překrývat.

Nejspolehlivějším řešením bývá čisté zarovnání na střed v patičce. Vycentrování zajistí, že prvek má stejnou vzdálenost od obou okrajů obrazovky, a vytvoří vyvážený, harmonický vzhled, který se bez potíží přizpůsobí jakékoli orientaci zařízení.