Niektorí ste sa už stretli s týmto pojmom a mohli ste si všimnúť jedinečný trend vo vývoji webstránok. Magazín .net zaradil responzívny web dizajn na druhú pozíciu do zoznamu Top Web Design Trends 2012. Preto vám v nasledujúcom blogu poskytnem možnosť získať viac informácií o RWD a zároveň vám predstavím stránku nášej digitálnej agentúry wezeo.sk.
Uvediem na správnu mieru tento bulvárny názov, pre ktorý ma niektorí z vás pravdepodobne v komentároch ukrižujú. Patríme medzi prvých, ktorý používajú responzívny štýl. Neviem, či sme prvý na Slovensku spomedzi všetkých webov, sme však prvý z digitálnych agentúr.
Čo je responzívny web dizajn?
Jednoducho povedané, je to taký dizajn stránok, ktorý sa sám prispôsobuje podľa toho, na akom zariadení prezeráme www stránku, či už je to smartphone, tablet, PC alebo iné zariadenie.
Ako to funguje v praxi?
Určite ste sa aj vy stretli so situáciou, keď ste prezerali tú istú stránku na PC, tablete alebo smartphone, a na každom zariadení sa zobrazovala rovnakým spôsobom. Museli ste ju približovať a odďaľovať, aby ste informácie videli pohodlne pred sebou. RWD dokáže tento problém eliminovať, pretože stránka sa automaticky prispôsobí rozlíšeniu zariadenia, na ktorom si ju prezeráte. Nejde len o obyčajné zmenšovanie alebo zväčšovanie stránky. Funguje to nasledovne. Pri používaní smarthphonu sa vám menu stránky prispôsobí a vyzerá grafický inak. Menu je väčšie, a preto naň môžete jednoduchšie kliknúť. Obsah stránky a menu sa zobrazujú pod sebou pekne zoradené, aby ste nemuseli zoomovať a text mohli čítať hneď od začiatku. Navyše môžete zamedziť zobrazovaniu niektorých prvkov, ktoré sa bežne zobrazujú na PC, avšak na iPhone sú vám nanič.
Nevýhody responzívného dizajnu
Každá technológia má aj svoje nevýhody a RWD tiež nie je výnimkou. Z našich skúseností môžem načrtnúť základné komplikácie, ktoré čakajú každého, kto sa pustí do vývoja. Najväčším nepriateľom je čas, a s tým aj spojené vyššie náklady na vývoj. Je to preto, lebo www stránky musíme navrhovať tak, aby boli použiteľné a prehliadateľné všetkými zariadeniami. To vytvára nároky hlavne na premyslený dizajn. Môžete si vybrať rôzne spôsoby ako dosiahnuť výsledok. Tí, ktorí majú radi pekný dizajn a detaily na mieru, tí, budú mať viac ťažkostí. Tiež bude potrebné lepšie premyslieť ako urobiť čo najprirodzenejšie navigačné prvky, pretože na dotykových zariadeniach sme zvyknutí pracovať inak, ako na počítači. Napríklad buttony bude potrebné prispôsobiť tak, aby bolo možné na ne pohodlne klikať nie len pomocou PC či notebooku, ale aj na smarphone s malým displejom.
- s týmto súvisí i náročnejšie programovanie. Bude potrebné viac kódovať, a tiež aj omnoho viac testovať, či už na smarphone, tablete alebo PC, nehovoriac o “rutine” optimalizovania na všetky najrozšírenejšie prehliadače.
- Veľmi dôležité bude tiež prehodnotiť, čo sa má na mobile/tablete zobrazovať, a čo nemusí. Treba sa zamyslieť a zohľadniť hlavne to, ako surfuje mobilný užívateľ.
Oplatí sa do toho investovať čas a peniaze?
Z nášho pohľadu je to jednoznačné ano, a preto sme tomu prispôsobili aj náš web. Okrem toho, že budete mať web, ktorý sa dá pohodlne prezerať, otvárajú sa aj ďalšie možnosti týkajúce sa mobilného marketingu, ktorý je čoraz viac v popredí. S nástupom iPhonu, iPadu a mnohých Andorid zariadení sa zmenili aj potreby surferov, čo vyvíja nátlak na pohodlnú a jednoduchú dostupnosť obsahu, nielen na počítačoch, ale aj na ostatných zariadeniach. Táto skutočnosť má význam už len kvôli prognóze, ktorá predpokladá, že v roku 2014 bude pristupovať k internetovému obsahu viac ľudí cez mobilné zariadenia než cez počítače.
Každopádne responzívnych stránok pribúda. Praktickým príkladom nastupujúceho trendu je aj stránka prezidenta USA barackobama.com a známej firmy us.illyissimo.com.
Týmto by som článok ukončil a ešte raz dal do pozornosti web našej digitálnej agentúry wezeo.sk, ktorý je celý v responzívnom štýle. Tak komentujte a podajte nám feedback. Budeme vďačný za každý názor.
Ďalšie príklady responzívných stránok:
Posledný príspevok
Posledný príspevok
Posledný príspevok