nav line

Responsive design jako všelék aneb „One site to fit them all“?

Responsive web design (dále RWD) je nepochybně velkým tématem posledního období. Slyšíme o něm na konferencích, čteme o něm články. Snažíme se pochopit rozdíly mezi responsivním, fluidním a adaptivním designem. Každý online marketing odborník se jím ohání u šéfů, každá poptávka ho zmiňuje … a každý šéf chce vědět, zda to tedy má koupit? Je to tedy náš cíl a odpověď na vše?

One size does not fit all

Často se setkávám s názory a přístupy, které jasně ukazují, že řadě lidí nedochází, že RWD není CÍL, že je to jen prostředek! Nebo spíše technický nástroj, jak něčeho dosáhnout.

Svět mobilních platforem a multi-screen reality nám přinesl také nová „udělátka“, jak se s ním vypořádat. Máme nové možnosti v CSS, máme media-queries a flexibilní grid. A UX/UI návrháři konečně dostávají i nástroje na promítnutí RWD konceptu ve svých wireframes a designech (i když na Axure 7 všichni teprve napjatě čekáme).

Celý tento myšlenkový posun a nové možnosti ale nejsou o ničem jiném, než co řešíme při designu webových aplikací či mobilních webů už dlouhé roky: jak doručit uživateli užitečné funkce, kvalitní UI a relevantní obsah … a kolik nás toto úsilí bude stát?

Koncovému uživateli na jeho zařízení je pro konkrétní použití úplně jedno, zda to, na co kouká, je RWD. Zda to poskládal dle breakpointů jeho prohlížeč, nebo zda došlo k detekci na serveru a doručení úplně „jiné verze webu“. Během jedné seance na jednom zařízení se mu nemění rozlišení, ani fyzické velikost displeje (s dovolením teď pominu možnost přepínání portrait a landscape módu). Zajímá ho, zda je výsledek přehledný, ovladatelný a zda je obsah i funkce relevantní pro jeho zařízení a též aktuální potřebu a „kontext“ použití.

Nástroje RWD mi mohou (a nemusí) tohoto cíle pomoci dosáhnout. A co do výrobních nákladů mi ho většinou nepomůže dosáhnout levněji! Zejména v obchodní rovině se setkávám s názorem, že když to „udělám responsive“, nebudu muset dělat tři verze (web, tablet, mobile), ale jen jednu – takže by to ideálně mělo stát třetinu. 

Ale ona ta jedna verze je mnohem komplexnější a zabere více práce. V neposlední řadě vám dobré RWD neudělá každý. Je to relativně nové a není to jednoduché - budete potřebovat spíše ty lepší lidi z oboru (od návrhu, přes design až po „kodeřinu“). A tito jsou logicky ti dražší.

Ve výrobě tedy pravděpodobně neušetříte, spíše naopak. Kde ale reálně šetřit budete, je následná správa a údržba. Reálně máte jedinou verzi obsahu a kódu, o který pečujete (máte-li jedinou site, pak ani nemůžete žádné duplicity vyrobit), potenciálně menší práci a náklady na SEO apod. Máte též slušnou naději, že váš design „přežije“ i pár dalších rozlišení, které se nově na trhu objeví. Určitě existují i jiné možnosti, jak jednotně spravovat obsah a SEO i pro více (klidně non-responsivních) webových kanálů, ale při správné dlouhodobé vizi se vám RWD vyplatit určitě může i nákladově.

Závěrem bych ještě rád zmínil jeden „mýtus“, který kolem responsive vnímám. A tím je nutná volba mezi RWD versus budování samostatné mobilní verze (ve smyslu „buď a nebo“ – když dělám RWD, nemusím dělat mobilní site). Specializovaná mobilní verze ale přeci může (a asi by i dnes měla) být budována na principech RWD. Počet rozlišení, které v mobilním světě musíme pokrýt je extrémní. „Mobilní verzi“ z toho nedělá ani tak design (dnes mobily i tablety zobrazí v pohodě i full verze webů), ale to, že funkce a obsah jsou výrazně přizpůsobeny specifickému mobilnímu kontextu použití. Ale o tom podrobněji až někdy příště.

Nerad bych budil dojem, že jsem odpůrcem responsivního designu. Je to fajn věc, která má potenciál v dnešním „fragmentovaném“ světě umožnit dělat věci lépe. A která nám výrazně mění způsob, jak děláme weby od samotného prvního návrhu. Ale jako u každého trendu je třeba si z RWD nedělat zaklínadlo, které vyřeší všechno. Někdy to „One (RWD) site to fit them all“ prostě neplatí.

Ohodnoťte článek

Responsive design jako všelék aneb „One site to fit them all“?

Diskuse

Zdravím, článek se mi líbí. Sám často stojím před rozhodnutím jakým směrem se vydat. Ale v případě menších projektů s nižšími náklady a menším rozsahem práce mi to stále přijde jako nejlepší varianta. Zadavatelé zakázky si často ani neuvědomují, že na jejich web se budou návštěvníci dívat i z mobilu a proto je dobré na to myslet. Pro ně je to často jen "Potřebuji web aby byl hezký a hlavně to moc nestálo..." Jestliže chci ale svou práci odvádět dobře tak mi přijde rozumnější přesvědčit klienta aby si trochu připlatit za "RWD" aby to bylo "všude hezký" jak chce, než abych mu vysvětloval, že je potřeba zapracovat i na mobilní verzi webu což bude stát tolik a tolik atd. To už radši předem nastřelím větší cenu a s RWD počítám jako samozřejmostí... Nevím co si o tom myslíte. (Mimochodem bavíme se o malých projektech do cca 40.000,- Kč)

Související články

Vyhledávání na blogu

Webová integrace

Webová integrace jako nová oblast pro business „velkých" webových agentur.

o webové integraci

Profily blogujících