Leiðbeiningar um móttækilegan vefhönnun og bestu starfshætti

Lærðu um móttækilegan vefhönnun og hvernig best er að nota bestu starfshætti til að fá sem mest út úr vefversluninni.


Hannar fyrir móttækilegan vefhönnun

Fleira fólk vafrar nú um netið með farsímum en með skjáborð eða fartölvur. Um það bil 51% af umferð vefsins kemur nú frá einhverjum í farsíma. Með svo miklum fjölda farsímanotenda er mikilvægt að netfyrirtæki tryggi að vefsíðan þeirra noti móttækilegan vefhönnun (RWD) og séu uppfærð með nýjustu vinnubrögðum RWD.

Hvað er móttækileg vefhönnun?

Einfaldlega sagt, RWD samanstendur af því að hanna ein vefsíða sem aðlagast fljótt að hvaða skjástærð sem er – hvort sem það er nýjasta 272 pixla breiða Apple Watch eða plasma sjónvarp, með venjulegum tölvum, spjaldtölvum og farsímum á milli.

Móttækilegt dæmi um vefhönnun

Til að hjálpa frekari skýringum, hér að neðan sem viðeigandi dæmi um móttækilegan vefhönnun á vefnum Epli vefsíðu. Hér að neðan er hlið saman við samanburð á skjáborði og snjallsíma á vefsíðunni:

RWD samanburður á skjáborði og snjallsíma

Innihaldið er það sama í báðum skjámyndunum, en skipulag og hönnun notendaviðmóta eru mismunandi. Í skjámynd snjallsímans eru vefsíðukaflarnir staflaðir til að auðvelda lóðrétta flettu og siglingavalmyndin er kippt á bak við nú kunnuglegt hamborgaratákn. Smellanlegir hlekkir neðst á síðunni eru einnig breiðir og nógu háir til að koma til móts við fingur tappa.

Í kjarna RWD, er djúpt áhyggjuefni fyrir upplifun notenda á vefnum. Flestir heimsækja vefinn þinn frá mismunandi stöðum með fjölmörgum mismunandi tækjum – skrifborðstölvunni í vinnunni, snjallsíminn þegar þeir eru í neðanjarðarlestinni og spjaldtölvan við svefn. Óháð því hvaða tæki þeir nota á þeim tíma sem þeir eru á vefsíðunni þinni, búast notendur við að það virki bara. Notkun RWD á réttan hátt þýðir að upplifun notenda á vefsíðunni þinni er stöðug og notaleg, sama hvaða notendur tækisins eru á.

Að nota móttækilegan vefhönnun til fulls

Þrátt fyrir að hanna vefsíðu sem lítur vel út á öllum skjástærðum er frábært skref í rétta átt, þá skiptir öllu að þú hættir ekki þar. Til að fyrirtæki þitt geti nýtt sér RWD að fullu þarftu að setja RWD í heildstæðari stefnu með neytandi margra tækja í miðju þess. Þetta þýðir:

  • Ekki bjóða farsímanotendum svipaða útgáfu af skjáborðsvefnum þínum þar sem þeir hafa takmarkaða notkun. Ábending: haltu áfram að fylgjast með aðgerðum farsíma notenda á vefsíðunni þinni. Ef þú tekur eftir notendum að lenda á vefsíðunni þinni en eyðir varla efninu þínu eða eyðir ekki tíma í það eru líkurnar á að þeir lendi í einhvers konar vegatálma.
  • Ekki koma til móts við farsímanotandann á nákvæmlega sama hátt og skrifborðsnotandinn. Nýttu þér alla möguleika sem farsíminn býður upp á. Til dæmis, ef þú átt veitingastað, gerðu það auðvelt fyrir farsíma viðskiptavini að staðsetja fyrirtækið þitt eða panta með því að nýta kraft tækninnar eins og HTML5 landfræðsla og símanúmerinntak á vefsíðu þinni.
  • Vertu með í huga síðuhraði. Samkvæmt rannsóknum Nielsen Norman Group, leiðandi ráðgjafar notendaupplifunar, 47% gesta búast við því að vefsíða hleðst inn innan við 2 sekúndur og 40% gesta munu yfirgefa vefsíðuna ef hleðsluferlið tekur meira en 3 sekúndur. Þetta er jafnvel enn meira þegar kemur að notendum farsíma, sem eru á ferðinni og hafa oft bandbreiddartakmarkanir.
  • Vera meðvitaður um óspilanlegt efni. Sum tækni eins og Flash spilarar njóta ekki mikils stuðnings í farsímum. Þess vegna er ráðlegt að þú notir þau ekki á vefsíðuna þína og forðastu að tengjast þeim frá síðunum þínum. HTML5 vídeó og hljóð eru vissulega mun betri kostur miðað við einkatækni. Það er líka góð hugmynd að bæta við afriti af vídeóinnihaldinu. Reyndar gæti fjöldi notenda viljað skriflegt efni fram yfir vídeó eða hljóð, sum hjálpartækni getur aðeins unnið á ritað efni og Google getur betur aflað gagna um það sem vídeóið þitt eða hljóðefni snýst um.
  • Forðastu að nota glugga og sprettiglugga sem kemur í veg fyrir að notendur sjái eða hafa samskipti við efnið þitt. Þetta er stundum erfitt að loka í farsímum þar sem fasteignir á skjánum eru takmarkaðar og valda viðskiptavinum þínum gremju.
  • Borga athygli að snerta! Ef vefsíðan þín byggir á atburðum með sveima á músum til að sýna falið efni virkar þessi virkni ekki á farsíma. Farsímar nota ekki mús. Í staðinn hafa notendur samskipti við efni með því að nota snertibendingar eins og að banka og strjúka. Veldu því að afhjúpa falið efni með því að smella frekar en að sveima á músinni. Vertu einnig viss um að vefsíðugerð þín reikni með því að fingurgómarnir séu stærri en músarbendillinn með því að leyfa nægt pláss til að hafa samskipti við hlekki á síðunni þinni á þægilegan og sléttan hátt.

Ávinningur af RWD síðu

Í fyrsta lagi, Google mælir beinlínis með RWD nálguninni við farsímavæna vefsíðu. Aðrir kostir RWD eru:

  • Stök vefslóð auðveldar notendum að deila og tengja við efnið þitt;
  • Það er hagkvæmara að viðhalda einni vefsíðu en að viðhalda mörgum síðum fyrir sama efni;
  • Tilvísanir á farsímasíðu hafa áhrif á hleðsluhraða síðu fyrir notendur í farsíma. Einnig er tilvísun til villuleiðbeiningar, sem byggist á vafra uppgötvun, skaðleg notendareynsla vefsins þíns. Að samþykkja RWD leysir þessi mál einfaldlega vegna þess að með því að nota sömu vefsíðu bæði fyrir skjáborð og farsíma skoðar þú þarft ekki að beina notendum á farsímasértæka vefsíðu;
  • Með því að breytilegu landslagi á mismunandi tækjum er næst því ómögulegt að búa til og uppfæra margar útgáfur af sömu vefsíðu sérstaklega sniðin að skjástærð og eiginleikum hvers.

Er vefsíðan þín móttækileg? Prófaðu það!

Nota Google farsíma-vingjarnlegur próf til að prófa fljótt hvort vefsíðan þín er móttækileg. Bara afrita & líma vefslóð vefsíðunnar þinnar í textakassann og skoðaðu niðurstöðuna.

Niðurstaða

Til að útbúa vefsíðuna þína betur fyrir vistkerfið með mörgum tækjum er móttækileg vefhönnun nauðsyn. Hins vegar er einfaldlega ekki nóg að setja upp sjálfkjörið móttækilegt þema til að tryggja að vefsíðan þín standi vel og haldi viðskiptavinum þínum ánægðum. Þú verður að hafa RWD í netverslunarstefnu þinni með neytendafjölda tæknina í meginatriðum. Með því að gera það mun ganga langt að gera vefverslun þinn að uppáhaldi hjá viðskiptavinum þínum og Google.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map