Kako stres test vsebine vaše spletne strani

Preizkusite slike in dolžino besedila, da zagotovite, da se vaša stran ustrezno odzove

Ko načrtujemo spletne strani in načrtujemo, kako bodo prikazane vsebine teh spletnih mest, to pogosto storimo z idealno situacijo v mislih. Naslovi in ​​besedilna področja so predstavljeni kot določeni dolžini, medtem ko so slike, ki spremljajo to besedilo, zasnovane tako, da se prikažejo v dimenzijah, ki jim omogočajo, da delujejo, kot je predvideno v celotnem oblikovanju. Tudi če so ti elementi nekoliko tekoči, kot del odziva spletnega mesta (ki bi jih morali biti), bo omejitev, kako prožna so.

Če razvijete spletno mesto v sistemu upravljanja z vsebinami (CMS) in strankam omogočite, da upravljajo to spletno mesto in sčasoma dodajajo nove vsebine, bodo omejitve, ki ste jih zasnovali, popolnoma preizkušene. Zaupajte v dejstvo, da bodo vaše stranke našli načine za spreminjanje spletne strani, za katero niste nikoli sanjali, da bi to storili. Če niste upoštevali okoliščin, ki so izven idealne tiste, s katerimi ste delali v svojem procesu oblikovanja, bi lahko bila postavitev tega spletnega mesta resno ogrožena. Zato je še posebej pomembno, da pred objavo te strani poudarite vse vsebine spletne strani in vidike postavitve spletnega mesta. Tukaj je nekaj nasvetov o tem, kako lahko to storite.

Preizkušanje velikosti slike

Brez dvoma je najpogostejši način, da ljudje zlomijo postavitev svoje spletne strani, z dodajanjem neprimerno velikih slik (to je tudi način, na katerega negativno vplivajo na splošno uspešnost spletnega mesta in povzročajo počasno hitrost prenosa). To vključuje slike, ki so prevelike, in tiste, ki so premajhne za delo, kot je bilo predvideno na vašem spletnem mestu.

Tudi če uporabljate CSS, da bi si prisilili velikost teh slik v vaši postavitvi, bodo slike, ki so brez izrednega obsega z originalnimi očali spletnega mesta, povzročile težave. Če so dimenzije slike nepravilne, lahko vaš CSS prisili, da se slika prikaže z ustrezno širino in višino, vendar se slika in razmerje stranic lahko izkrivita. To bo zagotovo negativno vplivalo na videz vašega spletnega mesta, saj bo premajhna slika "pihala" in bo izgubila kakovost. Slika, ki je prevelika, zaradi česar je CSS čimbolj manjše, izgleda dobro in ohranja svojo kakovost, vendar je velikost datoteke lahko nerazumna, velika za to, kako se uporablja.

Pri preizkušanju dela na spletnem mestu se prepričajte, da dodate slike, ki ne spadajo med predvidene obsege. Dodajte v CSS in odzivne tehnike slik, ki se ukvarjajo s temi izzivi tako, da spremenite velikost slike v skladu z ali, v primeru napačnega razmerja, upoštevajte tudi, če želite uporabiti podobno obliko posnetka CSS, da obrezujete sliko, kot je potrebno.

Preizkušanje drugih medijev

Poleg slik tudi preskusite druge medije, na primer videoposnetke na vašem spletnem mestu, in si oglejte, kako bodo ti elementi prikazani v vaši postavitvi z uporabo različnih velikosti in razmerja razmerja. Še enkrat razmislite o odzivnosti vaše spletne strani in o tem, kako bo delovala za različne naprave in velikosti zaslona .

Preizkušanje besedilnih naslovov

Naslednje spletne strani, ki povzročajo največ težav z živimi spletnimi mesti, ki jih upravljajo strokovnjaki, ki niso na spletu, so slike, so naslovi besedila. To so (domnevno) kratke črte besedila, ki bodo pogosto začele vsebino strani ali dela na tej strani. Primer tega je besedilo nad tem odstavkom, ki se glasi "Testiranje besedilnih naslovov".

Če ste ustvarili spletno mesto, ki bo prilagodil naslov, kot je ta:

"Preizkušanje besedilnih naslovov"

Toda vaša stranka uporablja CMS za dodajanje članka z naslovom, kot je ta:

"Preizkušanje besedilnih naslovov na različnih spletnih straneh, vse z zahtevami različnih velikosti in potrebami uporabnikov"

Potem vaša postavitev morda ne bo mogla čisto prilagoditi celotnemu dodatnemu besedilu. Tako kot bi morali poudariti svoje slike in medije, tako da dodate vnose, ki so zunaj velikosti, za katero ste prvotno zasnovali, zato bi morali to storiti z naslovi besedila, da se prepričate, da so dovolj prožni, da učinkovito prikazujejo celo zelo dolge linije, kot so ena zgoraj.

Preskušanje dolžine besedila

Če želite ostati na temo besedila, boste tudi želeli preizkusiti različne dolžine besedila za glavno vsebino na straneh . To vključuje besedilo, ki je zelo, zelo dolgo, pa tudi besedilo, ki je zelo, zelo kratko - kar je dejansko lahko vprašanje, ki ustvarja mnoge postavitve strani.

Ker spletne strani po naravi rastejo v velikosti, da se prilagodi višini besedila, ki ga vsebujejo, bodo strani z velikim številom besedil običajno le po višini po višini. Razen če omejite višino strani (kar ne bi smeli storiti, če želite, da je vaša stran prilagodljiva), dodatno besedilo ne bi smelo povzročati težave. Premalo besedila je še eno vprašanje - in to je tisto, ki ga mnogi oblikovalci pozabijo preizkusiti v svojem procesu oblikovanja.

Premalo besedila lahko naredi stran videti nepopolna ali celo prekinjena, zato se prepričajte, da razčlenite vsebino strani, da vidite, kaj se zgodi v teh primerih, in naredite potrebne prilagoditve CSS-ja vašega spletnega mesta za ravnanje v teh situacijah.

Preizkusno povečanje strani

Ljudje s težavami s vidom morda uporabljajo funkcijo Page Zoom v spletnem brskalniku, da povečajo velikost vaše spletne strani. Če nekdo zniža v znatni količini, bi se lahko vaša postavitev razbila. To je eden od razlogov, zakaj boste morda želeli uporabljati EM-ove kot merilno enoto za velikosti pisave vašega spletnega mesta in vaše medijske poizvedbe . Ker so EM-ji relativna merska enota (glede na privzeto velikost besedila tega brskalnika), so bolj ugodne za fluidne in prilagodljive postavitve spletnih mest.

Preizkusite svojo spletno stran za povečavo strani in se ne ustavite samo pri eni ali dveh stopnjah povečave. Povečajte svojo spletno stran navzgor in navzdol na različnih ravneh, da zagotovite, da se vaše strani odzovejo, kot je bilo predvideno.

Ne pozabite na hitrost in zmogljivost prenosa

Ko preizkušate posledice odločitev odjemalcev, ne pozabite upoštevati vpliva, ki ga imajo te odločitve na uspešnost spletnega mesta. Slike in vsebine, ki jih bodo te stranke dodale, bi lahko ovirale hitrost prenosa spletnega mesta in resno uničile splošno uporabnost spletnega mesta. Načrtujte vpliv teh dodatkov in sodelujte v razvojnem procesu, da bi te učinke čim bolj zmanjšali.

Če vaše spletno mesto gradi s proračunom za uspešnost, jih dajte v skupno rabo s svojimi strankami in jim pokažite, kako preskusiti spletno stran za meritve uspešnosti. Pojasnite jim, kako pomembno je ohraniti te uveljavljene prage za velikost strani in hitrost prenosa ter jim pokazati, kako lahko dodatki, ki jih naredijo, vplivajo na spletno stran kot celoto. Vzemite si čas, da jih naučite, kako obdržati delovno mesto in videti dobro. Na področju usposabljanja ...

Usposabljanje strank je bistveno

Pomembno je, da preizkusite slike, besedilo in druge elemente strani svojega spletnega mesta ter ustvarite sloge, ki bodo upoštevale ekstremne primere, vendar to nikoli ni nadomestilo za usposabljanje strank. Vaše delo bi moralo streljati na spletno mesto poleg časa, ko boste preživeli usposabljanje svojih strank, kako učinkovito skrbeti in upravljati svojo spletno stran. Na koncu je dobro usposobljena stranka, ki razume njihove odgovornosti in vpliv odločitev, ki jih podajo na spletnem mestu, neprecenljiva za vaša prizadevanja, da bi ta stran delovala in si jo po najboljših močeh ogledala.