Responsive Web Design

responsive design

Responsive design (Responsive Web Design) nie je v súčastnosti len módnou záležitosťou. Jedná sa o sprístupnenie obsahu web stránky, bez ohľadu na to, na akom zariadení (mobilný telefón, tablet, stolové pc, ...) si zvolenú stránku otvárajú. S masívnym rozmachom mobilných zariadení, ako sú tablety alebo inteligentné telefóny, sa vynára otázka, ako užívateľom týchto zariadení zobraziť obsah stránky tak aby bol čo najviac čitateľný a minimalizoval nutnosť zväčšovať obrazovku ..... Už v roku 2010 prekonal predaj inteligentných telefónov a tabletov celosvetový predaj počítačov a notebookov a v súčastnosti sa tento pomer ešte viacej zvyšuje. Z toho teda vyplýva, že čím ďalej, tým viac ľudí navštevuje internetové stránky cez inteligentné telefóny alebo tablety a majitelia stránok by nemali zabúdať, že stránky ktoré nebudú ... a obchodník alebo majiteľ stránok môže príť o veľa návštevníkov, alebo dokonca o veľké percento tržieb.

Čo je vlastne responsive design?

Jednoduchá definícia: Responsive design (Responsive Web Design) je vlastne prispôsobenie obsahu stránky veľkosti mobilnému zariadeniu. Štandardná internetová stránka je optimalizovaná pre bežné počítače alebo notebooky. Ak ale návštevník otvorí web alebo eshop v tablete alebo inteligentnom telefóne a stránky nie sú optimalizované pomocou responsive design, nie sú odrazu podmienky pre surfovanie vôbec ideálne. Komplet celá stránka, tak ako ju poznáme z PC, sa zmenší na formát rozlíšenia obrazovky zariadenia prostredníctvom ktoré surfujeme a funguje klasickým spôsobom. To však nie je práve najideálnejšie riešenie. Predstavte si, že stránka s rozlíšením 1024x768 určená napr. pre 17 palcové monitory sa odrazu zmenší na rozlíšenie 480 x 320 pri 3 placovom displei. To je viac ako 11 násobné zmensenie stránky a všetky prvky (text, tlačítka, obrázky, odkazy) sú malé, nečitateľné a vo svojom pôvodnom návrhu koncipované predovšetkým pre stolové PC s použitím myši, nie na ľudských prstov. Návštevník je nútený si všetko zložito zväčšovať, posúvať a to navyše prstami, ktoré sú širšie ako kurzor, čím nemožno vždy správne označiť to, čo by si človek želal. Responsive design je tu na to, aby zohľadnil všetky ergonomické požiadavky mobilných zariadení. Kvôli obmedzenému priestoru je vhodné začleniť prvky, ktoré sú skutočne dôležité. Neprichádza k zmene samotnej stránky, tá ostáva ako doteraz, ale pridá sa pár riadkov do Vašej hotovej stránky na externé súbory , kde sa definuje čo a ako sa má pri akom rozlíšení nastaviť.

Prinášame Vám bezplatný tester Responsive designu Vašich stránok pre rôzne zariadenia a rôzne rozlíšenia, tak ako to vidí návštevník Vašich stránok na svojom zariadení.

240 x 320

Samsung S5360 Galaxy Y, Sony Ericsson C905, Nokia C2, LG E400 Optimus L3, HUAWEI G5510, BlackBerry 9320 Curve, MyPhone 6500, ...

320 x 480

IPhone 3+4, AMSUNG S5830 Galaxy Ace, Sony Xperia Tipo, HTC Desire C, Motorola XT320 Defy Mini, Huawei U8650 Sonic, LG E610 Optimus L5, ...

320 x 568

Iphone5

380 x 685

Android (Samsung Galaxy)

480 x 800

Nokia Lumia 800, HTC Desire X, Samsung i9100 Galaxy S II, HUAWEI Ascend G300, LG P700 Optimus L7, ...

600 x 1024

Marvell Armada Tablet

768 x 1024

Ipad
V prípade, že máte záujem o upravenie Vašej stránky pomocou Responsive design odporúčame Vám spoločnosť XXX ktorá má s touto prácou bohaté skúsenosti a rada zodpovie aj Vaše prípadné dotazy.
kontakt: webmaster (at) responsive-design.com

Responsive Web Design