Kaip sukurti mobiliesiems įrenginiams pritaikytą svetainę: Kaip sukurti interneto svetainę: 8 geriausios praktikos pavyzdžiai

Įvadas

Jei norite, kad jūsų verslas išliktų aktualus šiuolaikiniame pasaulyje, mobilioji svetainė yra nebe galimybė, o būtinybė. Pasaulyje yra daugiau kaip 5 mlrd. mobiliųjų įrenginių naudotojų, todėl labai svarbu užtikrinti, kad jūsų svetainė būtų optimizuota mobiliesiems įrenginiams, kad pasiektų kuo didesnę auditoriją ir užtikrintų sklandžią naudotojo patirtį. Yra keletas svarbių geriausios praktikos pavyzdžių, kaip kurti mobiliesiems įrenginiams pritaikytą svetainę, tačiau svarbiausias aspektas, į kurį reikia atsižvelgti, yra sumažintas ekrano dydis.

Jau vien dėl šio fakto dizaineriai turi priimti keletą sprendimų, kad geriau pateiktų puslapių turinį naudotojams. Kad padėtume jums priimti geriausius iš jų, pateiksime 8 geriausius mobiliesiems įrenginiams pritaikytų svetainių kūrimo būdus, kad ir jūs galėtumėte kurti išskirtinius puslapius, kurie naudotojams paliks teigiamą įspūdį ir paskatins juos sugrįžti!

8 būdai, kaip sukurti mobiliesiems įrenginiams pritaikytą svetainę

1. Priimkite reaguojantį, paprastą dizainą

(Šaltinis: https: //unsplash.com/photos/_x335IZXxfc)

Pirmasis žingsnis kuriant mobiliesiems įrenginiams pritaikytą svetainę - pritaikyti prisitaikantį dizainą, kad ji automatiškai prisitaikytų prie ją pasiekiančio įrenginio ekrano dydžio. Taip naudotojams nereikės didinti ar mažinti vaizdą arba slinkti horizontaliai, kad perskaitytų jūsų turinį. Jautrusis dizainas užtikrina, kad jūsų svetainė gerai atrodytų bet kuriame įrenginyje - stacionariajame kompiuteryje, planšetiniame kompiuteryje ar išmaniajame telefone.

Mobiliųjų įrenginių ekranai yra daug mažesni nei kompiuterių ekranai, todėl jūsų svetainės dizainas turėtų būti ne tik pritaikytas, bet ir paprastas, kad naudotojams būtų lengviau analizuoti jos turinį ir naršyti po puslapius. Paprastai turėtumėte vengti perkrauti puslapius per daugybe elementų.

Kad tai pasiektumėte, turėtumėte vadovautis šiomis gairėmis:

Naudokite švarią spalvų schemą

Stenkitės sumažinti spalvų skaičių ir užtikrinti, kad jų derinys būtų malonus akiai. Geras būdas - vadovautis spalvų teorija ir sukurti stiprią paletę naudojant gaires (pavyzdžiui, papildomas, monochromines ar analogiškas spalvas).

Naudokite aiškią tipografiją

Visame svetainės tekste naudokite lengvai įskaitomą šriftą. Naudokite pakankamai didelį šriftą, kad naudotojai galėtų perskaityti jūsų turinį mobiliuosiuose įrenginiuose jo nepriartindami. Geras rekomenduojamas dydis mobiliesiems įrenginiams yra bent 16 pikselių.

Aiškios navigacijos galimybės

Naudokite paprastą meniu ir logiškai tvarkykite turinį. Naudotojams naršyti svetainėje taip pat gali padėti trupiniai ir (arba) grįžimo atgal mygtukas.

Naudokite mobiliesiems įrenginiams pritaikytus elementus ir plėtinius

Jei naudojate formas ar kitus sąveikos su svetaine būdus, užtikrinkite, kad jie būtų lengvai įskaitomi ir tinkami naudoti. Naudokite pakankamai didelius įvesties laukus arba mygtukus, kad naudotojai galėtų juos paliesti.

Sumažinkite laukų, kuriuos naudotojams reikia užpildyti, skaičių konkrečiu formų atveju. Naudokite aiškias laukelių etiketes ir pasirūpinkite, kad formas būtų lengva pateikti mobiliaisiais įrenginiais.

Prieš diegdami bet kokius įskiepius ar valdiklius, patikrinkite, ar jie pritaikyti mobiliesiems įrenginiams. Kai kurie jų gali būti neoptimizuoti mobiliesiems įrenginiams, todėl gali sulėtėti jūsų svetainė arba kilti naudojimo problemų. Tokiais atvejais dažnai galėsite rasti mobiliesiems įrenginiams pritaikytų alternatyvų, kurias galėsite naudoti vietoj jų.

Prieinamumo dizainas

Prieinamumas yra labai svarbus siekiant užtikrinti, kad visi naudotojai galėtų pasiekti jūsų svetainę, nepriklausomai nuo jų gebėjimų. Geroji svetainės prieinamumo praktika - naudoti paveikslėlių alt žymas, užtikrinti, kad jūsų svetainė būtų pasiekiama klaviatūra, o nuorodose naudoti aiškų ir aprašomąjį tekstą. Norėdami užtikrinti kuo didesnį prieinamumą, turėtumėte sukurti tokią svetainę, kurią naudotojai galėtų naršyti naudodami tik klaviatūrą.

2. Laikykitės turinio glaustumo ir glaustumo

Mobiliųjų įrenginių naudotojai dažnai skuba ir neturi laiko skaityti ilgų teksto blokų. Sutvarkykite turinį ir pasirūpinkite, kad jį būtų lengva peržvelgti iš pirmo žvilgsnio, naudodami trumpas pastraipas, punktus ir antraštes.

Vartokite paprastą kalbą ir venkite žargono ar techninių terminų, kurių naudotojai gali nesuprasti. Jei tikrai turite naudoti techninį žargoną, pateikite nedidelę įžangą arba atitinkamų raktažodžių apibrėžtį, kad turinį skaitantys žmonės būtų informuoti ir nesusipainiotų. Taip padidinsite tikimybę, kad jie liks mėgautis jūsų svetainės turiniu, o tai turėtų būti pagrindinis jūsų tikslas.

3. Optimizuokite savo svetainės greitį

Svetainės greitis yra labai svarbus siekiant užtikrinti gerą naudotojo patirtį, o mobiliuosiuose įrenginiuose jis dar svarbesnis. Mobiliųjų įrenginių naudotojai dažnai keliauja ir turi ribotus duomenų perdavimo planus, todėl jie tikisi, kad svetainės nebus išpūstos ir bus greitai įkeliamos.

Norėdami optimizuoti svetainės greitį, galite suspausti vaizdus ir įterptus vaizdo įrašus, sumažinti HTTP užklausas ir naudoti turinio pristatymo tinklą (CDN), kad svetainė būtų teikiama iš kelių vietų.

Atminkite, kad nors svarbu suspausti mediją, kad būtų optimizuotas greitis, taip pat labai svarbu naudoti aukštos kokybės mediją, kuri gerai atrodo didelės skiriamosios gebos ekranuose. Būkite apdairūs naudodami suspaudimo priemones.

4. Naudokite aiškius raginimus imtis veiksmų (CTA)

Raginimas atlikti veiksmą (angl. call-to-action, CTA) - tai svarbus bet kurios svetainės dizaino elementas, kuriuo naudotojai skatinami atlikti tam tikrą veiksmą, pavyzdžiui, pirkti, užsiprenumeruoti naujienlaiškį ar užpildyti formą.

Aiškūs ir veiksmingi CTA gali padėti naudotojams orientuotis jūsų svetainėje ir pagerinti konversijų rodiklius. Štai 3 geriausios CTA naudojimo mobiliosiose svetainėse praktikos pavyzdžiai:

• Naudokite aiškią, į veiksmus orientuotą kalbą: Naudokite veiksmažodžius, skatinančius naudotojus imtis veiksmų, pvz., "Pirkti dabar", "Užsiregistruoti" arba "Sužinoti daugiau". Venkite neaiškios kalbos, kuri aiškiai nenurodo, ką naudotojas turėtų padaryti.
• Padarykite juos vizualiai matomus: Įsitikinkite, kad jūsų CTA yra vizualiai matomi jūsų svetainėje. Kad jos išsiskirtų, galite naudoti kontrastingas spalvas, ryškią tipografiją ir baltą erdvę. Padėkite jas matomoje puslapio vietoje, pavyzdžiui, virš užlenkimo, antraštėje arba poraštėje, kur jas būtų lengva rasti ir su jomis sąveikauti.
• Sukurkite juos taip, kad jie būtų pritaikyti mobiliesiems įrenginiams: Užtikrinkite, kad jūsų CTA būtų pritaikytos mobiliesiems įrenginiams ir lengvai bakstelėjamos jutikliniame įrenginyje. Naudokite tokį dydį ir vietą, kad būtų lengva pasiekti nykščiu, ir įsitikinkite, kad aplink mygtuką yra pakankamai baltosios erdvės, kad būtų išvengta atsitiktinio bakstelėjimo.

Šiame etape, priklausomai nuo svetainės sudėtingumo, gali prireikti programuotojo pagalbos. Internete galite rasti žiniatinklio svetainių kūrėjų, kurie padės užtikrinti, kad jūsų svetainė turėtų visas reikiamas funkcijas.

5. Venkite iššokančių langų ir tarpinių skelbimų

Iškylantieji langai ir tarpiniai skelbimai - tai įkyrūs skelbimai, kurie rodomi svetainėje ir gali trukdyti naudotojui naršyti. Iškylantysis langas - tai langas, kuris rodomas virš svetainės turinio ir kuriame paprastai prašoma užsiprenumeruoti naujienlaiškį, užpildyti apklausą arba atsisiųsti programėlę. Tarpiniai skelbimai - tai per visą ekraną rodomi skelbimai, kurie rodomi tarp puslapių arba prieš naudotojui pasiekiant svetainės turinį.

Nors iškylantieji langai ir tarpiniai langai gali veiksmingai patraukti naudotojo dėmesį ir paskatinti potencialius pirkėjus ar pardavimus, jie taip pat gali labai varginti naudotojus. Mažesniuose ekranuose iššokantys langai gali užimti visą ekraną, todėl naudotojams sunku juos uždaryti arba naršyti svetainėje. Dėl abiejų šių priežasčių naudotojų patirtis gali būti prasta, o naudotojai gali net apskritai atsisakyti svetainės.

Šią mintį dar labiau sustiprina tai, kad "Google" aiškiai pareiškė, jog baudžia svetaines, kuriose mobiliuosiuose įrenginiuose naudojami įkyrūs tarpiniai rodiniai, ir šios svetainės gali užimti ne tokias aukštas pozicijas paieškos rezultatuose. Todėl norint užtikrinti gerą naudotojo patirtį ir išlaikyti matomumą paieškos sistemose, labai svarbu vengti iššokančiųjų langų ir tarpinių skelbimų.

6. Optimizuokite savo svetainę vietinei paieškai

(Šaltinis: https: //unsplash.com/photos/7MvFxGjWWVs)

Jei turite vietinį verslą su fizine buveine arba aptarnaujate tam tikrą geografinę teritoriją, optimizavimas vietinei paieškai yra labai svarbi geriausia praktika. Vietinės paieškos optimizavimas apima užtikrinimą, kad jūsų svetainė ir verslo informacija būtų rodoma atitinkamuose vietinės paieškos rezultatuose. Tai gali padėti jūsų verslą aptikti potencialiems klientams, kurie ieško produktų ar paslaugų jūsų vietovėje.

Pateikiame keletą patarimų, kaip optimizuoti svetainę vietinei paieškai:

• Užregistruokite savo "Google My Business" sąrašą: "Google" mano verslas (GMB) - tai nemokamas įrankis, leidžiantis įmonėms valdyti savo buvimą "Google" tinkle, įskaitant paiešką ir žemėlapius. GMB sąrašo tvirtinimas ir optimizavimas yra vienas iš svarbiausių žingsnių, kuriuos galite žengti, kad pagerintumėte savo matomumą vietinėje paieškoje. Įsitikinkite, kad jūsų įmonės pavadinimas, adresas, telefono numeris ir darbo laikas yra tikslūs ir atnaujinti.
• Naudokite vietinius raktažodžius: Į svetainės turinį, metažymas ir puslapių pavadinimus įtraukite savo miestą, valstiją ir regioną. Tai gali padėti paieškos sistemoms suprasti geografinę jūsų verslo vietą ir rodyti jūsų svetainę atitinkamuose vietinės paieškos rezultatuose.
• Įtraukite į interneto katalogus: Yra daug internetinių katalogų, pvz., "Yelp", "Yellow Pages" ir "TripAdvisor", kuriuose įmonės gali susikurti profilius ir nurodyti savo kontaktinę informaciją, svetainę ir verslo aprašymą. Įsitikinkite, kad jūsų įmonė yra įtraukta į atitinkamus katalogus ir kad jūsų informacija yra nuosekli visose platformose.
• Kurkite konkrečiai vietai skirtą turinį: Svarstykite galimybę kurti tinklaraščio įrašus ar puslapius, kuriuose būtų pabrėžiami unikalūs jūsų vietovės aspektai, pvz., vietiniai renginiai, lankytinos vietos ar lankytini objektai. Tai gali padėti jūsų svetainei užimti aukštesnę vietą pagal vietos paieškos terminus ir būti rodomai atitinkamuose paieškos rezultatuose.
• Skatinkite klientų atsiliepimus: Teigiami atsiliepimai gali pagerinti jūsų įmonės reputaciją internete ir padidinti jūsų matomumą paieškos rezultatuose. Būtinai reaguokite į atsiliepimus - tiek teigiamus, tiek neigiamus - ir pasinaudokite jais kaip galimybe bendrauti su klientais ir tobulinti savo verslą.

7. Išbandykite svetainę įvairiuose įrenginiuose

Svetainės testavimas skirtinguose įrenginiuose yra svarbi geroji praktika, siekiant užtikrinti, kad ji visose platformose užtikrintų nuoseklią naudotojo patirtį. Rinkoje tiek daug skirtingų įrenginių, įskaitant išmaniuosius telefonus, planšetinius, nešiojamuosius ir stacionarius kompiuterius, todėl labai svarbu išbandyti svetainę įvairiuose įrenginiuose, kad įsitikintumėte, jog ji atrodo ir veikia tinkamai, kad ir kur būtų rodoma.

Pateikiame keletą svarbiausių priežasčių, kodėl labai svarbu testuoti skirtingais įrenginiais:

• Skirtingi ekrano dydžiai ir skiriamoji geba: Vienas iš svarbiausių prietaisų skirtumų yra ekrano dydis ir skiriamoji geba. Svetainė, kuri puikiai atrodo stacionariame kompiuteryje, gali būti neoptimizuota mažesniems ekranams, pvz., išmaniųjų telefonų ar planšetinių kompiuterių ekranams. Išbandydami svetainę skirtinguose įrenginiuose galite pamatyti, kaip ji atrodo ir veikia skirtingo dydžio ekranuose, ir prireikus ją pakoreguoti.
• Skirtingos naršyklės: Kiekvienas įrenginys turi savo operacinę sistemą, pvz., "iOS", "Android", "Windows" ir "macOS". Visos operacinės sistemos turi savo numatytąją žiniatinklio naršyklę, bet taip pat turi daugybę kitų įdiegiamų parinkčių. Šios naršyklės turi savų keistenybių ir funkcijų, todėl išbandydami savo svetainę skirtingose naršyklėse galite nustatyti bet kokias suderinamumo ar našumo problemas ir užtikrinti, kad jūsų svetainė gerai veiktų visiems naudotojams.
• Vartotojo elgsena ir sąveika: Vartotojai skirtingai sąveikauja su svetainėmis, priklausomai nuo naudojamo įrenginio. Mobiliųjų įrenginių naudotojai dažniau naudoja lietimo gestus arba perbraukia per turinį, o stalinių kompiuterių naudotojai linkę naudoti pelę arba klaviatūrą. Svetainės testavimas skirtinguose įrenginiuose padės suprasti, kaip naudotojai sąveikauja su svetaine, ir atlikti pakeitimus, kad pagerintumėte naudotojų patirtį.

Norėdami išbandyti svetainę įvairiuose įrenginiuose, galite naudoti įvairius įrankius ir metodus:

• Fiziškai išbandykite savo svetainę įvairiuose įrenginiuose, pasiskolindami įrenginius iš draugų ar kolegų arba naudodamiesi įrenginių testavimo paslauga.
• Naudokite virtualius įrenginius, pavyzdžiui, naršyklės emuliatorių arba tokios programinės įrangos kaip "Adobe XD" ar "Figma".

8. Naudokite "Analytics" naudotojų elgsenai stebėti ir tinklalapiams tobulinti

Analizės įrankiai gali suteikti vertingų įžvalgų apie naudotojų sąveiką su jūsų mobiliąja svetaine. Stebėdami naudotojų elgseną, galite sužinoti, ko naudotojai ieško, kaip jie naršo jūsų svetainėje ir kur jie linkę pasitraukti. Ši informacija gali padėti priimti pagrįstus sprendimus, kaip keisti arba optimizuoti svetainę mobiliesiems įrenginiams.

Štai keli būdai, kaip galite naudoti analizę naudotojų elgsenai stebėti:

• Stebėkite svetainės srautą: Analizės įrankiai gali suteikti duomenų apie svetainės lankytojų skaičių, kiek laiko jie užtrunka kiekviename puslapyje ir kaip dažnai sugrįžta. Stebėdami svetainės lankomumą galite nustatyti, kurie puslapiai yra populiariausi ir kuriuos reikia tobulinti.
• Stebėkite atmetimo rodiklius: Didelis atmetimo rodiklis reiškia, kad naudotojai greitai palieka jūsų svetainę ir toliau jos nenagrinėja. Stebėdami atmetimo rodiklius, galite nustatyti puslapius, dėl kurių naudotojai palieka svetainę, ir imtis veiksmų jiems pagerinti.
• Nustatykite naudotojų demografinius duomenis: Analizės įrankiai gali suteikti informacijos apie svetainės lankytojų amžių, lytį, vietą ir pomėgius. Šie duomenys gali padėti pritaikyti turinį tikslinei auditorijai ir pagerinti naudotojų įsitraukimą.
• Stebėkite konversijas: Nesvarbu, ar norite, kad naudotojai užsiregistruotų naujienlaiškiui, pirktų ar užpildytų kontaktinę formą, analitikos įrankiai gali stebėti konversijas ir padėti suprasti, kaip naudotojai sąveikauja su jūsų svetaine, kad pasiektų šiuos tikslus.
• Stebėkite įkrovos laiką: Analizės įrankiai gali padėti stebėti, kaip greitai jūsų svetainės puslapiai įkeliami skirtinguose įrenginiuose ir tinkluose. Nustatę lėtai įkraunamus puslapius, galite imtis veiksmų, kad pagerintumėte įkėlimo laiką ir sumažintumėte naudotojų nusivylimą.

Išvada

Kad jūsų svetainė būtų pritaikyta mobiliesiems įrenginiams, labai svarbu užtikrinti teigiamą naudotojų patirtį ir pasiekti platesnę auditoriją. Tačiau tam dizaineriai turėtų nuolat galvoti apie tai, kaip pateikti ir atvaizduoti informaciją savo sukurtose svetainėse.

Dabar turite žinių ir geriausios praktikos, kaip sukurti mobiliesiems įrenginiams pritaikytą svetainę, kuri atitiktų naudotojų poreikius ir lūkesčius. Naudodamiesi šiomis priemonėmis ir gairėmis galite sukurti svetainę , kuri išsiskirs iš kitų ir taps pavyzdžiu kitiems ateityje.

Išmintingai naudokitės šia informacija ir sukurkite svetainę, kuri puikiai atrodo ir užtikrina puikią naudotojo patirtį visuose įrenginiuose!