Responzivní design

Responzivní design je přístup k vývoji webu, díky kterému se webové stránky přizpůsobují a správně zobrazují na všech velikostech obrazovky, od stolních monitorů po tablety a smartphony.

Responzivní webdesign zajišťuje, že webová stránka vypadá a funguje dobře na jakémkoli zařízení bez ohledu na velikost obrazovky. Místo vytváření samostatných webů pro počítače a mobily (běžná praxe na počátku desátých let) používá responzivní design flexibilní rozvržení, flexibilní obrázky a CSS media queries k přizpůsobení stejného webu různým zobrazovacím plochám.

Moderní responzivní design nejde jen o přizpůsobení obsahu menším obrazovkám. Zohledňuje dotykové cíle (dostatečně velká tlačítka pro klepnutí), vzory navigace (hamburger menu vs. plné navigační lišty), prioritu obsahu (zobrazení nejdůležitějších informací nejprve na mobilu) a výkon (načítání lehčích prvků na pomalejších mobilních připojeních).

V praxi

Obchod si všiml, že míra okamžitého opuštění na mobilu činila 75 % (oproti 35 % na počítači), protože jejich neresponzivní web byl na telefonech téměř nepoužitelný; po redesignu s responzivním layoutem klesla míra okamžitého opuštění na mobilu na 40 %
Responzivní redesign B2B společnosti zvýšil konverze na mobilu o 60 % pouhým zjednodušením vyplňování kontaktního formuláře na chytrých telefonech
Řetězec restaurací přešel ze samostatného mobilního webu (m.example.com) na responzivní design, čímž odstranil problémy s duplicitním obsahem a zlepšil svůj výkon v SEO
Nezisková organizace přepracovala svou darovací stránku podle principů responzivního designu a mobilní dary se v prvním čtvrtletí po spuštění zvýšily o 120 %

Více o: Tvorba webů

Nejste si jistí, jak se to týká vás?

Zkušený inženýr projde váš web, vaši viditelnost ve vyhledávání a způsob, jakým se k vám dostávají poptávky, a poté sepíše tři věci, které je vhodné opravit jako první. Dokument si ponecháte tak jako tak.

Objednat bezplatnou analýzu Jen se nás na něco zeptejte