Når vi designer websites og planlægger hvordan indholdet af disse websteder vil blive vist, gør vi det ofte med en ideel situation i tankerne. Overskrifter og tekstområder er forestillet at have visse længder, mens billederne, der ledsager denne tekst, er designet til at vise i dimensioner, der gør det muligt for dem at arbejde som beregnet i det overordnede design. Selvom disse elementer er noget flydende som en del af en lydhør hjemmeside bygges (som de burde være), vil der være en grænse for, hvor fleksible de kan være.
Hvis du implementerer et websted på et CMS (content management system) og tillader klienter at administrere dette websted og tilføje nyt indhold over tid, vil de grænser, du har designet til, absolut blive testet. Stol på, at dine kunder vil finde måder at ændre hjemmesiden på, som du aldrig drømte om, de ville gøre. Hvis du ikke har taget højde for situationer godt uden for de ideelle, du har arbejdet med i din designproces, kan layoutets layout være i alvorlig fare. Derfor er det særligt vigtigt, at du understreger testen af alt indhold på internettet og aspekterne af webstedets layout inden lanceringen af webstedet. Her er nogle tips til, hvordan du kan gøre dette.
Afprøvning af billedstørrelser
Uden tvivl er den mest almindelige måde, hvorpå folk bryder layoutet på deres hjemmeside, ved at tilføje ukorrekt dimensionerede billeder (det er også den måde, at de negativt påvirker et websteds overordnede ydeevne og forårsager langsomme downloadhastigheder). Dette inkluderer billeder, der er for store, samt dem, der er for små til at virke som beregnet på din hjemmeside.
Selvom du bruger CSS til at tvinge størrelsen på disse billeder i dit layout, vil billeder, der er vildt ude af skala med dine originale specifikationer til webstedet, medføre problemer. Hvis billedets dimensioner er forkerte, kan dit CSS tvinge billedet til at blive vist med den passende bredde og højde, men selve billedet og dets billedforhold kan blive forvrænget. Det vil helt sikkert have en negativ indvirkning på dit websites udseende, da et billede, der er for lille, bliver "blæst op" og vil tabe kvalitet. Et billede, der er for stort, der er lavet med CSS, gør det godt og beholdt dets kvalitet, men filstørrelsen kan være urimelig stor for, hvordan den bruges.
Når du tester dit website arbejde, skal du sørge for at tilføje billeder, der falder uden for dit planlagte anvendelsesområde. Tilføj i CSS og lydhårede billedteknikker, der adresserer disse udfordringer ved at ændre størrelsen på billedet i overensstemmelse med, eller i tilfælde af et forkert billedforhold, overvejer også at bruge noget som CSS-klipegenskaben til at beskære billedet efter behov.
Testning af anden medie
Udover billeder kan du også teste andre medier som videoer på dit websted og se, hvordan disse elementer vises i dit layout ved hjælp af forskellige størrelses- og billedforholdsværdier. Endnu en gang skal du overveje, hvordan dit websted reagerer, og hvordan det fungerer for forskellige enheder og skærmstørrelser.
Afprøvning af tekstoverskrifter
Efter billeder er det næste webstedsområde, der forårsager de fleste problemer med levende websteder, der forvaltes af ikke-web-fagfolk, tekstoverskrifter. Disse er de (angiveligt) korte tekstlinjer, der ofte starter indholdet af en side eller et afsnit på den pågældende side. Teksten over dette afsnit, der læser "Teste tekstoverskrifter" er et eksempel på dette.
Hvis du har designet et websted for at rumme en overskrift som denne:
"Teste tekstoverskrifter"
Men din klient bruger CMS til at tilføje en artikel med en overskrift som denne:
"Afprøvning af tekstoverskrifter på en række websider, alle med forskellig størrelse og brugerbehov"
Derefter er dit layout muligvis ikke i stand til rent at rumme al den ekstra tekst. Ligesom du burde stress teste dine billeder og medier ved at tilføje poster, der falder godt uden for de størrelser, du oprindeligt har designet til. Så skal du gøre det med tekstoverskrifter for at sikre, at det er fleksibelt nok til effektivt at vise lige ultra lange linjer som en ovenfor.
Testning af tekstlængder
Når du holder dig til emnet for tekst, vil du også gerne teste forskellige tekstlængder for hovedindholdet på siderne. Dette inkluderer tekst, der er meget, meget lang samt tekst, der er meget, meget kort - hvilket rent faktisk kan være det problem, der dækker mange sidelayouter.
Fordi websider i naturen vokser i størrelse for at rumme højden af den tekst, de indeholder, vil sider med masser af tekst typisk kun skalere i højden efter behov. Medmindre du har begrænset højden på siden (som du burde ikke gør, hvis du vil have din side til at være fleksibel), skal ekstra tekst ikke udgøre et problem. For lidt tekst er et andet problem - og det er et, som mange designere glemmer at teste for i deres designproces.
For lidt tekst kan få en side til at se ufuldstændig eller endda brudt, så sørg for at skala dit sideindhold nede for at se, hvad der sker i disse tilfælde og foretage de nødvendige justeringer af dit websteds CSS til at håndtere disse situationer.
Testsøgningszoom
Personer med synsproblemer kan bruge funktionen Page Zoom i en webbrowser til at øge størrelsen på din webside. Hvis nogen zoomer betydeligt, kan dit layout bryde sammen. Dette er en af grundene til, at du måske vil bruge EM'er som måleenhed til dine websteds skriftstørrelser såvel som dine medieforespørgsler. Fordi EM'er er en relativ måleenhed (baseret på browserens standardtekststørrelse), er de mere befordrende for flydende, fleksible website layout.
Test dit websted for sidezoom og stop ikke bare på et eller to niveauer af zoom.Zoom dit websted op og ned på forskellige niveauer for at sikre, at dine sider reagerer som bestemt.
Glem ikke om downloadhastighed og ydeevne
Når du tester for layoutmæssige konsekvenser af klientbeslutninger, skal du ikke glemme at også være opmærksom på den virkning, som disse beslutninger har på et websteds præstationer. De billeder og indhold, som disse kunder vil tilføje, kunne hæmme et websteds downloadhastighed og alvorligt ødelægge webstedets overordnede anvendelighed. Planlæg for virkningen af disse tilføjelser og gør din del i udviklingsprocessen for at minimere disse effekter.
Hvis dit websted bygges med et præstationsbudget, kan du dele disse oplysninger med dine kunder og vise dem, hvordan du tester en webside for præstationsstatistikker. Forklar dem vigtigheden af at opretholde disse etablerede tærskler for sidestørrelse og downloadhastighed og vise dem, hvordan de tilføjelser, de laver, kan påvirke webstedet som helhed. Tag dig tid til at træne dem, hvordan du holder webstedet i gang og ser godt ud. Med hensyn til uddannelse …
Klientuddannelse er afgørende
Det er vigtigt at understrege, hvordan du tester dit websteds billeder, tekst og andre sideelementer, og for at oprette stilarter, der tegner sig for ekstreme forekomster, men det er aldrig en erstatning for klientuddannelse. Dit arbejde bør være et supplement til det tidspunkt, du bruger på at træne dine kunder, hvordan man effektivt kan passe og administrere deres websted. I sidste ende vil en veluddannet klient, som forstår deres ansvar og virkningen af de beslutninger, de foretager på et websted, være uvurderlig for din indsats for at holde webstedet i gang og se sit bedste ud.
