Oes gennych chi " wefan ymatebol "? Mae hwn yn safle gyda gosodiad sy'n newid yn seiliedig ar ddyfais ymwelwyr a maint y sgrin. Mae dylunio gwefannau ymatebol bellach yn arfer gorau i'r diwydiant. Mae'n cael ei argymell gan Google a'i gael ar filiynau o safleoedd ar draws y We. Fodd bynnag, mae gwahaniaeth mawr rhwng cael gwefan sy'n "ffitio" ar wahanol faint o sgrin a chael safle sy'n wirioneddol ymatebol.
Rwyf fel arfer yn gweld cwmnïau yn ailgynllunio eu gwefan ac yn pwyso allan datganiad i'r wasg yn ymestyn rhinweddau eu dyluniad newydd sy'n gyfeillgar i symudol. Pan fyddaf yn ymweld â'r safleoedd hynny, yr hyn yr wyf yn ei ddarganfod yn aml yw cynllun sydd yn wirioneddol yn graddio ac yn newid i ffitio ar wahanol sgriniau, ond mae hynny cyn belled ag y maen nhw'n cymryd y syniad o ymatebolrwydd. Nid yw hyn yn ddigon. Mae gwefan wirioneddol ymatebol yn fwy na dim ond graddfa i ffitio sgrin lai neu fwy. Ar y safleoedd hyn, fe gewch chi hefyd y nodweddion pwysig canlynol.
1. Perfformiad wedi'i Optimeiddio
Nid oes neb yn hoffi aros am wefan i'w lwytho, a phan fydd rhywun yn defnyddio dyfais symudol gyda chysylltiad a allai fod yn llai na delfrydol, mae'r angen i safle i'w lwytho'n gyflym fyth yn bwysicach fyth.
Felly sut ydych chi'n gwneud y gorau o berfformiad eich safle? Os ydych chi'n dechrau gyda safle newydd fel rhan o ailgynllunio, yna dylech ei gwneud yn bwynt i greu cyllideb berfformiad fel rhan o'r prosiect hwnnw. Os ydych chi'n gweithio gyda safle presennol ac nad ydynt yn dechrau o'r dechrau, y cam cyntaf yw profi perfformiad eich safle i weld lle rydych chi'n sefyll heddiw.
Unwaith y bydd gennych waelodlin o ble mae eich safle yn sefyll yn beryglus, gallwch ddechrau gwneud y gwelliannau angenrheidiol i gynyddu cyflymder llwytho i lawr. Mae'n debyg mai lle gwych i ddechrau yw gyda delweddau eich gwefan. Delweddau rhy fawr yw'r sawl sy'n cael eu troseddu pan ddaw i safleoedd llwytho'n araf, felly gall gwneud y gorau o'ch delweddau ar gyfer cyflwyno'r we wirioneddol helpu eich safle o safbwynt perfformiad.
Y gwir amdani yw bod perfformiad gwell y wefan a chyflymderau llwytho i lawr yn fuddiol y bydd pob ymwelydd yn ei werthfawrogi. Wedi'r cyfan, nid oes neb erioed wedi cwyno bod safle wedi'i lwytho "yn rhy gyflym", ond os yw safle'n cymryd rhy hir i'w lwytho, bydd yn troi pobl yn llwyr p'un a yw'n "ymatebol" yn eu sgrin ai peidio.
2. Hierarchaeth Cynnwys Smart
Pan ddangosir gwefan ar sgrin fawr, gallwch chi osod cynnwys mewn amryw o ffyrdd oherwydd bod yr eiddo tiriog sgrin sylweddol ar gael. Yn aml, gallwch ffitio negeseuon a delweddau pwysig, diweddariadau newyddion, gwybodaeth am ddigwyddiadau, a llywio gwefannau i gyd ar y sgrin ar unwaith. Mae hyn yn caniatáu i ymwelydd sganio cynnwys y dudalen gyfan yn hawdd ac yn gyflym a phenderfynu beth sy'n bwysig iddyn nhw.
Mae'r sefyllfa hon yn newid yn ddramatig pan fyddwch chi'n cymryd y dyluniad o'r safle hwnnw a'i drawsnewid ar gyfer dyfeisiau sgrin bychan, fel ffôn gell. Yn sydyn rydych chi'n gweithio gyda ffracsiwn o ystad go iawn y sgrin a gawsoch o'r blaen. Mae hyn yn golygu bod angen ichi benderfynu beth fydd yn ymddangos yn gyntaf ar y safle, beth fydd yn ei ddilyn, ac ati. Yn hytrach na phopeth sy'n cael ei weld ar unwaith, mae'n debyg y bydd gennych le i ddangos un neu ddau o bethau (un ohonynt yn debygol o lywio). Mae hyn yn golygu bod angen gwneud penderfyniadau hierarchaeth. Yn anffodus, yr hyn sy'n aml sy'n penderfynu beth sy'n dod gyntaf ar y sgrin, ac yna ail, ac ati yw'r ffordd y codir y dudalen ei hun. Mae'n haws, wrth adeiladu safle ymatebol, i ddangos beth sydd gyntaf yn y cod cyntaf ar y sgrin, ac yna'r ail eitem yn y cod ac ati. Yn anffodus, efallai na fydd yr hyn sy'n bwysicach ar un dyfais mor hanfodol ar un arall. Mae gwefan wirioneddol ymatebol yn deall y dylai hierarchaeth y cynnwys newid yn dibynnu ar wahanol sefyllfaoedd a dylai fod yn smart am yr hyn y mae'n ei ddangos lle.
Mae gwelliannau mewn technegau gosod CSS, gan gynnwys CSS Grid Layout, Flexbox, a mwy, yn caniatáu mwy o opsiynau i ddylunwyr gwe a datblygwyr wrth ddod i ddeall cynnwys yn ddeallus, yn lle cael eu hatal rhag union orchymyn yr ardaloedd cynnwys yn y cod HTML. Bydd manteisio ar y technegau gosod newydd hyn yn dod yn bwysicach fyth wrth i dirwedd y ddyfais, ac anghenion defnyddwyr ein safle, barhau i esblygu.
3. Profiadau sy'n cymryd i ystyriaeth Cryfderau a Gwendidau'r Dyfais
Aros ar bwnc dyfeisiau - mae gan bob dyfais y gall rhywun ei ddefnyddio i ymweld â'ch gwefan ddau gryfderau a gwendidau sy'n rhan o'r platfform hwnnw. Mae gwefan ymatebol wych yn deall galluoedd a chyfyngiadau gwahanol ddyfeisiau ac yn eu defnyddio i greu profiadau wedi'u haddasu sydd fwyaf addas i ba ddyfais y gall ymwelydd ei ddefnyddio ar yr adeg honno.
Er enghraifft, mae ffôn gell yn cynnwys nifer o nodweddion na fyddech chi'n eu canfod mewn cyfrifiadur pen-desg traddodiadol. Mae GPS yn un enghraifft o nodwedd symudol-ganolog (ie, gallwch gael gwybodaeth leol gyffredinol ar bwrdd gwaith hefyd, ond mae dyfais GPS yn llawer mwy cywir). Gall eich gwefan ddefnyddio gwybodaeth GPS i anfon gwybodaeth bersonol a phenodol yn fanwl gywir a phenodol yn benodol ar gynigion cam-wrth-gam neu gynigion arbennig yn seiliedig ar union leoliad ar yr adeg honno.
Enghraifft arall o'r pennaeth hwn yn ymarferol fyddai safle sy'n deall pa fath o arddangosiad sgrin rydych chi'n ei ddefnyddio ac yn anfon delweddau sydd fwyaf addas i'r arddangosfa honno. Os oes gennych sgrin gyda dwysedd picsel uchel, efallai y byddwch chi'n penderfynu anfon delweddau o ansawdd uwch i'r sgrin honno. Byddai'r un delweddau hyn yn ddibynadwy ar sgrin llai galluog, fodd bynnag, a byddai'r ansawdd ychwanegol yn cael ei golli tra byddai'r maint ffeil ychwanegol yn cael ei lawrlwytho heb reswm gwirioneddol.
Mae safleoedd ymatebol iawn yn ystyried profiad y defnyddiwr cyfan ac yn gweithio i deilwra'r profiad hwnnw, nid yn unig yn fath o ddyfais neu faint ei sgrin, ond agweddau pwysig eraill o'r caledwedd hefyd.
4. Cynnwys Gyda Chyd-destun
I ddechrau, cafodd dyluniad gwe ymatebol ei enw oherwydd y syniad o gynllun y safle yn ymateb i wahanol faint o sgrin, ond gallwch ymateb i gymaint mwy na dim ond maint y sgrin. Gan adeiladu ar yr enghraifft flaenorol o ddefnyddio cryfderau a gwendidau dyfais, gallech ddefnyddio'r rheini, yn ogystal â data eraill fel y dyddiad a'r amser, i addasu profiad gwefan yn wirioneddol.
Dychmygwch wefan ar gyfer digwyddiad sioe fasnach fawr. Er y bydd gwefan ymatebol yn newid cynllun tudalennau'r safle i raddfa gyda sgriniau gwahanol, gallech hefyd ddefnyddio'r dyddiad i benderfynu pa gynnwys sydd bwysicaf i'w harddangos. Os yw'r cyfnod o amser cyn y digwyddiad, mae'n debyg y byddwch am arddangos gwybodaeth gofrestru yn amlwg. Os, fodd bynnag, mae'r digwyddiad mewn gwirionedd yn digwydd ar hyn o bryd, efallai na fydd cofrestru'n cynnwys pwysicaf. Yn lle hynny, efallai y byddwch yn penderfynu bod amserlen ddigwyddiadau'r dydd yn fwy beirniadol gan ei fod yn fwy perthnasol i anghenion uniongyrchol y defnyddiwr hwnnw.
Gan gymryd camau ymhellach, gallech ddefnyddio GPS dyfais i bennu lle maent mewn gwirionedd yn y sioe fasnach. Fe allech chi roi cynnwys rhyngweithiol iddynt yn seiliedig ar eu lleoliad, gan ddangos bwthi cyfagos neu sesiynau ar fin cychwyn.
5. Hygyrchedd
Yr enghraifft derfynol y byddwn yn edrych ar sut y gall safle wirioneddol ymateb i anghenion ymwelwyr yw ystyried hygyrchedd gwefan . Dylai gwefannau allu defnyddio cymaint o bobl â phosib, gan gynnwys y rhai ag anabledd. Dylai rhywun sydd angen darllenydd sgrîn neu feddalwedd arall a gynorthwyir i gael mynediad at ei gynnwys ar gyfer eich gwefan. Yn y modd hwn, mae eich safle yn ymateb i'w hanghenion oherwydd eich bod wedi sicrhau bod y profiad, tra'n wahanol i ymwelwyr anabl, yn dal yn briodol.
Drwy ymateb i gymaint o bwyntiau data â phosib, ac nid dim ond maint y sgrin, gall gwefan fod yn llawer mwy na dim ond "cyfeillgar symudol". Gall fod yn brofiad gwirioneddol ymatebol ym mhob ystyr o'r ymadrodd.