Ali ste se vprašali: »Kaj je odzivni spletni dizajn?« Odzivno spletno oblikovanje je pristop, pri katerem oblikovalec ustvari spletno stran, ki se »odziva« ali se spreminja, odvisno od vrste naprave, skozi katero gledamo. To bi lahko bil prevelik namizni računalniški monitor, prenosni računalnik ali naprave z majhnimi zasloni, kot so pametni telefoni in tablični računalniki.
Odzivno oblikovanje spletnih strani je postalo bistveno orodje za vsakogar, ki ima digitalno prisotnost. Z razvojem pametnih telefonov, tabličnih računalnikov in drugih mobilnih računalniških naprav več ljudi uporablja manjše zaslone za ogled spletnih strani.
$config[code] not foundTe spletne strani morajo upoštevati tudi prvi indeks, ki ga je Google objavil aprila 2018. Ker vse več malih podjetij povečuje svojo prisotnost v mobilnih omrežjih, mora biti njihova spletna stran, e-trgovina, stran Google Business, strani socialnih medijev in druga sredstva lahko dostopna v vseh naprave.
Kaj je odzivno spletno oblikovanje?
Namen odzivnega oblikovanja je imeti eno mesto, vendar z različnimi elementi, ki se različno odzivajo na naprave različnih velikosti.
Vzemimo tradicionalno »fiksno« spletno mesto. Na primer, če si ga ogledate na namiznem računalniku, lahko prikaže tri stolpce. Toda ko pogledate isto postavitev na manjši tablični računalnik, jo boste morda prisilili, da se pomikate vodoravno, kar uporabnikom ne bo všeč. Ali pa so elementi lahko skriti iz pogleda ali videti izkrivljeni. Učinek je tudi zapleten zaradi dejstva, da je veliko tablet mogoče gledati v pokončni smeri ali obrnjeno vstran za krajinski pogled.
Na majhnem zaslonu pametnega telefona so lahko spletne strani še bolj zahtevne. Velike slike lahko "razbijejo" postavitev. Spletne strani se lahko počasi nalagajo na pametne telefone, če so težke grafike.
Če pa spletno mesto uporablja odzivno zasnovo, se lahko različica tabličnega računalnika samodejno prilagodi tako, da prikaže samo dva stolpca. Na ta način je vsebina berljiva in enostavna za navigacijo. Na pametnem telefonu se lahko vsebina prikaže kot en stolpec, morda zložena navpično. Ali pa bi uporabnik imel možnost, da potegne čez, da si ogleda druge stolpce. Slike se bodo spremenile, namesto da bi izkrivile postavitev ali izrezale.
Bistvo je: s prilagodljivim dizajnom se spletna stran samodejno prilagodi glede na napravo, v kateri jo gledalec vidi.
Kako deluje odzivno spletno oblikovanje?
Odzivna mesta uporabljajo tekoče mreže.Vsi elementi strani so dimenzionirani glede na delež, in ne pikslov. Torej, če imate tri stolpce, ne bi povedali, kako široko bi morali biti vsi, ampak kako široki naj bi bili glede na druge stolpce. V stolpcu 1 naj bi bila polovica strani, stolpec 2 pa 30%, v stolpcu 3 pa 20%.
Mediji, kot so slike, se prav tako relativno spremenijo. Tako lahko slika ostane v svojem stolpcu ali relativnem elementu oblikovanja.
Sorodna vprašanja
Z dotikom miške v. Oblikovanje za mobilne naprave prinaša tudi vprašanje miške v primerjavi z dotikom. Na namiznih računalnikih ima uporabnik običajno miško za krmarjenje in izbiranje elementov. Na pametnem telefonu ali tabličnem računalniku uporabnik večinoma uporablja prste in se dotika zaslona. Kar se lahko zdi z miško preprosto izbrati, je težko izbrati s prstom na majhnem mestu na zaslonu. Spletni oblikovalec mora upoštevati »dotik«.
Grafika in hitrost prenosa: Prav tako obstaja vprašanje grafike, oglasov in hitrosti prenosa. Na mobilnih napravah je morda pametno prikazati manj grafike kot za namizne prikaze, tako da spletno mesto ne bo večno naloženo v pametni telefon. Večje velikosti oglasov je morda treba zamenjati za manjše oglase.
Aplikacije in »mobilne različice«: V preteklosti ste morda razmišljali o ustvarjanju aplikacije za vaše spletno mesto - recimo aplikacijo iPad ali aplikacijo za Android. Ali pa bi imeli mobilno različico posebej za BlackBerry.
Toda danes je s toliko različnimi napravami težje ustvarjati aplikacije in različne različice za vsako napravo in operacijsko platformo.
Zakaj mala podjetja morajo preiti na odzivno spletno oblikovanje
Več ljudi uporablja mobilne naprave. Nedavna študija Pew-a 77% Američanov ima zdaj lastne pametne telefone leta 2018, kar je v primerjavi s samo 35% v prvi raziskavi lastništva pametnega telefona Pew Research Center, izvedeni leta 2011.
Preverite promet in morda vas bo šokiral, koliko obiskovalcev pride na vašo spletno stran prek mobilnih naprav. (V storitvi Google Analytics izberite »Občinstvo« na levi strani, nato pa »Mobilno«, da vidite, kolikšen je delež prometa iz mobilnih naprav. Lahko celo preverite, katere naprave pošiljajo promet.)
Odzivne predloge za oblikovanje so zdaj povsod, za nakup. Če imate na primer spletno stran WordPress, lahko obiščete ugledno galerijo predlog, kot je ThemeForest, in poiščete »odzivne teme WordPress«. Kupite enega za manj kot 50 $. Vaš spletni razvijalec ga lahko nato prilagodi za vaš logotip in blagovno znamko.
Opomba urednika: Tukaj v Small Business Trends razvijamo nov odzivni dizajn. Ne bi smel?
Fotografije preko Shutterstocka
Več v: Vsebina Marketing, Kaj je 95 Komentarji ▼
