Počítadlo na obrazovke telefónu

Fyzické obmedzenia súčasných mobilných zariadení zásadne menia správanie webových rozložení aj vzájomné pôsobenie prvkov. Prvok rozloženia, ktorý na širokom monitore počítača vyzerá dokonale vyvážene, môže po vtlačení do úzkych hraníc obrazovky smartfónu ľahko spôsobiť vážne štrukturálne problémy.

Integrácia externej grafiky s pevnými rozmermi prináša do inak pružného, plynulého prostredia pevný blok.

Ak je tento blok širší než dostupný priestor obrazovky, prekročí hranice rozloženia. Núti to celú webovú stránku k vodorovnému posúvaniu, čo mimoriadne znepríjemňuje čítanie textu.

Posuvník, ktorý posúva stránku do strán

Najbežnejším príznakom nevhodnej grafiky na mobilnom zariadení je náhle zobrazenie vodorovného posuvníka v spodnej časti okna prehliadača. Keď sa obrázok s pevnou šírkou odmieta zmenšiť, prehliadač mu vyhovie rozšírením virtuálneho plátna za fyzické okraje sklenenej obrazovky.

Keď sa čitateľ pokúša posúvať článok nadol, text sa neustále hýbe doľava a doprava. Táto nestabilita ničí zážitok z čítania a vytvára dojem pokazeného, neprofesionálneho webu.

Aby sa tomu predišlo, zvolený vizuálny dizajn musí mať maximálnu šírku bezpečne pod štandardnou šírkou obrazovky staršieho smartfónu. Výber kompaktného dizajnu z katalógu úplne odstraňuje riziko náhodného rozšírenia rozloženia.

Číslice príliš malé na čítanie

Ďalší zásadný problém vzniká, keď grafika obsahuje text alebo čísla príliš malé na rozlúštenie bez priblíženia. Kým monitor počítača umožňuje pohodlné čítanie drobných písiem, obrazovka telefónu držaného na vzdialenosť vystretej ruky vyžaduje väčšiu, jasnejšiu typografiu.

Ak sú čísla v obrázku pri bežných mobilných veľkostiach nečitateľné, prvok stráca celý svoj účel. Z informatívneho nástroja sa mení na nezmyselnú zbierku pixelov.

Je nevyhnutné vybrať dizajn, ktorý uprednostňuje veľké číslice s vysokým kontrastom pred ozdobnými okrajmi či obrázkami na pozadí. Číselná hodnota musí byť okamžite rozpoznateľná na prvý pohľad bez potreby gesta priblíženia prstami.

Kde skončí na úzkej obrazovke

Pri optimalizácii na používanie na mobile vyžaduje iný prístup aj umiestnenie prvku. Ako už bolo uvedené, bočné stĺpce sa na úzkych obrazovkách zvyčajne vykážu úplne naspodok stránky a zaradia sa pod hlavný obsah.

To znamená, že prvok umiestnený v bočnom paneli sa napokon ocitne priamo vedľa prvkov umiestnených v päte. Ak obe oblasti obsahujú pevnú grafiku alebo široké textové bloky, pri vynútenom usporiadaní pod sebou sa môžu zraziť a nešikovne prekrývať.

Úhľadné zarovnanie na stred v päte zvyčajne poskytuje najodolnejšie riešenie. Vycentrovanie prvku zabezpečuje rovnakú vzdialenosť od oboch okrajov obrazovky a vytvára vyvážený, harmonický vzhľad, ktorý sa bezchybne prispôsobí každej orientácii zariadenia.