Mezi základní požadavky na web patří mimo jiné i to, aby byly webové stránky zobrazitelné na zařízeních s různou velikostí displeje a různou softwarovou výbavou (operační systém, prohlížeč...). Toho lze dosáhnout třemi způsoby:
Metoda A vyhovuje standardu Blind Friendly Web. Tuto metodu by tedy měly používat vývojáři webů ze zákona povinně přístupných zdravotně postiženým. Takto vyrobený web bude stoprocentně dostupný na všech platformách, web bude přístupný pro uživatele používající aurální výstup a pod.
Metoda A ovšem neumožňuje vyrobit atraktivní web s propracovaným grafickým uživatelským rozhraním.
Metoda B umožní nabídnout zařízení výstup (webovou stránku) jakou je zařízení schopno zobrazit
Metoda B se hojně používá u webů, které hodně vydělávají. Je totiž nákladná.
Webový design je užitný design - primárním účelem je použitelnost. Totéž platí i o responzivním designu - jeho účelem není aby web vypadal „stejně krásně” na všech zařízeních, ale aby byl na všech zařízeních použitelný.
Do prohlížeče přicházejí data - texty a obrázky, a prohlížeč je zobrazí na displeji (monitoru). To jak je zobrazí je podmíněno direktivami uloženými ve stylopisu. Soudobé prohlížeče si umí vybrat stylopis podle šířky displeje - obsah je tedy zobrazen tak, aby se vešel na displej.
Díky životnosti mobilních zařízení můžeme předpokládat, že převážná většina mobilních zařízení je „soudobá”. Se zobrazením webu na desktopu obvykle nemáme problémy.
Základní podmínkou slušného návrhu responzivního designu je uchopení obsahové struktury webové stránky. Což zamená vnímat jednotlivé bloky (menu, katalog zboží, článek, karta zboží, SEO text,...) oddělěně a také je tak prezentovat.
U nových webů (instalací main-shop) je responzivní design samozřejmostí a celkové náklady nezvýší.
Samotná implementace responzivního designu pro starší design stojí obvykle od 5 000,- do 8 000,-.
Tabulka1
Statistika zařízení používaných k návštěvě webů (aktualizováno 7. 2015)
desktop | 70 % |
mobilní telefony | 20 % |
tablety | 10 % |
Tabulka 2
Srovnání tržeb u webu s responzivním designem a bez
s responzivním designem | bez responzivního designu | |
desktop | 76 % | 99 % |
mobilní telefony | 15 % | 0 |
tablety | 9 % | 1 % |
Z tabulky 2 je zřejmé, že návštěvníci shopu používající mobilní zařízení si prakticky nic nekoupí pokud není web přizpůsoben jejich zařízení.
Při srovnání meziročního nárůstu obratu u webů které byly redesignovány v roce 2013 a 2014 ( a u kterých byl implementován responzivní design) s weby které responzivní design implementován nemají rozdíl odpovídá disproporci tržeb v tabulce 2. Dá se tedy říci - implementací responzivního designu můžete zvednout tržby svého eshopu o 20 - 30%. Jsou to jednoduché počty, generuje-li shop 1M ročního obratu, bude generovat s responzivním designem o 200k až 300k více. Při nákladech 5k až 8k se jistě vyplatí.
+420 722 475 310
sekretariat(a)internetregion.cz
Žerotínovo nábř. 756,
667 01 Židlochovice