10 „proovitud ja testitud” tava mobiilsetel veebisaitidel sujuvaks navigeerimiseks

0

Käes on nutitelefonide ajastu ja inimeste arv, kes kasutavad internetti nutitelefonide ja puuteplaatide kaudu, kasvab tohutult. Iga ettevõtte jaoks, nii võrgus kui ka väljaspool seda, on mobiilisõbralikku veebisaiti kõige rohkem vaja.

Mobiilisõbraliku veebisaidi omamine tähendab tugevale veebikohalolekule aluse panemist. Mobiilisõbraliku veebisaidi puudumine tähendab aga järeleandmist oodatava ärikasvu ja kasumi osas.

Mis on teie valik? Uute ja aktiivsete klientide võitmine ning laienenud ärikasv? Kui jah, siis mõelge nutikalt ja tehke oma veebisait hõlpsasti juurdepääsetavaks mitte ainult laua- või sülearvutikasutajatele, vaid ka nutitelefonide ja puuteplaadi kasutajatele.

Kui olete otsustanud nutitelefoniga ühilduva veebisaidi kasuks või teil on juba mobiilne veebileht, peaksite teadma mobiiliveebisaidi valdkondi, mis vajavad tähelepanu. Navigeerimine on loendi ülaosas. Nutitelefonid pole enam väikesed ekraanid, ekraani suurused muutuvad aja jooksul aina suuremaks. Nutitelefonide puutesüsteem vajab paremaks sirvimiseks sõbralikku veebilehel navigeerimist. Üksainus vale puudutus võib kasutajat häirida ja seega viia veebisaidi vahetamiseni. Kas sa tahad seda? "EI"! Lugege allpool, et teada saada, kuidas muuta mobiiliveebisaidil navigeerimine kasutajasõbralikuks. Enne põhiteema juurde asumist vaadake mõnda huvitavat mobiilifakti mõnest usaldusväärsest allikast!

  • 58% kõigist USA tarbijatest omab nutitelefoni.
  • Üle 1,2 miljardi inimese kasutab veebi oma mobiilseadmetest.
  • Globaalne mobiililiiklus moodustab nüüd 15% kogu Interneti-liiklusest.
  • Ühelgi ekraanisuurusel ei ole turuosast üle 20%.
  • 61% inimestest on brändidest parem arvamusel, kui need pakuvad head mobiilikogemust.
  • 60% mobiiliostlejatest kasutavad nutitelefoni poes olles ja veel 50% poodi teel olles.
  • Tahvelarvutite kasutajad kulutavad 50% rohkem kui arvutikasutajad.
  • Mobiilipõhised otsingud moodustavad veerandi kõigist otsingutest.

Eespool mainitud statistika näitab selgelt, kuhu World Wide Web liigub. Nutitelefonide revolutsioon võtab kõik oma voldid. Üleminek laua- ja sülearvutitelt mobiilseadmetele sunnib veebisaitide omanikke ja veebidisainereid muutuma kliendisõbralikuks, eriti ettevõtte kuvandi esitamisel. Muutub mitte ainult veebile juurdepääsu režiim, vaid muutuvad ka saidi kasutajate vajadused. Inimesed muutuvad mobiilseadmete kaudu Interneti-ühenduse kasutamisel keskendunumaks. Konkreetsed mobiilseadmetes tehtavad ülesanded võivad olla asukoha leidmine, pangakonto päring, sotsiaalmeedia värskendused ja ühistranspordi ajakava. Nutitelefonide kasutamine internetiühenduse loomiseks ei ole tavaline mitte ainult pikkades järjekordades seistes, vaid ka kodustes mugavustes elades.

Piiratud ekraaniruumiga nutitelefonid seavad navigeerimisalal väljakutse nii kasutajatele kui ka veebisaitide omanikele. Soovitud teabe otsimiseks sõrme või pöidlaga puudutades on vaja tõhusat ja sujuvat navigeerimist. Veebisaitide omanikud ja veebidisainerid peavad mõtlema järgmisele:

  • Külastajate vajadused
  • Nende peas kerkivad võimalikud küsimused
  • Seadme piirangud
  • Masendavad asjad veebisaidil

Kõiki neid aspekte on mobiiliveebisaidi kujundamisel oluline arvestada, eriti navigeerimist. Allolevatel ridadel saate teada, kui oluline on mobiiliveebisaitidel sujuv navigeerimine ja millised on parimad tavad, mida järgitakse kliendisõbraliku mobiiliveebisaidi navigeerimise loomiseks. Lugege ja rakendage, kui soovite oma saidi kasutajatelt head vastust saada.

Pange end saidi kasutajate kingadesse

95% kasutajatest otsivad mobiilseadmetes otsides kohalikku teavet. Seetõttu peaks mobiiliveebisaitidel olema veebisaidil nähtaval kohal asukoht, kontaktteave ja lahtiolekuajad. Jälgige mobiililiikluse analüüse ja leidke kategooriad, mida mobiilisaidi kasutajad kõige enam otsivad. Mainige veebisaidile jõudmiseks linki, et tõsised ostjad saaksid sülearvutis või lauaarvutis ettevõtte üksikasjaliku ülevaate.

Responsiivne veebikujundus

Veebidisainerid ei tea mobiilseadmetele disainimisel, millist seadet lõppkasutaja kasutab. See seab väljakutse luua kasutajasõbralikke mobiiliveebisaite. Sellise probleemi lahendamiseks pakub väljapääsu tundlik veebidisaini kontseptsioon. Reageerivad veebidisaini tööriistad, nagu CSS-meediapäringud, aitavad lahendada probleeme, nagu asukoht, suurus ja sisu. Reageeriva veebisaidi kujundamisel või olemasoleva veebisaidi uuendamisel mobiilseadmete jaoks tuleb sujuvaks navigeerimiseks järgida parimaid tavasid. Allolevatel ridadel on mainitud väheseid parimaid tavasid, eriti väikeste ekraanide menüüde kujundamisel!

1 Hoidke menüü vahekaarte minimaalselt

Menüünuppude maksimaalne arv peaks olema 5. Kui see töötab, võiks lisada pesastatud nuppe. See võib aga muutuda keerulisemaks, kui muudate olemasoleva töölauasaidi, millel on pikad navigeerimismenüüd, mobiiliveebisaidiks. Poodsaitide puhul on nõutav mitmetasandiline navigeerimine, kuid navigeerimine ei tohi ületada kahte taset.

2 Minimeerige kraanid

Lubage mobiilikasutajatel jõuda soovitud veebisaidi piirkonda minimaalse klõpsude arvuga. Lisaks asetage tagasinupp nähtavale kohale, kuna selle puudumine võib saidi külastajaid häirida. Vähem klikke jõuab soovitud veebisaidi piirkonda, seda suurem on veebisaidi kasutajate võimalus konversioonini jõuda.

3 Pakkuge kerivat navigeerimist

Asetage kategooriad navigeerimismenüüdesse ettevaatlikult ja arvestage iga kategooria tähtsusega. Kõige olulisemad elemendid tuleks asetada navigeerimispaneeli ülaossa ja loetleda teised alla. Üksikasjalike menüüde jaoks võib nutitelefonide väikestel ekraanidel olla vajalik kerimine.

4 Piirake päise kõrgust

Kasutage pehmeid päiseid ja piirake nende kõrgust. Lõppude lõpuks loeb päise all olev sisu kõige rohkem ja tabab sihtrühmi. Saidi kasutajatel peaks olema selge arusaam saidil navigeerimisest ilma segamiseta.

5 Kaaluge veebisaidi portreevaadet

Mobiilikasutajad saavad maastikuvaate asemel veebisaidi portreevaate. Navigeerimist tuleks vastavalt kohandada. Paku lehe läbimise asemel lugemisstiili. See vajab minimaalset arvu navigeerimiskategooriaid.

6 Kokkupandav navigeerimine

Pesastatud või kokkupandavad menüüd sobivad hästi veebisaitidele, mis vajavad menüüs sisu. See sobib hästi ka veebisaitidele, kuhu tulevikus oodatakse rohkemate kategooriate lisamist.

7 Otsustage kõige olulisemate asjade üle

Menüüde valimisel mõelge järgmisele:

  • Teie veebisaidi tähtsaimad lehed
  • Teie veebisaidi tippkategooria lehed
  • Mobiilikasutajate võimalikud ühised toimingud
  • Kasutajate vajadustele vastavad lehed
  • Mida kiiremini saidi külastaja soovitud asukohta jõuab, seda parem see on. Suunake nad selge üleskutse kaudu otse teele.
8 Muutke navigeerimine selgeks

Keele mõistmiseks peaks menüü olema selgelt kirjutatud. Külastaja peaks aru saama, mis suunas ta peaks minema. Kui kasutate sümboleid, muutke need intuitiivseks, et külastajad saaksid neid paremini mõista. Tavalisi sümboleid, nagu + või >, saab kasutada selleks, et anda külastajatele teada, et neil on rohkem menüüvalikuid, mida uurida.

9 Parandage kasutuskogemust fontide ja kontrastiga

Vältige väikese teksti kasutamist, mida kasutajad peavad vaatamiseks suumima. Otsingumootorid, nagu Google ja Bing, ei pea pisikest teksti kasutajasõbralikuks lähenemisviisiks. Kõrgem font koos täiendava tühikuga tähtede vahel võib olla parem valik. Arial, Courier, Times New Roman on mobiiliveebisaitidel tavalised kirjastiilid. Kirjastiili ja -suuruse üle otsustamisel võtke arvesse oma kaubamärgi stiilijuhendit. Ükskõik, mis stiili ja suurust mobiiliveebisaidil kasutate, peaks see aitama teksti lugemist ilma suumimata.

10 Looge puutepõhistele seadmetele veebisaite

Keskmine sõrm vajab täpseks klõpsamiseks 44 pikslit. See on tingitud sõrme suurusest ja puuteekraani jaoks vajalikust täpsusest. Vähem kui 40 piksli sihtmärk põhjustab kehva navigeerimise. Kuna kasutajatel pole enamasti lihtsam puutemärki täpselt tabada, on vaja navigeerimise tagasisidet. See tagasiside võib olla värvimuutuse, fondi muutmise või mõne muu visuaalse vihje kujul. Selline tagasiside võib aidata kasutajatel saada kindlustunnet õige kauba valimisel.

Mitmetasandilise navigeerimise puhul ei tohiks rippmenüüd olla hiirekursori kohal, vaid puudutage aktiveerimiseks. Lauaarvutite puhul töötab hõljutades navigeerimine kõige paremini, kuid mobiilikasutajatele on see tülikas.

Levinud on ka piltide ja graafiliste nuppude kasutamine navigeerimiseks. See viib külastajad õigesse suunda ja seega on see mobiiliveebisaidi avalehel suur atraktiivsus. Graafilisi nuppe on küll hea kasutada, kuid vältige nende kasutamist veebilehe allosas peamise navigeerimisena.

Andke oma saidi kasutajatele oma veebisaidi ühtlane välimus ja tunnetus mitmes seadmes. Visuaalne teema ja font peaksid olema ühtsed nii mobiili- kui ka lauaarvutisaitide jaoks. Siiski peaks navigeerimine olema erinev nii mobiili- kui ka lauaarvutisaitide puhul.

Veenduge, et teie mobiiliveebisaidil navigeerimine aitaks saidi kasutajatel veebisaidil vajalikke ülesandeid täita. Kasutage mobiiliveebisaidi sisu vastavalt kasutajate vajadustele.

Kuidas optimeerida puuteekraane ja pisikesi nuppe?

Veebidisainerid näevad puuteekraanide ja väikeste nuppude jaoks veebisaitide loomisel uut väljakutset. Soovitud nupu vajutamisel on vähem täpsust ja suurem on tõenäosus, et kasutaja saab pärast valet vajutamist pettumust. Sellega saaks hästi hakkama, kasutades linkide asemel nuppe ja andes menüünuppude või linkide ümber rohkem ruumi. Suurem navigeerimisnupp aitab puuteekraaniga kasutajatel sujuvalt navigeerida. Siin on mõned näpunäited puuteekraanide ja vahekaartide optimeerimiseks.

  • Teadke saidi kasutajate peamist eesmärki veebisaidi külastamise taga ja asetage menüüriba veebilehe ülaossa või alla. Sisupõhiste veebisaitide puhul saab menüüriba paigutada veebilehe allossa.
  • Kui sisu jaoks on rohkem ruumi, saate menüüriba peita. Puudutades kuvatakse täielik menüü.
  • Menüü lingi võiks paigutada ekraani ülaossa, navigeerimisnupu aga alla.
  • Hoidke menüüriba lühike ja lai. See aitab pikemate kategooriate pealkirju hõlpsalt mainida.
  • Vähendage päise kujutise suurust või kasutage navigeerimisruumi suurendamiseks selle asemel logo.
  • Näidake navigeerimisnuppude stiili, tüpograafia ja värvi järjepidevust.
  • Vältige suuremate piltide ja graafika kasutamist.
  • Kasutage menüünuppude ja kategooriate pealkirjade juures lühikest teksti. Hea alternatiiv on virnastatava menüü kasutamine.
  • Mainige peamisi üksusi, mida enamik kasutajaid avalehel näha soovib.

Mida mobiilinavigatsiooni optimeerimisel vältida?

Mobiilikasutajatele ei meeldi rohkem valikuid nuppude hulgast. Nende pettumuse vältimiseks ärge järgige järgmisi asju:

  • Ärge pakkuge neile rohkem valikuvõimalusi
  • Suur ei horisontaalse kerimise jaoks
  • Vältige hõljumist
  • Vältige liugurmenüüd
  • Lihtsustamine ei tähenda, et saidi külastajal hakkab igav.
  • Olge navigeerimisel intuitiivne
  • Pakkuge vajalikku teavet lihtsalt ja kiiresti

Järeldus:

Mobiilse navigeerimise puhul järgivad veebidisainerid mitut lähenemisviisi ja pidevalt töötatakse välja uusi. Kuna saidid on erinevad, on ka saidi kasutajate vajadused erinevad ja seetõttu tuleks navigeerimine vastavalt kujundada. Uudiste veebisaiti külastavad kasutajad soovivad pealkirju ja veebipõhiste ettevõtete kasutajad vajavad tooteteavet või kontaktteavet. Kohandatud navigeerimine vastavalt kasutajate nõudmistele on viis veebisaidi edukaks muutmiseks.

Kuigi navigatsioonielemendid on mobiiliveebisaitide ja lauaarvutisaitide puhul erinevad, on kõige rohkem vaja vastata saidi kasutajate küsimustele, kui nad veebisaiti külastavad. Sujuv navigeerimine tagab saidi kasutajatele kiired ja õiged vastused. Saidi kasutajate vajaduste rahuldamine tähendab nende kutsumist veebisaiti ikka ja jälle külastama. Rõõmsad ja rahulolevad kliendid tulevad veebisaidile uuesti.

Jätkake oma mobiiliveebisaidi ja sellel navigeerimise optimeerimist pidevalt, et saidi kasutajaid huvitada.

Kuna olete veebidisainer, millist navigeerimist eelistate oma mobiiliveebisaidil? Jagage allolevates kommentaarides!

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More