Kuidas stressi testida oma veebisaidi sisu

Testid pilte ja teksti pikkusi, et teie sait reageeriks sobivalt

Kui me kujundame veebisaite ja plaanime, kuidas nende saitide sisu kuvatakse, siis teevad seda tihti ideaalses olukorras. Pealkirjad ja tekstiväljad on teatud pikkusega kujul, samas kui selle tekstiga kaasnevad kujutised on kujundatud sellistes mõõtmetes, mis võimaldavad neil töötada üldises disainis kavandatuna. Isegi kui need elemendid on mõnevõrra vedelikud osana reageerimisvõimelise veebisaidi ülesehitamisest (millised need peaksid olema), piiratakse nende paindlikkust.

Kui kasutate veebisaiti CMS-is (sisuhaldussüsteem) ja lubate klientidel seda saiti hallata ja aja jooksul lisada uut sisu, määratakse teie jaoks piirangud, mis on teie jaoks mõeldud. Usaldage asjaolu, et teie kliendid leiavad viise, kuidas veebisaiti muuta, mida sa kunagi ei unistanud, oleksid nad teinud. Kui te ei ole arvestanud olukordi ka väljaspool ideaalseid, kellega te disainiprotsessiga töötanud, võib selle saidi paigutus olla tõsises ohus. Sellepärast on eriti oluline, et enne selle saidi käivitamist kontrolliksite veebisaidi sisu ja saidi kujunduse aspekte. Siin on mõned näpunäited selle kohta, kuidas seda teha.

Pildi suuruse testimine

Kahtlemata on kõige levinum viis, kuidas inimesed murda oma veebisaidi kujundust, lisades sobimatult suurusega pilte (see on ka viis, mis mõjutab negatiivselt saidi üldist jõudlust ja aeglane allalaadimise kiirus). Siia kuuluvad liiga suured pildid, samuti need, mis on teie veebisaidil liiga väikesed.

Isegi kui kasutate CSS-i, et sundida nende kujutiste suurust oma kujunduses, tekivad probleemid pilte, mis on saidi algsetest spetsifikatsioonidest ebamäärane. Kui kujutise mõõtmed on valed, võib teie CSS sundida seda kujutist kuvama, kasutades sobivat laiust ja kõrgust, kuid pilt ise ja selle kuvasuhe võivad olla moonutatud. See avaldab kindlasti negatiivset mõju teie saidi välimusele, kuna liiga väike pilt "hoogustub" ja kaotab kvaliteedi. CSS-vormingus tehtud väiksem pilt on liiga hea, kuid see säilitab selle kvaliteedi, kuid faili suurus võib selle kasutamisviisi tõttu ebamõistlikult suur olla.

Kui proovite oma veebisaiti töötada, lisage kindlasti pildid, mis jäävad väljapoole kavandatud rakendusala. Lisage CSS-i ja sellele reageerivaid kujutistehnoloogiaid, mis käsitlevad neid väljakutseid kujutise suuruse muutmisega või vale kuvasuhte korral ka piltide lõikamiseks vastavalt vajadusele mõnda CSS-kirja omaduste kasutamist.

Muu meedia testimine

Lisaks kujutistele katsetage ka teist meediat nagu saidil olevad videod ja vaadake, kuidas need elemendid teie kujunduses kuvatakse, kasutades erinevaid suuruse ja kuvasuhte väärtusi. Veelkord kaaluge oma saidi tundlikku olemust ja seda, kuidas see toimib erinevate seadmete ja ekraanisuuruste jaoks .

Tekstitundide testimine

Pärast pilte on järgmise veebisaidi ala, mis põhjustab kõige rohkem veebivestlustega mitteseotud veebisaitide hallatavate veebisaitidega seotud probleemide esilekerkimist. Need on (väidetavalt) lühikesed teksti read, mis hakkavad sageli selle lehe või selle osa sisu sisestama. Selle lõike kohal olev tekst, mille tekst on "Tekstipeatuste testimine", on selle näide.

Kui olete loonud saidi, mis vastab sellisele pealkirjale:

"Tekstite rubriikide katsetamine"

Kuid teie klient kasutab CMSi, et lisada artikkel, mille pealkiri on järgmine:

"Tekstiredaktorite katsetamine kõigi erinevate suuruste nõudmiste ja kasutajate vajadustega veebisaitide jaoks"

Siis ei pruugi teie paigutus olla võimeline puhastama kogu seda ekstra teksti. Täpselt nagu te peaksite oma pilte ja meediumit stressitesti tegema, lisades kirjed, mis jäävad väljapoole esialgselt kavandatud suurustele, nii peaks ka seda tegema tekstipealkirjade abil, et tagada, et need on piisavalt paindlikud, et efektiivselt kuvada isegi väga pikkade joonte üks eespool.

Teksti pikkuse testimine

Teksti teemal olles tahate ka testida teisi teksti pikkusi lehtede põhisisu jaoks . See hõlmab väga, väga kaua pikka teksti, aga ka väga, väga lühikese teksti - mis võib tõepoolest olla küsimus, mis teeb palju lehe kujundusi.

Kuna veebilehed oma olemuselt suurenevad, et mahutada nende teksti kõrgus, siis suure hulga tekstiga lehed sageli ainult vajadusel kõrgust. Kui te ei ole lehe kõrgus piiranud (mida te ei tohiks teha, kui soovite, et leht oleks paindlik), ei tohiks täiendav tekst põhjustada probleemi. Liiga väike tekst on teine ​​teema - ja see on see, mida paljud disainerid unustavad testimisprotsessi käigus.

Liiga väike tekst võib muuta lehe välimuse olematuks või isegi katki, mistõttu veenduge, et lehe sisu on leitav, et näha, mis juhtub nendel juhtudel ja tehke oma saidi CSS-i vajalikud muudatused nende olukordade käsitlemiseks.

Testimislehekülje suum

Nägemisprobleemidega inimesed võivad oma veebilehe suuruse suurendamiseks veebibrauseri funktsiooni Page Zoom funktsiooni kasutada. Kui keegi zoomistab märkimisväärses koguses, võib teie paigutus laguneda. See on üks põhjusi, miks võiksite kasutada veebisaidi suuruste mõõtühikuks mõõdetavaid mõõtühikuid ja meediumipäringuid . Kuna EM on suhteline mõõtühik (põhineb selle brauseri vaiketeksti suurusel), on need paremad vedelate ja paindlike veebisaitide paigutustega.

Proovige veebisaiti lehekülje suumimiseks ja ärge lihtsalt peatuge ühe või kahe zoomi tasemel. Suurendage saidi üles ja alla erinevatel tasanditel, et teie lehed reageeriksid vastavalt oma soovidele.

Ärge unustage kiiruse ja jõudluse allalaadimist

Kui proovite kliendi otsuste küljendamise tagajärgi katsetada, ärge unustage ka pöörata tähelepanu nende otsuste mõjule saidi jõudlusele. Pilte ja sisu, mida need kliendid lisavad, võivad takistada saidi allalaadimise kiirust ja tõsiselt saidi üldist kasutatavust. Kavandage nende lisandumiste mõju ja tee oma osa arenguprotsessi, et minimeerida neid mõjusid.

Kui teie veebisait luuakse tulemusbilansiga, jagage seda teavet oma klientidega ja näidake neile, kuidas testida veebilehte tulemuslikkuse mõõdiku jaoks. Selgitage neile, kui tähtis on säilitada need kehtestatud lehtede suurus ja allalaadimise kiirus ning näidata neile, kuidas nende lisandused võivad kogu saidi mõjutada. Võtke aega, et õpetada, kuidas hoida saidi tööd ja hästi välja nägema. Koolituse teemal ...

Kliendikoolitus on oluline

Tähtis on testida saidi pilte, teksti ja teisi lehe elemente ning luua stiile, mis kajastaks äärmuslikke juhtumeid, kuid see pole kunagi klienditreeningu asendajaks. Veebisaidi täppisohutus peaks olema lisaks sellele ajale, kui veedate oma klientidelt oma saidi tõhusat hooldamist ja haldamist. Lõppkokkuvõttes on hästi koolitatud klient, kes mõistab oma kohustusi ja nende otsuste mõju veebisaidile, on hindamatu teie jõupingutustele hoida selle saidi tööd ja otsima parimat.