Obsah
Responzivní webový design, jaký je přínos pro web?Mnoho aspektů chování uživatelů bylo studováno marketingovými specialisty a ukazují, že 70% lidí ve věku od 18 do 45 let surfuje po internetu nikoli z počítačů, ale z tabletů a telefonů, což je velmi velký trh, který bychom rádi odložili.
Co je responzivní webový design?
Je to design, který se přizpůsobí jakémukoli zařízení a rozlišení obrazovky, bez ohledu na to, zda se jedná o telefon, tablet, počítač nebo televizní obrazovku. To vše musí být přizpůsobeno bez vytváření různých verzí webových stránek pro každé zařízení, ale je to jeden web, který se musí umět přizpůsobit.
Jedním ze způsobů je modul mediálních dotazů CSS3 který umožňuje vykreslování obsahu tak, aby vyhovovalo podmínkám, jako je rozlišení obrazovky
Například ve stylech file.css
@import url (styles.css) pouze obrazovka a (max-device-width: 480px);
Uvnitř souboru začneme definovat zařízení s maximální šířkou 480 pixelů a orientovanými horizontálně:
@pouze mediální obrazovka a (maximální šířka zařízení: 480 pixelů) a (orientace: na šířku) {
/ * zde budou styly pro toto zařízení * /
}
Jiný styl pro svislou obrazovku
@pouze mediální obrazovka a (min. šířka: 680 pixelů) a (maximální šířka: 979 pixelů) a (orientace: na výšku) {
/ * styly * /
}
Zde definujeme styly pro iPhone 5
@mediální obrazovka a (poměr stran zařízení: 40/71) {
/ * styly * /
}
Ideální je změřit vše v procentech, abyste mohli vytvořit generický web, aniž byste museli vytvářet tolik stylů.
Jedním ze způsobů je umístění obsahu pokrývajícího 80% šířky obrazovky, což zachová sekci obsahu na jakémkoli zařízení.
Některé výhody a aspekty, které je třeba zvážit
Responzivní webový design je způsob, jak provádět SEO, protože se vyhýbáme duplikaci odkazů a obsahu pro různé verze zařízení, Google líbí se mu to, i když to neznamená, že je to nutné. Pokud to uděláme pro mobilní uživatele a ne pro Google.
U každého zařízení jsou zkušenosti a naléhavost jiné, protože se používají v různých časech.
Obecně platí, že ti, kdo navigují z počítače, jsou v práci nebo doma, takže hledání bude uvolněnější a s více časem na přečtení a zobrazení banneru, kdo naviguje z tabletu, bude určitě profesionál nebo někdo, kdo provádí konkrétní úkol proto potřebujete pokyny nebo referenční informace, ale ne něco, co by bránilo vašemu hledání.
Zatímco ti, kteří navigují po telefonu, budou nejmladší nebo lidé s mnohem větší mobilitou a budou hledat rychlé a konkrétní informace pro naléhavé dotazy nebo rychlé vyhledávání informací o místě, události nebo potřebě komunikace, některé z těchto aspektů jsou odhaleny v comScore zpráva o online marketingu, který je zdarma, zdarma a odráží roční trendy.
