Ertu með " móttækilegan vef "? Þetta er staður með skipulagi sem breytist á grundvelli tækis gestur og skjástærð. Móttækileg vefhönnun er nú besta iðnaður iðnaðarins. Það er mælt með því af Google og finnast á milljónum vefsvæða á vefnum. Það er hins vegar stór munur á því að hafa vefsíðu sem einfaldlega "passar" á mismunandi skjástærð og hefur síðuna sem er sannarlega móttækilegur.
Ég sé reglulega að fyrirtæki endurhanna heimasíðu sína og ýta út fréttatilkynningu sem dregur úr dyggðum nýrrar hreyfanlegur-vingjarnlegur hönnun. Þegar ég heimsækir þessar síður er það sem ég finn oft er uppsetning sem reyndar mælikvarði og breytist til að passa á mismunandi skjái, en það er eins langt og þeir taka hugmyndina um svörun. Þetta er ekki nóg. A raunverulega móttækilegur website gerir meira en bara mælikvarða til að passa minni eða stærri skjá. Á þessum síðum verður einnig að finna eftirfarandi mikilvæg eiginleika.
1. Bjartsýni árangur
Enginn finnst gaman að bíða eftir vefsíðu sem á að hlaða, og þegar einhver notar farsíma með tengingu sem kann að vera minna en hugsjón, er þörfin fyrir að hlaða á síðuna fljótt enn mikilvægara.
Svo hvernig hagræðir þú árangur þinnar? Ef þú byrjar á nýjum vef sem hluta af endurhönnun, þá ættir þú að gera það að benda á að búa til frammistöðu fjárhagsáætlun sem hluti af því verkefni. Ef þú ert að vinna með núverandi vefsvæði og er ekki að byrja frá grunni, fyrsta skrefið er að prófa árangur vefsvæðis þíns til að sjá hvar þú stendur í dag.
Þegar þú hefur upphafsstaðsetningu þar sem vefsvæðið þitt stendur frammistöðu má byrja að gera nauðsynlegar úrbætur til að auka niðurhalshraða. Frábær staður til að byrja er líklega með myndum síðunnar. Of stórir myndir eru # 1 sökudólgur þegar kemur að hægum hleðslusvæðum, þannig að hagræðing mynda fyrir afhendingu á vefnum getur raunverulega hjálpað þér að fá síðuna þína frá frammistöðu.
Staðreyndin er sú að betri viðbótartíðni og hratt niðurhalshraði eru ávinningur sem allir gestir munu þakka. Eftir allt saman hefur enginn kvartað við að síða hlaðinn "of hratt", en ef síða tekur of langan tíma að hlaða, þá mun það algerlega snúa fólki í burtu hvort það svari móttækilega á skjánum eða ekki.
2. Smart innihald stigveldi
Þegar vefsíða er sýnd á stórum skjá er hægt að leggja inn efni á ýmsa vegu vegna þess að umtalsverð skjár fasteign er í boði. Þú getur oft passað mikilvægum skilaboðum og myndum, fréttatilkynningum, viðburðarupplýsingum og vefleiðsögn allt á skjánum í einu. Þetta gerir gestum kleift að auðveldlega og fljótt skanna innihald síðunnar og ákveða hvað er mikilvægt fyrir þá.
Þessi atburðarás breytist nokkuð verulega þegar þú tekur þessi síða hönnun og umbreytir því fyrir smáskjá tæki, eins og farsíma. Skyndilega ert þú að vinna með brot af skjánum fasteignum sem þú áttir áður. Þetta þýðir að þú þarft að ákveða hvað mun birtast fyrst á síðunni, hvað mun fylgja því osfrv. Í stað þess að allt sést í einu, þá hefur þú líklega aðeins plássið til að sýna einn eða tvo hluti (einn þeirra er líklega flakk). Þetta þýðir að ákvarðanir stigveldis þurfa að vera gerðar. Því miður, hvað ákvarðar oft hvað kemur fyrst á skjánum, og þá næst, osfrv. Er hvernig blaðin sjálft er dulmáli. Það er auðveldast þegar þú setur upp móttækilegan vef til að sýna hvað er fyrst í kóðanum fyrst á skjánum og síðan næst hluturinn í kóðanum og svo framvegis. Því miður er það sem skiptir máli hvað varðar eitt tæki, ekki eins mikilvægt á öðru. A sannarlega móttækilegur staður skilur að stigveldi innihalds ætti að breytast eftir mismunandi aðstæðum og það ætti að vera klárt um hvað það sýnir hvar.
Umbætur í CSS skipulag tækni, þar á meðal CSS Grid Layout, Flexbox og fleira, leyfa vefhönnuðum og forriturum fleiri valkosti þegar kemur að því að greiða innihald út í stað þess að vera hamstrung með nákvæmri röð innihaldsefna í HTML kóða. Að nýta þessar nýju skipulagningartækni verða enn mikilvægari þar sem tækið landslag og þarfir notenda svæðisins okkar halda áfram að þróast.
3. Reynsla sem tekur tillit til styrkleika og veikleika tækisins
Haltu áfram á efni tækjanna - hvert tæki sem einhver getur notað til að heimsækja síðuna þína hefur bæði styrkleika og veikleika sem felast í þeirri vettvang. Frábær móttækileg síða skilur getu og takmörkun mismunandi tækjabúnaðar og notar þau til að búa til sérsniðnar reynslu sem hentar best fyrir hvaða tæki sem gestur kann að nota á því augnabliki.
Til dæmis inniheldur farsíminn fjölda eiginleika sem þú myndir ekki finna á hefðbundnum skjáborðs tölvu. GPS er eitt dæmi um farsíma-miðlægur eiginleiki (já, þú getur fengið almennar staðsetningarupplýsingar á skjáborðum eins og heilbrigður, en GPS-tækið er miklu nákvæmari). Vefsvæðið þitt kann að nota GPS upplýsingar til að senda persónulega nákvæmar og sérstakar leiðbeiningar um stíga eða stíga í áttina eða sérstök tilboð á grundvelli nákvæmlega hvar þau eru í augnablikinu.
Annað dæmi um þetta skólastjóra í raun væri staður sem skilur hvers konar skjáskjá þú notar og sendir myndir sem henta best fyrir þá skjá. Ef þú ert með skjá með hápunktsþéttleika getur þú ákveðið að senda myndir af meiri gæðum til þessarar skjás. Þessar sömu myndir myndu vera tilgangslaust á minni hæfur skjár og hins vegar auka gæði myndi glatast en auka skráarstærðin væri sótt án raunverulegrar ástæðu.
Really frábær móttækilegur staður fjalla um alla notendavandann og vinna að því að sníða þá reynslu sem byggist ekki aðeins á gerð tækis eða stærð skjásins heldur einnig öðrum mikilvægum þáttum vélbúnaðarins.
4. Efni með samhengi
Upphaflega hlaut móttækileg vefhönnun nafn sitt vegna hugmyndarinnar um skipulag síðunnar sem svarar mismunandi skjástærðum, en þú getur svarað svo miklu meira en bara skjástærð. Með því að byggja upp fyrra dæmi um notkun styrkleika og veikleika tækisins gætirðu notað þau, auk annarra gagna, svo sem dagsetningu og tíma, til að sérsníða vefupplifun.
Ímyndaðu þér vefsíðu fyrir stóra verslunarsýningu. Þótt móttækileg viðbót muni breyta skipulagi síðna á vefsvæðinu með mismunandi skjám, geturðu einnig notað dagsetningu til að ákvarða hvaða efni er mikilvægast að sýna. Ef það er tíminn fyrir atburðinn, vilt þú líklega birta skráningarupplýsingar áberandi. Ef hins vegar atburðurinn er raunverulega að gerast á því augnabliki, getur skráning ekki verið mikilvægasta efnið. Í staðinn getur þú ákveðið að áætlun dagsins um atburði sé gagnrýninn þar sem það skiptir meira máli fyrir strax þarfir notandans.
Ef þú tekur það enn frekar geturðu tappað inn GPS tækisins til að ákvarða hvar þau eru í viðskiptum. Þú gætir gefið þeim gagnvirkt efni byggt á staðsetningu þeirra, sýnt þeim nágrenninu búðir eða fundir um að byrja.
5. Aðgengi
Endanlegt dæmi sem við munum líta á fyrir því hvernig síða getur sannarlega brugðist við þörfum gestrisins er að hugsa um aðgengi að vefsvæðum . Vefsíður ættu að vera hægt að nota af eins mörgum og mögulegt er, þar á meðal þeim sem eru með fötlun. Vefsvæðið þitt ætti að vera hægt að nota af einhverjum sem þarfnast skjálesara eða annarrar aðstoðar hugbúnaðar til að fá aðgang að innihaldi þess. Þannig er vefsvæðið þitt að bregðast við þarfir þeirra vegna þess að þú hefur tryggt að reynsla, meðan öðruvísi fyrir fatlaða gesti, er enn við hæfi.
Með því að svara eins mörgum gögnum og mögulegt er, og ekki bara skjástærð, getur vefsíða verið svo miklu meira en bara "hreyfanlegur vingjarnlegur." Það getur orðið sannarlega móttækileg reynsla í öllum skilningi setningarinnar.