Jeste li se zapitali: "Što je web dizajn koji reagira?" Odgovarajući web dizajn je pristup kojim dizajner stvara web stranicu koja "reagira" ili mijenja veličinu, ovisno o vrsti uređaja kroz koji se gleda. To bi mogao biti ogroman monitor stolnog računala, prijenosno računalo ili uređaji s malim zaslonima kao što su pametni telefoni i tableti.
Odgovarajući web dizajn postao je bitan alat za svakoga tko ima digitalnu prisutnost. Rastom broja pametnih telefona, tableta i drugih mobilnih računalnih uređaja više ljudi koristi manje zaslone za pregledavanje web-stranica.
$config[code] not foundOve web-lokacije moraju uzeti u obzir i indeks koji je prvi put objavio Google u travnju 2018. godine. Kako sve više malih tvrtki povećava svoju prisutnost na mobilnim uređajima, njihova web-stranica, e-trgovina, stranica Google Business, stranice društvenih medija i ostala sredstva moraju biti lako dostupni u svim uređaji.
Što je odgovarajući web dizajn?
Svrha prilagodljivog dizajna je imati jednu stranicu, ali s različitim elementima koji različito reagiraju na uređaje različitih veličina.
Uzmimo tradicionalnu "fiksnu" web-lokaciju. Kada se, primjerice, pregledava na stolnom računalu, web-lokacija može prikazati tri stupca. No, kada isti isti izgled vidite na manjem tabletu, možda ćete morati pomicati se vodoravno, što se korisnicima ne sviđa. Ili elementi mogu biti skriveni od pogleda ili iskrivljeni. Utjecaj je također kompliciran činjenicom da se mnoge tablete mogu gledati u portretnoj orijentaciji ili okrenuti postrance za pejzažni prikaz.
Na malom zaslonu pametnog telefona, web-lokacije mogu biti još teže vidjeti. Velike slike mogu "slomiti" izgled. Mjesta mogu biti spora za učitavanje na pametne telefone ako su grafički teški.
Međutim, ako web-lokacija koristi odgovarajući dizajn, verzija tableta može se automatski prilagoditi za prikaz samo dva stupca. Tako je sadržaj čitljiv i jednostavan za navigaciju. Na pametnom telefonu se sadržaj može pojaviti kao jedan stupac, možda složen vertikalno. Ili bi korisnik mogao prevući prstom da vidi druge stupce. Slike će se mijenjati umjesto da iskrivljuju izgled ili se odrezati.
Poanta je: s prilagodljivim dizajnom web-lokacija se automatski prilagođava uređaju na kojem ga gledatelj vidi.
Kako djeluje odgovorni web dizajn?
Odgovarajuća mjesta koriste tekuće mreže.Svi elementi stranice su veličine, a ne piksela. Dakle, ako imate tri stupca, ne biste točno rekli koliko bi svaki trebao biti širok, nego koliko bi trebali biti široki u odnosu na druge stupce. Stupac 1 trebao bi zauzeti polovicu stranice, stupac 2 bi trebao zauzimati 30%, a stupac 3 bi trebao zauzimati 20%, na primjer.
Mediji, kao što su slike, također su relativno smanjeni. Na taj način slika može ostati unutar svog stupca ili relativnog elementa dizajna.
Povezani problemi
Dodirnite mišem v.: Projektiranje za mobilne uređaje također dovodi do problema s mišem u odnosu na dodir. Na stolnim računalima korisnik obično ima miša za kretanje i odabir stavki. Na pametnom telefonu ili tabletu korisnik uglavnom koristi prste i dodiruje zaslon. Ono što se lako može odabrati mišem, teško je odabrati prstom na malom mjestu na zaslonu. Web dizajner mora uzeti u obzir "dodir".
Grafika i brzina preuzimanja: Također, tu je i pitanje grafike, oglasa i brzine preuzimanja. Na mobilnim uređajima može biti mudro prikazati manje grafike nego za prikaze na radnoj površini, tako da web-lokaciju ne traje vječno za učitavanje na smartphone. Veće veličine oglasa možda će biti potrebno razmijeniti za manje oglase.
Aplikacije i "mobilne verzije": U prošlosti ste možda razmišljali o izradi aplikacije za svoju web-lokaciju - recimo aplikaciju za iPad ili aplikaciju za Android. Ili biste imali mobilnu verziju posebno za BlackBerry.
No danas, s toliko različitih uređaja, sve je teže stvarati aplikacije i različite verzije za svaki uređaj i operativnu platformu.
Zašto mala poduzeća trebaju prebaciti na odgovarajući web dizajn
Više ljudi koristi mobilne uređaje. Nedavna studija Pew-a 77% Amerikanaca sada posjeduje pametne telefone 2018. godine, što je u odnosu na 35% u prvom istraživanju vlasništva nad pametnim telefonima Pew Research Centra provedenom 2011. godine.
Provjerite svoj promet i možda ćete biti šokirani koliko posjetitelja dolazi do vaše web-lokacije putem mobilnih uređaja. (U usluzi Google Analytics odaberite "Publika" s lijeve strane, a zatim "Mobilno" da biste vidjeli koji je omjer prometa s mobilnih uređaja. Možete čak procijeniti koje uređaje šalje promet.)
Odgovarajući predlošci dizajna sada su svugdje, za kupnju. Ako, na primjer, imate WordPress stranicu, možete posjetiti uglednu galeriju predložaka kao što je ThemeForest i potražiti "osjetljive WordPress teme". Kupite jednu za manje od 50 dolara. Vaš web developer može ga prilagoditi za vaš logotip i marku.
Napomena urednika: ovdje u trendovima Small Business, radimo na novom prilagodljivom dizajnu. Zar ne?
Fotografija putem Shutterstocka
Više u: Sadržaj Marketing, Što je 95 Komentari ▼
