Pýtali ste sa sami seba: "Čo je citlivý dizajn web?" Reagujúci dizajn webových stránok je prístup, pri ktorom návrhár vytvára webovú stránku, ktorá "reaguje na" alebo sa mení v závislosti od typu zariadenia, na ktoré sa pozerá. Môže ísť o nadrozmerný stolový počítačový monitor, prenosný počítač alebo zariadenia s malými obrazovkami, ako sú smartphony a tablety.
Zodpovedný dizajn webov sa stal základným nástrojom pre každého, kto má digitálnu prítomnosť. S rastom smartphonov, tabuliek a ďalších mobilných výpočtových zariadení používa viac ľudí na prezeranie webových stránok menšie obrazovky.
$config[code] not foundTieto webové stránky musia zvážiť aj prvý index mobilných telefónov, ktorý spoločnosť Google ohlásila v apríli 2018. Keďže viac malých firiem zvyšuje svoju mobilnú prítomnosť, ich webové stránky, eCommerce, stránky služby Google, stránky sociálnych médií a ďalšie aktíva musia byť ľahko dostupné vo všetkých zariadení.
Čo je zodpovedný dizajn webových stránok?
Účelom zodpovedajúceho dizajnu je mať jedno miesto, ale s rôznymi prvkami, ktoré reagujú odlišne pri pohľade na zariadenia rôznych veľkostí.
Zoberme si tradičné "pevné" webové stránky. Pri prezeraní na stolnom počítači sa napríklad na webových stránkach môžu zobraziť tri stĺpce. Ale ak si prezeráte to isté rozloženie na menšom tablete, mohlo by to spôsobiť, že sa budete pohybovať vodorovne, niečo, čo sa nepáči. Alebo prvky môžu byť skryté z pohľadu alebo vyzerajúce skreslené. Náraz je tiež komplikovaný skutočnosťou, že veľa tabliet je možné vidieť buď v orientácii na výšku, alebo otočené bokom na zobrazenie na šírku.
Na malej obrazovke smartfónu môžu byť webové stránky ešte náročnejšie. Veľké obrázky môžu rozložiť rozloženie. Stránky môžu byť nabité na chytrých telefónoch pomaly, ak sú náročné na grafiku.
Ak však web používa citlivý dizajn, verzia tabletu sa môže automaticky prispôsobiť tak, aby zobrazovala len dva stĺpce. Takto je obsah čitateľný a ľahko sa naviguje. V prípade smartfónu sa obsah môže zobraziť ako jeden stĺpec, pravdepodobne nahromadený vertikálne. Alebo pravdepodobne by používateľ mohol prejsť prstom pre zobrazenie ďalších stĺpcov. Snímky sa menia namiesto toho, aby sa rozložili rozloženie alebo aby sa prerušili.
Ide o to, že s prispôsobivým dizajnom sa webová stránka automaticky prispôsobí na základe zariadenia, ktoré ho vidí.
Ako zodpovedný dizajn web funguje?
Odpovedajúce stránky používajú tekuté mriežky.Všetky prvky stránok sú rozdelené podľa pomeru, namiesto pixlov. Takže ak máte tri stĺpce, nehovoríte presne, aký by mal byť každý, ale skôr ako by mali byť vo vzťahu k ostatným stĺpcom. Stĺpec 1 by mal zaberať polovicu stránky, stĺpec 2 by mal zaberať 30% a stĺpec 3 by mal mať napríklad 20%.
Médiá, ako sú obrázky, sa tiež menia relatívne. Týmto spôsobom môže obrázok zostať vo svojom stĺpci alebo v relatívnom dizajnovom prvku.
Súvisiace problémy
Myš na dotyk: Navrhovanie pre mobilné zariadenia tiež prináša problém s myšou oproti dotyku. V stolových počítačoch má používateľ bežne myš na navigáciu a výber položiek. Na smartphone alebo tablete používatelia väčšinou používajú prsty a dotýkajú sa obrazovky. Čo sa môže zdať jednoduché vybrať myšou, môže byť ťažké vybrať prstom na malom mieste na obrazovke. Web dizajnér musí vziať do úvahy "dotyk".
Grafika a rýchlosť sťahovania: Existuje aj problém s grafikou, reklamami a rýchlosťou sťahovania. V mobilných zariadeniach môže byť múdre zobrazovať menej grafiky ako v prípade stolných počítačov, takže web nebude trvať večne na načítanie na smartphone. Pri menších reklamách môže byť potrebné vymeniť väčšie reklamné veľkosti.
Aplikácie a verzie pre mobilné zariadenia: V minulosti ste možno premýšľali o vytvorení aplikácie pre vaše webové stránky - napríklad o aplikácii iPad alebo o aplikácii pre systém Android. Alebo by ste mali mobilnú verziu špeciálne pre BlackBerry.
Ale s toľkými rôznymi zariadeniami dnes je stále ťažšie vytvárať aplikácie a rôzne verzie pre každé zariadenie a operačnú platformu.
Prečo malé firmy potrebujú prejsť na zodpovedný dizajn webových stránok
Viac ľudí používa mobilné zariadenia. Podľa nedávnej štúdie spoločnosti Pew 77% Američanov dnes vlastní smartphony v roku 2018, čo je iba 35% z prvého prieskumu spoločnosti Pew Research Center, ktorý sa uskutočnil v roku 2011.
Skontrolujte svoju návštevnosť a môžete byť len šokovaní, koľko návštevníkov sa dostalo na vaše webové stránky prostredníctvom mobilných zariadení. (V službe Google Analytics zvoľte naľavo "Publikum" a potom "Mobilné" a zistite, aký podiel návštevnosti je z mobilných zariadení. Môžete dokonca skontrolovať, ktoré zariadenia odosielajú návštevnosť.)
Odpovedajúce dizajnové šablóny sú všade na nákup. Ak máte napríklad stránku WordPress, môžete navštíviť renomovanú galériu šablón, ako napríklad ThemeForest, a vyhľadať "odpovedajúce motívy WordPress". Kúpte jednu za menej ako 50 dolárov. Váš webový vývojár potom môže prispôsobiť vaše logo a značku.
Upozornenie redaktora: Tu v trendoch pre malé firmy pracujeme na novom uspokojivej koncepcii. Nemali by ste?
Foto pomocou aplikácie Shutterstock
Viac v: Content Marketing, čo je 95 komentárov ▼
