Pripravený na novú výzvu? Poď k nám

Prečo fakt nepotrebujete mobilný web.

Možno je to prekvapivé, ale v dobe keď sa viac ako 65% internetových užívateľov pripája cez mobilné zariadenia už fakt nepotrebujete mobilnú verziu vašej stránky. Je to skrátka starý, zbytočný prežitok. Takže, Rest In Peace, http://m.cokolvek.

Super, chytil vás môj prehnaný perex 🙂 Ale nebojte, nepreháňam príliš. Pozrime sa na typickú situáciu u „internetovo vyspelej spoločnosti“. Má super web, ten má aj svoju mobilnú verziu ktorá veľmi dobre funguje na iPhonoch a lepších Androidoch alebo tabletoch. Akurát, že všetkých trochu škrie, že na iPade vyzerá trochu veľká, na telefónoch s malým rozlíšením zase strašne malá a aj keď otočíte ten iPhone horizontálne, tak je zase podivne veľká. Nehovoriac o herných konzolách, resp. televízoroch ktoré už tiež majú prehliadače. Čo ale naozaj nechceme, je vyrábať 10 verzií stránky pre X zariadení, ktoré ešte môžu byť rozdielne natočené, to by bolo šialené. A skutočne by bolo.

Súčasnou, veľmi trendovou odpoveďou na mobilné verzie stránok je niečo, čo sa volá responzívny webdesign. Pointa je v tom, že nemáte stránku pre počítače a zvlášť stránku pre mobily, ale máte jednu, ktorá sa automaticky prispôsobuje podľa toho na akom zariadení a rozlíšení sa práve zobrazuje. Mení sa automaticky rozmiestnenie prvkov, veľkosť alebo výrez obrázkov, prípadne sa obrázky nahradia textom, textové horizontálne menu sa nahradí selectboxom a podobne. Skrátka, stránka reaguje na to, koľko má práve miesta na zobrazenie.

Aby som toľko neteoretizoval, pozrime si príklady responzívnych webov:

Veľmi sa mi páči web siete reklamných agentúr isobar www.isobar.com. Vyskúšajte si otvoriť stránku a potom postupne zmenšovať okno prehliadača. Uvidíte, ako sa preskupujú bloky textu a obrázky. Mení sa aj veľkosť obrázkov, miznú niektoré elementy.

responzívny web agentúry isobar

Stránka isobaru je veľmi jednoduchá ale responzívny dizajn sa dá vytvoriť aj pri komplexnejšej grafike.
Všimnite si napríklad web dizajnérov forefathersgroup.com. Má skvelú grafiku a keď si postupne zmenšíte prehliadač uvidíte, že sa tam naozaj dejú veľké veci.

Horizontálne menu sa zalomí pod logo a následne sa z neho stane vertikálne menu. Obrázok doplňujúci headline pri zmenšení zmizne. Obrázky v slideshow boxe sa automaticky orezávajú podľa veľkosti prehliadača. Menej dôležité grafické veci miznú úplne.

forefathers

Rozdielov je ešte oveľa viac. Vyskúšajte si to sami.

Nedá mi nespomenúť ešte veľmi pekné detaily, ktoré sa nachádza na webe information architects. Nemení sa totiž iba rozloženie stránky, ale aj kompletné navigačné prvky. Pri zmenšení sa redukuje menu, ale pribudne vyhľadávanie. Pri ďalšom zmenšení sa menu úplne vymení sa dva selectboxy, čo je veľmi dobrý navigačný prvok pre mobilné zariadenia.

Information Architects

Krása však? Responzívny webdesign je určite smer akým sa treba uberať ak si chcete dať záležať na svojej internetovej prezencii. Preto aj nový web triadu, ktorý pomaly chystáme bude urobený presne takto 😉

Šikovní ľudia (patria) do TRIADu

COPYWRITER & IDEAMAKER v jednej osobe je top príležitosť pre kreatívca, ktorému je aktuálny priestor na rast malý a chce sa ďalej učiť robiť lepšie a lepšie integrované kampane. Poď si >>

ACCOUNT MANAGER - je u nás ten, kto sa nebojí veľkých výziev ani náročných klientov, ktorým preposielač nestačí, a vie si poradiť nielen v digitále. Jednoducho, hľadáme TRIADovského account managera, ktorý sa vynájde v každej situácii. Cítiš sa na to? Viac o tejto pozícii >>>

ACCOUNT DIRECTOR-a sme naposledy hľadali v roku 2014, ak máš na to skúsenosti a trúfneš si, hlás sa teraz, nech nevyčkávaš do roku 2024! Viac info >>

Pripravený na novú výzvu?
Hľadáme ťa!
Poď k nám