Vai esat sev jautājuši: „Kas ir atsaucīgs web dizains?” Atbildīga web dizains ir pieeja, ar kuru dizainers izveido tīmekļa lapu, kas “reaģē” vai maina izmērus atkarībā no ierīces veida, kas tiek skatīts. Tas varētu būt lielgabarīta galddatora monitors, klēpjdators vai ierīces ar maziem ekrāniem, piemēram, viedtālruņiem un planšetdatoriem.
Atsaucīgs Web dizains ir kļuvis par būtisku instrumentu ikvienam, kam ir digitālā klātbūtne. Pieaugot viedtālruņiem, planšetdatoriem un citām mobilajām skaitļošanas ierīcēm, vairāk cilvēku izmanto mazākus ekrānus, lai skatītu tīmekļa lapas.
$config[code] not foundŠajās tīmekļa vietnēs ir jāņem vērā arī mobilais pirmais rādītājs, ko Google paziņoja tikai 2018. gada aprīlī. Tā kā vairāki mazie uzņēmumi palielina savu mobilo sakaru klātbūtni, viņu tīmekļa vietnei, e-komercijai, Google uzņēmuma lapai, sociālo mediju lapām un citiem aktīviem jābūt viegli pieejamiem visās ierīcēm.
Kas ir atsaucīgs Web dizains?
Reaģējoša dizaina mērķis ir izveidot vienu vietni, bet ar dažādiem elementiem, kas atšķirīgi reaģē, skatoties uz dažādu izmēru ierīcēm.
Ņemsim tradicionālu “fiksētu” tīmekļa vietni. Piemēram, skatoties uz galddatora, vietne var parādīt trīs slejas. Bet, apskatot šo pašu izkārtojumu mazākā planšetdatorā, tas var likt jums ritināt horizontāli, kaut kas lietotājam nepatīk. Vai elementi var būt paslēpti no skatījuma vai izskatās izkropļoti. Ietekmi sarežģī arī tas, ka daudzas tabletes var aplūkot portreta orientācijā vai pagriezt uz sāniem ainavas skata nolūkā.
Tiny viedtālruņa ekrānā tīmekļa vietnes var būt vēl grūtākas. Lieli attēli var izjaukt izkārtojumu. Vietnes var būt lēnas, lai ielādētu viedtālruņus, ja tās ir smagas.
Tomēr, ja vietne izmanto atsaucīgu dizainu, planšetdatora versija var automātiski pielāgot, lai parādītu tikai divas kolonnas. Tādā veidā saturs ir lasāms un viegli orientējams. Viedtālrunī saturs var parādīties kā viena kolonna, iespējams, vertikāli. Vai, iespējams, lietotājam būtu iespēja pārvilkt, lai skatītu citas kolonnas. Attēli tiks mainīti tā vietā, lai izkropļotu izkārtojumu vai izslēgtu.
Punkts ir šāds: ar atsaucīgu dizainu vietne automātiski pielāgojas, ņemot vērā ierīci, kuru skatītājs to redz.
Kā darbojas atsaucīgs Web dizains?
Reaģējošās vietas izmanto šķidruma tīklus.Visi lapas elementi ir izmērīti pēc proporcijas, nevis pikseļi. Tātad, ja jums ir trīs slejas, jūs precīzi nenorādītu, cik lielā mērā katram jābūt, bet gan cik lielā mērā tiem jābūt attiecībā pret citām kolonnām. 1. slejā jāiekļauj puse no lapas, 2. ailē jāiekļauj 30%, un 3. slejā, piemēram, jābūt 20%.
Mediji, piemēram, attēli, tiek mainīti arī salīdzinoši. Tādā veidā attēls var palikt tās slejā vai relatīvā dizaina elementā.
Saistītie jautājumi
Mouse v. Touch: Mobilo ierīču projektēšana rada arī jautājumu par peli un pieskārienu. Galddatoros lietotājam parasti ir pele, lai pārvietotos un izvēlētos vienumus. Viedtālrunī vai planšetdatorā lietotājs galvenokārt izmanto pirkstus un pieskaras ekrānam. Kas var šķist viegli izvēlēties ar peli, var būt grūti izvēlēties ar pirkstu nelielā vietā uz ekrāna. Web dizainerim jāņem vērā „pieskāriens”.
Grafikas un lejupielādes ātrums: Ir arī jautājums par grafiku, reklāmām un lejupielādes ātrumu. Mobilajās ierīcēs var būt saprātīgi parādīt mazāk grafikas nekā darbvirsmas skatos, lai vietne neatgriezeniski neuzlādētu viedtālrunī. Lielākiem reklāmu izmēriem var būt nepieciešams apmainīties ar mazākām reklāmām.
Lietojumprogrammas un mobilās versijas: Agrāk jūs, iespējams, domājāt par programmas izveidi savai vietnei - teiksim iPad lietotni vai Android lietotni. Vai arī jums būtu mobilā versija, kas īpaši paredzēta BlackBerry.
Bet ar tik daudzām dažādām ierīcēm šodien ir grūtāk izveidot lietotnes un dažādas versijas katrai ierīcei un darbības platformai.
Kāpēc mazajiem uzņēmumiem ir nepieciešams pāriet uz atsaucīgu Web dizainu
Vairāk cilvēku izmanto mobilās ierīces. Nesen Pew pētījumā 77% no amerikāņiem tagad ir viedtālruņi 2018. gadā, kas ir tikai par 35% Pew Research Center pirmajā viedtālruņu īpašnieku aptaujā, kas veikta 2011. gadā.
Pārbaudiet savu datplūsmu, un jūs varētu būt satriekts, cik apmeklētāju nokļūst jūsu vietnē, izmantojot mobilās ierīces. (Google Analytics kreisajā pusē atlasiet „Auditorija”, pēc tam - „Mobilais”, lai redzētu, kāda daļa no satiksmes ir no mobilajām ierīcēm. Varat pat urbt, lai redzētu, kuras ierīces sūta datplūsmu.)
Reaģējošas dizaina veidnes ir visur, lai tās varētu iegādāties. Piemēram, ja jums ir WordPress vietne, jūs varat apmeklēt cienījamu veidnes galeriju, piemēram, ThemeForest, un meklējiet „atsaucīgas WordPress tēmas”. Jūsu tīmekļa izstrādātājs pēc tam var pielāgot to jūsu logotipam un zīmolam.
Redaktora piezīme: šeit pie Small Business Trends mēs strādājam pie jauna atsaucīga dizaina. Vai jums nevajadzētu?
Foto ar Shutterstock
Vairāk: Satura mārketings, Kas ir 95 komentāri ▼
