Hoe kontrastje jo ynhâld fan jo webside

Testingsôfbyldings en tekstlängen om jo side te soargjen te reagearjen

As wy websiden ûntwerpe en plannen hoe't de ynhâld fan dizze siden werjûn wurde, dogge wy faak dat mei in ideale situaasje yn 'tens. Lettertypen en tekstgebieten wurde foarkommen as beskate lingten, wylst de ôfbyldings dy 't mei dizze tekst begjinne, binne ûntwurpen om sjen te litten yn dimensjes dat se sa wêze kinne as wurkje yn it algemiene ûntwerp. Sels as dizze eleminten gewoan flauwe binne as in part fan in reageare webside bouwe (wêr't se wêze moatte), sil der in limyt wêze om hoe fleksibel se wêze kinne.

As jo ​​in webside ynstelle op in CMS (ynhâld management systeem) en kliïnten om dizze side te behearen en nije ynhâld yn 't tiid te setten, wurde de limiten dy't jo foar ûntwikkele hawwe sil absoluut yn' t test set wurde. Fertrouwen yn it feit dat jo kliïnten wize fine om de webside te feroarjen dat jo noait dreamden dat se dwaan woe. As jo ​​net foar situaasjes goed oanjûn hawwe fan 'e idealen dy't jo wurke hawwe yn jo ûntwerpproses, kin dat layout fan dizze side yn serieuze bedriging wêze. Dêrom is it benammen wichtich dat jo de webside-ynhâld en de aspekten fan it webstee testje foardat it webstee oplost is. Hjir binne guon tips foar hoe't jo dit dwaan kinne.

Testen fanôfbyldingsgrutte

Sûnder twifel is de meast foarkommende manier wêrop't minsken it layout fan har webside brekke, troch ûnbrûkberige ôfbyldings ta te foegjen (dit is ek de manier wêrop't se negative opliedings fan 'e totale wurking fan' e side bewege en feroarsake snelle reden). Dit befettet ôfbyldings dy't te grut binne, en ek dyjingen dy't te lyts binne om te wurkjen as bedoeld yn jo webside.

Sels as jo CSS brûke om de grutte fan dizze ôfbyldings te foarkommen yn jo layout, ôfbyldings dy't wyld út 'e skaal binne mei jo orizjinele specs foar de side, sille problemen feroarsaakje. As de ôfmjittingen fan in byld falle, dan kin jo CSS dit ôfbylding oanmeitsje mei help fan de passende breedte en hichte, mar it byld sels en har aspect ratio kinne ferwurke wurde. Dat sil wis in negative ynfloed hawwe op jo side's as in ôfbylding dy't te lyts is "blaze" en sil kwaliteit kwytreitsje. In ôfbylding dy't te grut is dat lytser makke is mei CSS makket goed te sjen en behâldt har kwaliteit, mar de triemgrutte kin ûnrepliklik grut wêze foar hoe't it brûkt wurdt.

By it testen fan jo webside wurkje, moatte jo der wiske wurde yn bylden dy't foarkomme foardat jo bedoeld tapassing binne. Foegje yn CSS en opfrege byldtechniken dy't dizze útjeften adressearret troch it werjaan fan 'e ôfbylding neffens as of yn' t gefal fan in ferkearde aspect ratio ek te behanneljen fan it brûken fan 'e CSS-klam-eigendom om it byld te nimmen.

Testing Other Media

Neist de bylden probearje ek oare media as fideo's op jo side en sjoch hoe't dizze eleminten ferskine yn jo ynrjochting mei ferskillende wearden en aspect ratio values. Op 'e nij besjoch it responsearjende aard fan jo side en hoe't it wurket foar ferskillende apparaten en skermgrutte .

Testen fan teksttitelingen

Nei ôfbyldings is it folgjende websidegebiet wêrtroch de measte problemen mei live websiden dy't net-web-professionals beheard wurde, teksttribingen. Dit binne de (saneamde) koarte tekstlinen dy't faak de ynhâld fan in side of in seksje op 'e side begjinne. De tekst boppe dizze paragraf dat lêst "Testing Text Headings" is in foarbyld dêrfan.

As jo ​​in side ûntwikkele hawwe om in kopiearje sa as ien:

"Testing fan teksttitelingen"

Mar jo kliïnt brûkt de CMS om in artikel mei in koptekst oan te jaan:

"Testen fan tekstkopings op in ferskaat oan webpages Alles mei ferskillende groepen easken en brûkersbedriuwen"

Dan kin jo ynrjochting net yn steat wêze om sa ekstra tekst te skjinmakke. Krekt sa't jo jo ôfbyldings en media besykje te kontrolearjen troch tafoegingen te finen dy't útskeakelje bûten de grutte dy 't ynsteld binne foar ûntwikkele, so moatte jo dat mei tekstkoppen soargje dat se flugge genôch binne om effektive even ultra-linige linen te bewurkjen lykas de ien hjirboppe.

Testen fan tekstlêsten

Bliuwend op it ûnderwerp fan tekst, jo wolle ek ferskillende tekstlangen hifkje foar de haad ynhâld op siden . Dit befettet tekst dat is tige, tige lang as tekst, dat is hiel, tige koart - wat kin it probleem wêze dat in soad side-layouts dooms.

Om't websiden, troch natuer, groeie yn grutte om de hichte fan 'e tekst te bepale dat se befetsje, siden mei in soad tekst sil gewoanwei justjes yn' e hichte skaad wurde as nedich. As jo ​​de side hichtepunt hawwe (dy't jo net dwaan wolle as jo jo side flugge wolle), dan moatte ekstra tekst net in probleem stean. Te min lytse tekst is in oare probleem - en it is ien dat in soad ûntwerper ferjitte om te testen yn har ûntwerpproses.

Te min lytse tekst kin in side oplosse of sels brutsen meitsje, dus derfoar soargje dat jo ynhâld fan jo side skaal is om te sjen wat der yn dizze eksimplaren passe en de needsaaklike oanpas binne oan jo CSS-side om dizze situaasjes te behanneljen.

Testing Page Zoom

Persoanen mei fisyprobleemmen kinne gebrûk meitsje fan de side Zoom fan in webblêder om de grutte fan jo webside te fergrutsjen. As immen in soad bedoelt, kin jo ynrjochting brekke. Dit is ien fan 'e redenen wêrom't jo EMs brûke wolle as mjitkodearring foar jo webside lettertypen as jo jo media-fraachtekens . Om't EMs in relatyf ienheid fan mjitting binne (basearre op de standert tekstgrutte fan dy browser), binne se fiedseliger foar flugide, fleksibel webside.

Testje jo webside foar side-zoom en hâld net allinich op ien of twa nivo's fan 'e zoom. Ferwiderje jo side omheech en ferskillende nivo's om te soargjen dat jo siden as bedoelde reagearje.

Ferjit net oer Speed ​​& Performance downloaden

As jo ​​besykje foar de ymplikaasje fan oanpassings fan client-besluten, ferjit net ek omtinken te jaan oan de ynfloed dy't dy besluten hawwe op 'e prestaasje fan in side. De bylden en ynhâld dat dy kliïnten tafoege kinne, kinne de downloadsnivo fan in side beheine en serieus de algemien brûkberens fan side besparje. Plan foar de ynfloed fan dizze tafoegings en meitsje jo part yn it ûntwikkelingsproses om dizze effekten te minimalisearje.

As jo ​​webside mei in learebudzjet boud is, dielen dizze ynformaasje mei jo kliïnten en lit se sjen hoe't jo in webside foar prestaasjes begjinne. Meitsje harren oan it belang om dizze fêststelde thresholds foar sidegrutte en ophelje fan snelheid te bewarjen en sjen te litten hoe't de oanfollingen dy't se meitsje kinne kinne op it webstee as gehiel beynfloedzje. Nim de tiid om se te trenerjen hoe't de webside wurkje en goed sykje. Oer it ûnderwerp fan oplieding ...

Client-oplieding is essensjele

It is wichtich om te testen fan jo ôfbyldings, tekst, en oare side-eleminten fan jo side, en stilen te meitsjen dy't ekstreem eksemplaren kontrolearje, mar dat is nea in ferfanging foar kliïnttraining. Jo wurk Kugelproofing fan in side moat neist de tiid wêryn jo kliïnten trainje wurde hoe't jo effektyf soarchje en bepale har side. Op it lêst is in goed trained kliïnt dy't har ferantwurdlikens fersterket en de gefolgen fan 'e besluten dy't se op in side meitsje sille ûnwisbere wurde om jo ynspannings om dizze side te wurkje en it bêste te finen.