Responsive dizainas: kodėl mobilus pritaikymas yra būtinas

Šiandien daugiau nei pusė visų interneto lankytojų naršo telefonais ir planšetėmis, todėl responsive dizainas nebėra prabanga – tai būtinybė. Jei jūsų svetainė gerai atrodo kompiuteryje, bet telefone tekstas per smulkus, mygtukai persidengia, o vartotojui tenka zoomuoti, didelė dalis potencialių klientų tiesiog uždarys puslapį.

Kas yra responsive dizainas

Responsive (prisitaikantis) dizainas – tai svetainės kūrimo principas, kai išdėstymas, šriftų dydžiai ir elementai automatiškai prisitaiko prie ekrano dydžio. Ta pati svetainė kompiuteryje rodo tris stulpelius, planšetėje – du, o telefone viskas susidėlioja į vieną patogiai skaitomą stulpelį. Vartotojui nereikia nieko didinti ar slinkti į šonus – turinys tiesiog puikiai telpa ekrane. Tai pasiekiama naudojant lanksčius tinklelius, procentinius pločius ir CSS media queries, kurie nurodo, kaip elementai turi keistis priklausomai nuo įrenginio.

Kodėl tai svarbu jūsų verslui

Pirmas įspūdis formuojasi per kelias sekundes. Jei lankytojas atsidaro jūsų svetainę telefone ir mato netvarkingą, sunkiai naudojamą puslapį, jis akimirksniu susidaro neigiamą nuomonę apie visą jūsų verslą. Ir atvirkščiai – sklandžiai veikianti mobili versija kuria profesionalumo įspūdį ir pasitikėjimą. Kadangi vis daugiau pirkimo sprendimų priimama būtent telefone, prastas mobilus pritaikymas reiškia tiesioginį prarastų klientų ir pajamų skaičių.

Responsive dizainas ir SEO

Google nuo 2019 metų naudoja „mobile-first“ indeksavimą. Tai reiškia, kad pirmiausia vertinama, kaip svetainė atrodo ir veikia telefone, ir būtent pagal tai formuojamos pozicijos – net kompiuterinėje paieškoje. Jei jūsų svetainė nepritaikyta mobiliesiems, ji praras pozicijas, o tai reiškia mažiau organinio srauto ir klientų. Responsive dizainas šią problemą išsprendžia iš esmės: viena svetainė tinkamai veikia visur, todėl Google ją vertina palankiai.

Vienas adresas, viena svetainė

Anksčiau kai kurie verslai kūrė atskirą mobilią versiją atskiru subdomenu (pavyzdžiui, m.svetaine.lt). Toks sprendimas reiškė dvigubą priežiūros darbą ir dažnai SEO problemas dėl pasikartojančio turinio. Responsive dizainas šios problemos neturi – egzistuoja viena svetainė vienu adresu, kuri prisitaiko prie bet kokio įrenginio. Tai paprasčiau prižiūrėti, pigiau atnaujinti ir patogiau tiek jums, tiek paieškos sistemoms.

Greitis mobiliuosiuose įrenginiuose

Mobilūs vartotojai dažnai naršo judėdami, naudodami mobilųjį internetą, kuris ne visada greitas. Todėl mobiliai pritaikyta svetainė turi būti ne tik gražiai išdėstyta, bet ir greita. Tai reiškia optimizuotas, suspaustas nuotraukas, minimalų nereikalingo kodo kiekį ir įjungtą talpyklą. Lėta mobili svetainė atbaido lankytojus dar greičiau nei lėta kompiuterinė versija, nes mobilūs vartotojai paprastai mažiau kantrūs.

Patogumas naudoti pirštu

Mobiliame įrenginyje sąveika vyksta ne pele, o pirštu. Tai reiškia, kad mygtukai turi būti pakankamai dideli ir patogiai paspaudžiami, nuorodos – pakankamai nutolusios viena nuo kitos, o formos – paprastos pildyti telefono klaviatūra. Geras responsive dizainas atsižvelgia į šiuos „touch“ principus ir užtikrina, kad lankytojas galėtų lengvai atlikti svarbiausius veiksmus: paskambinti, užpildyti užklausą ar nusipirkti prekę vos keliais lietimais.

Kaip patikrinti, ar jūsų svetainė pritaikyta

Paprasčiausias būdas – atsidaryti svetainę savo telefone ir kritiškai įvertinti: ar viskas telpa, ar tekstas įskaitomas, ar mygtukai patogūs. Taip pat galite kompiuterio naršyklėje sumažinti lango plotį ir stebėti, ar turinys prisitaiko. Profesionalūs įrankiai, tokie kaip „Google Mobile-Friendly Test“ ar naršyklės kūrėjo įrankiai, leidžia patikrinti svetainę įvairiuose įrenginiuose ir aptikti problemas, kurių iš pirmo žvilgsnio nematyti.

Dažniausios mobilaus pritaikymo klaidos

Net ir „responsive“ vadinamose svetainėse pasitaiko klaidų. Dažniausios – per maži ar persidengiantys mygtukai, horizontalus slinkimas, kai turinys netelpa į ekraną, per smulkus tekstas, neoptimizuotos nuotraukos, dėl kurių puslapis kraunasi lėtai, ir iššokantys langai, kuriuos telefone sunku uždaryti. Visa tai erzina lankytoją ir didina tikimybę, kad jis paliks svetainę. Kokybiškas pritaikymas reiškia ne tik tai, kad svetainė „telpa“, bet ir tai, kad ja patogu naudotis.

Investicija, kuri atsiperka

Kuriant naują svetainę responsive dizainas šiandien yra standartas, kuris turi būti įtrauktas savaime. Jei turite seną svetainę, neveikiančią telefonuose, jos pritaikymas mobiliesiems arba sukūrimas iš naujo dažnai yra viena vertingiausių investicijų – ji iškart padidina pasiekiamą auditoriją ir pagerina SEO. Atsižvelgiant į tai, kad mobilus srautas tik augs, ši investicija atsiperka greitai ir dirba ilgai. Svetainė, kuri vienodai gerai veikia visuose įrenginiuose, suteikia konkurencinį pranašumą ir padeda nepamesti nė vieno potencialaus kliento.

"

Gera svetainė nėra išlaida – tai darbuotojas, dirbantis jums visą parą be poilsio dienų.

KokybiškaSvetaine.lt

Responsive ir taikymas konkrečiai auditorijai

Skirtingos verslo sritys turi skirtingą lankytojų elgseną. Maitinimo, grožio ar paslaugų sektoriuje dauguma žmonių ieško informacijos būtent telefonu – dažnai keliaudami ar tiesiog gulėdami ant sofos. Tokiems verslams mobilus pritaikymas yra ne šiaip svarbus, o kritiškai būtinas, nes praktiškai visi klientai ateina iš mobiliųjų įrenginių. B2B sektoriuje kompiuterinio srauto dalis didesnė, tačiau ir ten mobilus naršymas sparčiai auga. Todėl, nepriklausomai nuo srities, svetainė turi vienodai gerai veikti visur. Suprasti savo auditorijos įpročius padeda Google Analytics duomenys, kurie aiškiai parodo, kokia dalis lankytojų naudoja telefonus.

Responsive dizainas ir ateities įrenginiai

Vienas didelių responsive dizaino privalumų – jis pasirengęs ateičiai. Kasmet atsiranda naujų ekranų dydžių: didesni telefonai, sulankstomi įrenginiai, planšetės, net laikrodžiai ir televizoriai. Kadangi responsive dizainas remiasi lanksčiu prisitaikymu, o ne fiksuotais dydžiais, jis automatiškai veikia ir su naujais įrenginiais, kurių dar net nėra. Tai reiškia, kad investavę į kokybišką responsive svetainę nerizikuojate, kad ji greitai paseno. Toks sprendimas tarnauja ilgai ir nereikalauja perdaryti viską iš naujo, kai rinkoje atsiranda nauji populiarūs įrenginiai.

Kaip responsive veikia konversijas

Galutinis bet kurios svetainės tikslas – paskatinti lankytoją atlikti veiksmą: paskambinti, parašyti ar nusipirkti. Mobiliame įrenginyje šie veiksmai turi būti maksimaliai paprasti. Gerai pritaikytoje svetainėje telefono numeris paspaudžiamas vienu lietimu ir iškart inicijuoja skambutį, formos trumpos ir patogios, o mygtukai aiškiai matomi. Kiekvienas papildomas žingsnis ar nepatogumas mažina konversijų skaičių. Tyrimai nuosekliai rodo, kad mobiliam naudojimui optimizuotos svetainės generuoja gerokai daugiau užklausimų nei prastai pritaikytos. Todėl responsive dizainas yra ne tik estetikos, bet ir tiesioginio pelno klausimas.

Testavimas prieš paleidimą

Prieš paleidžiant svetainę gyvai būtina ją kruopščiai išbandyti realiuose įrenginiuose. Emuliatoriai naršyklėje naudingi, tačiau niekas neatstoja patikrinimo tikrame telefone ir planšetėje. Verta peržiūrėti visus svarbiausius puslapius, užpildyti formas, paspausti mygtukus ir įsitikinti, kad viskas veikia sklandžiai. Ypač svarbu patikrinti pagrindinį puslapį, kontaktų skiltį ir pirkimo ar užklausos procesą, nes būtent jie tiesiogiai veikia rezultatą. Kruopštus testavimas prieš paleidimą leidžia aptikti ir ištaisyti problemas dar prieš tai, kai jas pastebės pirmieji lankytojai, todėl niekada neturėtų būti praleidžiamas.

Kiek klientų prarandama telefone

Mobilus pritaikymas dažnai vertinamas kaip estetikos klausimas. Praktikoje tai pardavimų klausimas, ir skaičiai gana negailestingi.

Didžioji dalis apsilankymų šiandien vyksta telefone, o dalis jų – nepatogiomis sąlygomis: keliaujant, viena ranka, su nestabiliu ryšiu, skubant. Bet koks trikdis tokioje situacijoje kainuoja daug brangiau nei ramiai naršant kompiuteriu.

Tipiniai praradimo taškai visada tie patys. Formą reikia pildyti priartinus vaizdą – dalis žmonių jos nebaigia. Telefono numeris nėra paspaudžiamas – dalis neskambina, nes nesinori perrašinėti skaitmenų. Mygtukas per mažas ar per arti kito – nepataikoma, ir žmogus patenka ne ten, kur norėjo. Slapukų pranešimas uždengia beveik visą ekraną – dalis lankytojų išeina jo net neuždarę.

Kiekvienas iš šių dalykų atskirai atrodo smulkmena. Kartu jie sudaro grandinę, kurioje kiekviename žingsnyje prarandama dalis žmonių. Iki galutinio veiksmo dažnai ateina kur kas mažiau, nei galėtų.

Ypač svarbu tai, kad šie nuostoliai nematomi įprastose ataskaitose. Statistika rodo apsilankymus, bet nerodo, kad žmogus išėjo, nes nepavyko paspausti mygtuko. Vienintelis būdas tai pastebėti – pačiam pereiti visą kelią telefone.

Kuo skiriasi „atsidaro telefone” ir „pritaikyta telefonui”

Dauguma svetainių telefone atsidaro. Tai nereiškia, kad jos pritaikytos, o skirtumas tarp šių dviejų būsenų yra būtent ten, kur prarandami klientai.

Atsidaro – reiškia, kad turinys matomas. Pritaikyta – reiškia, kad juo patogu naudotis viena ranka, neprartinant vaizdo ir neslenkant į šonus.

Praktiniai skirtumai konkretūs. Tekstas turi būti skaitomas be priartinimo, o eilutės pakankamai trumpos. Mygtukai ir nuorodos turi būti pakankamo dydžio ir pakankamai atokiai vienas nuo kito. Meniu turi būti pasiekiamas nykščiu, o ne ekrano viršuje, kur pirštas nesiekia. Lentelės, jei jų yra, turi persitvarkyti arba slinktis atskirai, o ne stumti viso puslapio į šoną.

Yra ir mažiau akivaizdžių dalykų. Ilgi vientisi teksto blokai kompiuteryje atrodo normaliai, o telefone virsta begaline juosta. Nuotraukos su tekstu ant jų mažame ekrane dažnai neįskaitomos. Formos su daugybe laukų kompiuteriu užpildomos per minutę, o telefone atrodo begalinės.

Todėl vertinant mobiliąją versiją naudinga ne tik patikrinti techninius reikalavimus, bet ir duoti telefoną žmogui iš šalies su prašymu atlikti konkretų veiksmą. Tai, kur jis užstringa, ir yra tikrasis sąrašas, ką taisyti.

Ką tikrinti pirmiausia savo svetainėje

Patikrai nereikia įrankių – užtenka telefono ir kelių minučių. Svarbu tik atlikti ją su mobiliuoju ryšiu, ne su namų tinklu, kad sąlygos būtų realios.

Pirmiausia atsidarykite pagrindinį puslapį ir suskaičiuokite, per kiek laiko matote turinį. Jei tenka laukti daugiau nei kelias sekundes, tai jau problema, nesvarbu, kaip svetainė atrodo.

Toliau pabandykite rasti kontaktus. Jei tam reikia daugiau nei vieno paspaudimo arba tenka ilgai slinkti, dalis lankytojų to nedarys.

Paspauskite telefono numerį. Jei skambutis nepradedamas, numeris nėra susietas kaip nuoroda – tai vienas paprasčiausiai ištaisomų ir daugiausiai duodančių pakeitimų paslaugų versle.

Užpildykite užklausos formą iki galo. Būtent čia paaiškėja daugiausiai problemų: per maži laukai, netinkama klaviatūra el. paštui, nematomas siuntimo mygtukas, neaiškus patvirtinimas po išsiuntimo.

Galiausiai pasukite telefoną horizontaliai. Dalis svetainių tokioje padėtyje sulūžta, nors dalis žmonių būtent taip ir naršo.

Ką daryti, jei svetainė sena

Ne kiekvieną svetainę verta taisyti. Sprendimą lemia tai, kiek darbo reikia ir kokia yra pagrindo būklė.

Jei svetainė turi prisitaikančią versiją ir problemos taškinės – per maži mygtukai, nepatogi forma, sunkios nuotraukos – taisymai beveik visada apsimoka. Tai kelių valandų darbas su aiškiu rezultatu.

Jei prisitaikančios versijos nėra visai, situacija kitokia. Tokiu atveju reikia perrašyti didžiąją dalį apipavidalinimo, o kaina priartėja prie naujos svetainės. Prie to prisideda ir tai, kad senos svetainės dažnai remiasi nebeatnaujinamomis temomis, todėl net sutvarkius jos lieka saugumo rizika.

Praktinis kriterijus: jei taisymai kainuoja daugiau nei pusę naujos svetainės kainos, o po jų vis tiek liktų neišspręstų dalykų, protingiau daryti naują. Jei mažiau – taisyti.

Ir dar viena mintis, kuri dažnai padeda apsispręsti: nauja svetainė leidžia iš karto sutvarkyti ir turinį, ir struktūrą, o taisymai palieka viską taip, kaip buvo, tik patogiau telefone. Jei turinys taip pat pasenęs, antrasis variantas išsprendžia tik pusę problemos.

Kodėl telefonui verta kurti pirmiausia

Įprastas kūrimo kelias prasideda nuo kompiuterio versijos, o mobilioji daroma vėliau, „pritaikant”. Praktikoje logiškesnė priešinga tvarka, ir ne dėl mados.

Priežastis paprasta: mažame ekrane telpa mažiau. Kuriant nuo telefono tenka iš karto nuspręsti, kas svarbiausia – kuri žinutė, kuris mygtukas, kuri informacija. Viskas, kas netelpa, natūraliai atsiduria žemiau arba iškrenta. Rezultatas beveik visada aiškesnis.

Kuriant atvirkščiai vyksta kitaip: dideliame ekrane telpa viskas, todėl nieko nereikia atsisakyti. Vėliau visa tai bandoma sutalpinti į telefoną, ir atsiranda sprendimai, kurie niekam nepatinka – paslėptas turinys, susitraukę mygtukai, sugrūstos lentelės.

Antra priežastis – Google vertina būtent mobiliąją versiją. Jei ji sukurta antra ir yra sutrumpinta kompiuterio versijos kopija, būtent ta sutrumpinta versija ir bus vertinama.

Trečia – greitis. Kuriant telefonui pirmiausia, sunkūs elementai tiesiog neatsiranda, nes iš karto matoma, kad jie netinka. Vėliau juos šalinti visada sunkiau, nei iš pradžių nepridėti.

Tai nereiškia, kad kompiuterio versija tampa antraeile. Ji lieka svarbi, ypač verslo klientams ir sudėtingesniems sprendimams. Skiriasi tik pradžios taškas – ir būtent jis lemia, ar mobilioji versija bus pilnavertė, ar sutrumpinta.

Reikia profesionalaus sprendimo?

Jei jums reikia svetainės, kuri ne tik gerai atrodo, bet ir atveda klientų, susisiekite. Dirbame be tarpininkų – bendraujate tiesiogiai su kūrėju, aiškiai sutariame dėl kainos ir terminų, o svetainė lieka jūsų nuosavybė.

• Telefonas: +370 677 15582
• El. paštas: info@kokybiskasvetaine.lt
• Kontaktai: kokybiskasvetaine.lt/kontaktai

Gaukite nemokamą konsultaciją ir tikslų pasiūlymą savo projektui jau šiandien – į visus užklausimus atsakome per 24 valandas.