Bandymai vaizdus ir teksto ilgius, kad jūsų svetainė reaguotų tinkamai
Kai mes projektuojame svetaines ir planuosime, kaip bus rodomas šių svetainių turinys, mes dažnai tai darome, turėdami omenyje idealią situaciją. Antraštės ir teksto sritys suprantamos kaip turinčios tam tikrą ilgį, o kartu su tuo tekstu pateikiami vaizdai yra skirti matmenims, kurie leis jiems dirbti taip, kaip numatyta, pagal bendrą dizainą. Net jei šie elementai yra šiek tiek sklandūs, kaip dalis reaguoja į tinklalapio kūrimą (kokie jie turėtų būti), bus ribojamas jų lankstumas.
Jei jūs įdiegsite svetainę CMS (turinio valdymo sistemoje) ir leisite klientams valdyti šią svetainę ir pridėti naują turinį per tam tikrą laiką, jūsų sukurtos ribos bus visiškai išbandytos. Pasitikėk tuo, kad jūsų klientai ras būdus, kaip pakeisti svetainę, apie kurią niekada nematėte. Jei neatsižvelgėte į situacijas, kurios nėra idealios, su kuriomis dirbote projektavimo procese, šios svetainės išdėstymas gali būti rimtai pavojaus. Štai kodėl ypač svarbu, kad prieš išleidžiant šią svetainę išbandytumėte visą svetainės turinį ir svetainės išdėstymo aspektus. Štai keli patarimai, kaip tai padaryti.
Vaizdo dydžių testavimas
Be abejonės, labiausiai paplitęs būdas, kaip žmonės sugadina svetainės išdėstymą, yra pridedant netinkamai įvertintų vaizdų (tai taip pat yra tai, kad jie neigiamai veikia svetainės bendrą našumą ir sukelia lėtą atsisiuntimo greitį). Tai apima per didelius vaizdus, taip pat tuos, kurie yra per maži, kad galėtumėte dirbti pagal jūsų svetainę.
Net jei naudosite CSS, kad įjungtumėte šių vaizdų dydį savo išdėstyme, vaizdai, kurie yra nepaprastai nesuskaičiuojami su originaliomis svetainės specifikacijomis, gali sukelti problemų. Jei vaizdo matmenys yra neteisingi, jūsų CSS gali priversti šį vaizdą rodyti naudojant atitinkamą plotį ir aukštį, tačiau pats vaizdas ir jo proporcijos gali būti iškraipomos. Tai neabejotinai turės neigiamos įtakos jūsų svetainės išvaizdai, nes per mažas vaizdas bus "susprogdintas" ir praras kokybę. Vaizdas, kuris yra pernelyg didelis ir mažesnis naudojant CSS, atrodo puikiai ir išsaugo jo kokybę, tačiau failo dydis gali būti nepagrįstas, kaip jis naudojamas.
Bandydami savo svetainę, būtinai pridėkite vaizdus, kurie nepriklauso jūsų numatytam taikymo sričiai. Pridėkite CSS ir greitą vaizdų apdorojimo būdus, kurie sprendžia šiuos iššūkius keičiant vaizdo dydį arba, netinkamo formato santykio atveju, taip pat atsižvelgiant į tai, ar reikia naudoti kažką panašaus į CSS įrašo savybę, kad reikia apkarpyti vaizdą.
Kitų žiniasklaidos testavimas
Be vaizdų, taip pat išbandykite kitas žiniasklaidos priemones, pvz., Vaizdo įrašus savo svetainėje, ir sužinokite, kaip šie elementai bus rodomi naudojant skirtingus dydžius ir proporcijas. Dar kartą apsvarstykite, ar jūsų svetainė yra jautriai reaguojama, ir kaip ji veiks skirtingiems įrenginiams ir ekranų dydžiams .
Teksto antraščių tikrinimas
Po atvaizdų kitą svetainės sritį, dėl kurios dažniausiai kyla problemų su svetainėmis, kuriose valdomos ne žiniatinklio specialistai, yra tekstinės antraštės. Tai yra (tariamai) trumpos teksto eilutės, kurios dažnai pradeda puslapio arba jo dalies turinį toje svetainėje. Virš šios pastraipos esančio teksto, kuriame rašoma "Teksto antraščių tikrinimas", yra šio pavyzdžio pavyzdys.
Jei sukūrėte svetainę, kad galėtumėte priskirti tokią antraštę:
"Teksto antraščių tikrinimas"
Tačiau jūsų klientas naudoja CMS, norėdamas pridėti straipsnį tokiu pavadinimu:
"Teksto antraščių testavimas įvairioms svetainėms su skirtingais dydžiais ir naudotojų poreikiais"
Tada jūsų išdėstymas gali neleisti švariai pritaikyti viso to papildomo teksto. Panašiai kaip ir jūs turėtumėte išbandyti savo vaizdus ir žiniasklaidą, pridėdami įrašų, kurie gerokai pranoksta iš pradžių suplanuotų dydžių, taip turėtumėte tai daryti su teksto antraštėmis, kad būtų pakankamai lanksčios, kad būtų galima efektyviai rodyti net labai ilgas linijas, pvz. vienas aukščiau.
Teksto ilgio testavimas
Norint išlaikyti teksto temą, taip pat norėsite išbandyti skirtingus pagrindinio puslapio turinio teksto ilgius. Tai apima labai ilgą ir labai ilgą tekstą, taip pat tekstą, kuris yra labai, labai trumpas - iš tikrųjų tai gali sukelti daugelį puslapių išdėstymo.
Kadangi tinklalapiai, priklausomai nuo jų pobūdžio, auga taip, kad apimtų juose esančio teksto aukštį, puslapiai su daug teksto paprastai tik padidins, kiek reikia. Jei nenustatėte puslapio aukščio (kurį neturėtumėte padaryti, jei norite, kad puslapis būtų lankstus), papildomas tekstas neturėtų kelti problemų. Per mažas tekstas yra dar viena problema - ir tai yra tas, kurį daugelis dizainerių pamiršta išbandyti jų projektavimo procese.
Per mažai teksto puslapio išvaizda gali būti neišsami arba netgi sulaužyta, todėl įsitikinkite, kad masto puslapio turinį, kad pamatytumėte, kas atsitinka tose situacijose, ir atlikite reikiamus svetainės CSS pakeitimus, kad galėtumėte tvarkyti tokias situacijas.
Testavimo puslapio mastelio keitimas
Žmonės, turintys regėjimo problemų, gali naudoti žiniatinklio naršyklės funkciją "Page Zoom", kad padidintų jūsų tinklalapio dydį. Jei kas nors padidins didelę sumą, jūsų maketas gali suskaidyti. Tai yra viena iš priežasčių, kodėl galbūt norėsite naudoti EM kaip jūsų svetainės šrifto dydžių matavimo vienetą, taip pat savo žiniasklaidos užklausas . Kadangi EM yra santykinis matavimo vienetas (pagal numatytuosius tos naršyklės teksto dydžius), jie yra labiau palankūs skystoms, lanksčioms svetainės išdėstymams.
Patikrinkite savo svetainę, kad padidintumėte puslapį, o ne tiesiog sustabdyti vieno ar dviejų lygių mastelio keitimo. Padidinkite svetainę aukštyn ir žemyn įvairiais lygiais, kad užtikrintumėte, jog jūsų puslapiai reaguoja taip, kaip ketina.
Nepamirškite apie atsisiuntimo greitį ir našumą
Išbandę kliento sprendimų išdėstymo pasekmes, nepamirškite taip pat atkreipti dėmesį į poveikį, kurį šie sprendimai turi svetainės veikimui. Vaizdai ir turinys, kurį pritars tie klientai, gali trukdyti svetainės atsisiuntimo greičiui ir rimtai sunaikinti bendrą svetainės tinkamumą naudoti. Planuokite šių papildymų poveikį ir prisidėsite prie plėtros proceso, kad sumažintumėte šiuos padarinius.
Jei svetainė kuriama naudojant našumo biudžetą, dalinkitės šia informacija su savo klientais ir parodykite jiems, kaip patikrinti našumo metrikos tinklalapį. Paaiškinkite jiems, kaip svarbu išlaikyti šias nustatytas puslapio dydžio ir atsisiųstuvo greičio ribas ir parodyti, kaip jų papildymai gali turėti įtakos visai svetainei. Pasinaudokite laiku, kad išmokytumėte, kaip tinkamai dirbti ir atrodyti gerai. Dėl mokymo ...
Klientų mokymas yra būtinas
Svarbu išbandyti svetainės vaizdus, tekstus ir kitus puslapio elementus bei kurti stilius, kurie bus naudojami ekstremaliose situacijose, tačiau tai niekada nepakeis klientų mokymo. Jūsų darbas, prieštaraujantis svetainei, turėtų būti be laiko, kai praleidžiate mokymus savo klientams, kaip veiksmingai rūpintis savo svetainės valdymu ir valdyti. Galų gale gerai apmokytas klientas, kuris supranta savo pareigas ir jų priimamų sprendimų poveikį svetainėje, bus neįkainojamas jūsų pastangoms išlaikyti šią svetainę ir atrodyti geriausiai.