Prisitaikantis dizainas (Responsive Web Design)

Prisitaikantysis arba adaptyvusis dizainas (angl. responsive design) – tai svetainės kūrimo būdas, kai ta pati svetainė prisitaiko prie ekrano dydžio: stacionaraus kompiuterio, nešiojamojo, planšetės ar telefono. Vietoje kelių atskirų versijų užtenka vienos.

Šiandien tai nebėra pasirinkimas. Daugiau nei pusė lankytojų svetaines atsidaro telefone, o Google svetainę vertina pirmiausia pagal mobiliąją versiją, ne pagal kompiuterinę. Jei mobilioje versijoje kažkas neveikia, tai atsiliepia ne tik patogumui, bet ir pozicijoms paieškoje.

Kuo skiriasi prisitaikanti svetainė

Įprastą, mobiliesiems nepritaikytą tinklalapį atidarius telefone, vaizdas dažnai iškrenta iš ekrano: tekstą tenka didinti pirštais, o puslapį slinkti į šonus. Dalis elementų tampa nematomi arba susimaišo tarpusavyje. Jei svetainėje daug grafikos, telefone ji kraunasi lėtai.

Prisitaikančio dizaino svetainėje elementai reaguoja į ekrano dydį ir persidėlioja patys. Meniu virsta mygtuku, kolonos sustoja viena po kita, paveikslėliai sumažėja iki tinkamo dydžio. Rezultatas paprastas: tas pats turinys tvarkingai atrodo bet kuriame įrenginyje.

Kaip tai veikia iš vidaus

Prisitaikanti svetainė naudoja vadinamąjį fluid grid: elementų plotis matuojamas proporcijomis, ne pikseliais. Jei puslapyje yra trys kolonos, nurodoma, kad pirmoji užima 50 proc. pločio, antroji 30 proc., trečioji 20 proc. Keičiantis ekranui, keičiasi ir jų dydis, o esant siauram ekranui kolonos sudedamos viena po kita.

Taip pat elgiamasi su paveikslėliais, vaizdo įrašais ir kitais elementais: jie mažinami proporcingai, o ne kerpami ar traukiami per prievartą.

Ką tai duoda praktiškai

Patogu valdyti pirštu. Mygtukai, meniu ir formos pritaikomi taip, kad juos būtų galima paspausti tiksliai, be didinimo.

Greitesnis veikimas telefone. Nereikia atskirai galvoti apie grafikos mažinimą mobiliesiems: tinkamo dydžio paveikslėliai parenkami automatiškai.

Viena svetainė vietoje kelių. Kurti atskirą programėlę ar mobiliąją versiją kiekvienai sistemai brangu ir sudėtinga. Prisitaikanti svetainė sprendžia tą patį uždavinį vienu sprendimu, kurį paprasčiau prižiūrėti ir atnaujinti.

Vienas turinys, vienas adresas. Nereikia dubliuoti tekstų ar palaikyti atskirų adresų, todėl Google mato vieną aiškų puslapį, o ne kelias jo versijas.

Kaip pasitikrinti savo svetainę

Greičiausia patikra užtrunka minutę. Atsidarykite savo svetainę telefone ir pažiūrėkite:

• ar tekstą galima perskaityti nedidinant;
• ar mygtukai nėra per arti vienas kito;
• ar meniu atsidaro iš pirmo karto;
• ar nereikia slinkti puslapio į šoną.

Greitį verta patikrinti įrankiu PageSpeed Insights: jis atskirai vertina mobiliąją ir kompiuterinę versijas. Jei mobilus rezultatas mažesnis nei 70, dalis lankytojų tiesiog nesulaukia, kol puslapis atsidarys.

Jei bent vienas punktas netenkina, tai dar nereiškia, kad reikia naujos svetainės. Neretai užtenka sutvarkyti esamą. Apie tai, kada užtenka atnaujinimo, o kada verta kurti iš naujo, rašėme atskirame straipsnyje.

Jei nusprendėte, kad prisitaikančiojo dizaino internetinė svetainė yra būtent tai, ko Jums reikia, susisiekite ir patarsime visais svetainės kūrimo ar priežiūros klausimais.