Ar jūs savęs paklausėte: „Kas yra jautrus interneto dizainas?“ Atsakingas interneto dizainas - tai požiūris, pagal kurį dizaineris sukuria tinklalapį, kuris „reaguoja“ arba keičia savo dydį, priklausomai nuo prietaiso tipo, kurį jis mato. Tai gali būti stambusis stalinis kompiuteris, nešiojamas kompiuteris arba įrenginiai su mažais ekranais, pvz., Išmanieji telefonai ir tabletės.
Reaguojantis interneto dizainas tapo svarbia priemone visiems, turintiems skaitmeninį buvimą. Augant išmaniesiems telefonams, planšetiniams kompiuteriams ir kitiems mobiliesiems kompiuteriams, daugiau žmonių naudoja mažesnius ekranus, kad galėtų peržiūrėti tinklalapius.
$config[code] not foundŠiose svetainėse taip pat turi būti atsižvelgta į mobilųjį pirmąjį indeksą, kurį „Google“ paskelbė tik 2018 m. Balandžio mėn. Kadangi vis daugiau mažų įmonių didina savo mobilumą, jų svetainė, el. Prekyba, „Google“ verslo puslapis, socialinės žiniasklaidos puslapiai ir kitas turtas turi būti lengvai pasiekiami visuose įrenginiai.
Kas yra jautrus interneto dizainas?
Atsakingo dizaino tikslas yra turėti vieną svetainę, tačiau skirtingų elementų, kurie skirtingai reaguoja, kai žiūrima į skirtingo dydžio įrenginius.
Paimkime tradicinę „fiksuotą“ svetainę. Pavyzdžiui, žiūrint staliniame kompiuteryje svetainė gali rodyti tris stulpelius. Bet kai peržiūrite tą patį išdėstymą mažesnėje tabletėje, tai gali priversti jus slinkti horizontaliai, ką vartotojai nepatinka. Arba elementai gali būti paslėpti nuo vaizdo arba atrodo iškraipyti. Poveikį taip pat apsunkina tai, kad daugelis tablečių gali būti peržiūrėtos portretine padėtimi arba pasuktos į šoną kraštovaizdžio vaizdui.
Smulkiame išmaniajame telefone gali būti dar sunkiau pamatyti svetaines. Dideli vaizdai gali „sulaužyti“ išdėstymą. Sklypai gali būti lėtai įkrauti į išmaniuosius telefonus, jei jie yra sunkūs.
Tačiau, jei svetainė naudoja atsakingą dizainą, planšetinio kompiuterio versija gali automatiškai sureguliuoti, kad būtų rodomi tik du stulpeliai. Tokiu būdu turinys yra skaitomas ir lengvai naršomas. Išmaniajame telefone turinys gali būti rodomas kaip vienas stulpelis, galbūt sukrautas vertikaliai. Arba vartotojas galėjo perbraukti, kad peržiūrėtų kitus stulpelius. Vaizdai bus pakeisti, o ne iškreipti išdėstymą ar išjungti.
Esmė yra tokia: su tinkamu dizainu, svetainė automatiškai prisitaiko pagal prietaisą, kurį žiūrovas mato.
Kaip veikia jautrus interneto dizainas?
Reaguojančios vietos naudoja skysčio tinklus.Visi puslapio elementai yra dydžio, o ne pikselių. Taigi, jei turite tris stulpelius, jūs tiksliai nenurodytumėte, kokio pločio kiekvienas turėtų būti, bet kiek jie turėtų būti susiję su kitais stulpeliais. 1 skiltis turėtų užimti pusę puslapio, 2 skiltyje - 30%, o 3 skiltyje, pvz., 20%.
Žiniasklaida, pvz., Vaizdai, taip pat keičiama palyginti. Tokiu būdu vaizdas gali likti savo stulpelyje arba santykiniame dizaino elemente.
Susiję klausimai
Mouse v. Touch: Projektuojant mobiliuosius įrenginius taip pat iškyla klausimas dėl pelės ir liesti. Staliniuose kompiuteriuose naudotojas paprastai turi pelę naršyti ir pasirinkti elementus. Išmaniajame telefone ar planšetiniame kompiuteryje vartotojas dažniausiai naudoja pirštus ir paliečia ekraną. Kas gali atrodyti paprasta pasirinkti pele, gali būti sunku pasirinkti pirštu ant mažos ekrano vietos. Interneto dizaineris turi atsižvelgti į „prisilietimą“.
Grafika ir atsisiuntimo greitis: Taip pat yra grafikos, skelbimų ir atsisiuntimo greičio problema. Mobiliuosiuose įrenginiuose gali būti išmintinga rodyti mažiau grafinių vaizdų nei darbalaukio peržiūrų, kad svetainė neliktų amžinai įkelti į išmanųjį telefoną. Didesniems skelbimų dydžiams gali tekti pakeisti mažesnius skelbimus.
Programos ir „mobiliosios versijos“: Anksčiau jūs galėjote galvoti apie programos sukūrimą savo svetainei - pasakykite „iPad“ programą arba „Android“ programą. Arba turėtumėte turėti „BlackBerry“ specialiai skirtą mobiliąją versiją.
Tačiau šiandien tiek daug skirtingų įrenginių vis sunkiau kurti programas ir skirtingas versijas kiekvienam įrenginiui ir platformai.
Kodėl mažoms įmonėms reikia pereiti prie atsakingo interneto dizaino
Daugiau žmonių naudoja mobiliuosius įrenginius. Pastaruoju metu „Pew“ studijavo, kad 2018 m. 77 proc. Amerikiečių dabar turi išmaniuosius telefonus, o tai yra nuo 35 proc.
Patikrinkite savo srautą ir gali būti tiesiog sukrėstas, kiek lankytojų patenka į jūsų svetainę per mobiliuosius įrenginius. („Google Analytics“ kairėje pusėje pasirinkite „Auditorija“, tada „Mobile“, kad pamatytumėte, kokia srauto dalis yra iš mobiliųjų įrenginių. Galite netgi gręžti, kad pamatytumėte, kurie įrenginiai siunčia srautą.)
Realios dizaino šablonai yra visur, įsigyti. Jei, pavyzdžiui, turite „WordPress“ svetainę, galite apsilankyti geros reputacijos šablonų galerijoje, pvz., „ThemeForest“ ir ieškoti „reaguojančių WordPress temų“. Tada jūsų interneto kūrėjas gali pritaikyti jį savo logotipui ir prekės ženklui.
Redaktoriaus pastaba: čia „Small Business Trends“ dirbame su nauju reaguojančiu dizainu. Ar ne tu?
Nuotrauka per Shutterstock
Daugiau: Turinio marketingas, kas yra 95 komentarai ▼
