Når vi designer nettsteder og planlegger hvordan innholdet på disse nettstedene vil bli vist, gjør vi det ofte med en ideell situasjon i tankene. Overskrifter og tekstområder er tenkt å ha visse lengder, mens bildene som følger med teksten, er utformet for å vise i dimensjoner som gjør at de kan fungere som ment i den overordnede designen. Selv om disse elementene er noe flytende som en del av en responsiv nettside bygge (som de burde være), vil det være en grense for hvor fleksible de kan være.
Hvis du distribuerer et nettsted på et CMS (innholdsadministrasjonssystem) og tillater at klienter kan administrere dette nettstedet og legge til nytt innhold over tid, vil de grenser du har designet for absolutt bli testet. Stol på at kundene dine vil finne måter å endre nettstedet som du aldri drømte om de ville gjøre. Hvis du ikke har tatt hensyn til situasjoner godt utenfor de ideelle som du jobbet med i designprosessen, kan layoutet til dette nettstedet være i alvorlig fare. Dette er grunnen til at det er spesielt viktig at du stresstest alt nettstedinnhold og aspekter av nettstedets layout før du starter det nettstedet. Her er noen tips for hvordan du kan gjøre dette.
Teste bildestørrelser
Uten tvil er den vanligste måten folk bryter opp på sitt nettsted, ved å legge til upassende bilder (dette er også den måten at de negativt påvirker et nettsteds generelle ytelse og forårsaker lave nedlastingshastigheter). Dette inkluderer bilder som er for store, samt de som er for små til å virke som beregnet på nettstedet ditt.
Selv om du bruker CSS til å tvinge størrelsen på disse bildene i oppsettet ditt, vil bilder som er vesentlige i skala med originale spesifikasjoner for nettstedet forårsake problemer. Hvis dimensjonene på et bilde er feil, kan CSS tvinge bildet til å vises med riktig bredde og høyde, men selve bildet og dets størrelsesforhold kan bli forvrengt. Det vil sikkert ha en negativ effekt på nettstedets utseende som et bilde som er for lite, vil bli "blåst opp" og vil miste kvalitet. Et bilde som er for stort som er gjort mindre med CSS, gjør det bra å se og beholde kvaliteten, men filstørrelsen kan være urimelig stor for hvordan den brukes.
Når du tester nettstedet ditt, må du legge til bilder som faller utenfor det planlagte omfanget. Legg til i CSS og responsive bildeteknikker som adresserer disse utfordringene ved å endre størrelsen på bildet i henhold til, eller i tilfelle et feil aspektforhold, også å vurdere å bruke noe som CSS-klippegenskapen for å beskjære bildet etter behov.
Testing av andre medier
I tillegg til bilder, kan du også teste andre medier som videoer på nettstedet ditt og se hvordan disse elementene vil vises i oppsettet ditt ved hjelp av forskjellige størrelses- og aspektforhold. Igjen, vurder din nettside og hvordan den fungerer for ulike enheter og skjermstørrelser.
Teste tekstoverskrifter
Etter bilder er det neste nettstedsområdet som forårsaker de fleste problemer med levende nettsteder som forvaltes av ikke-webansvarlige, tekstoverskrifter. Dette er de (angivelig) korte tekstlinjene som ofte vil starte innholdet på en side eller en seksjon på den siden. Teksten over dette avsnittet som leser "Teste tekstoverskrifter" er et eksempel på dette.
Hvis du har designet et nettsted for å imøtekomme en overskrift som denne:
"Teste tekstoverskrifter"
Men klienten bruker CMS til å legge til en artikkel med en overskrift som denne:
"Teste tekstoverskrifter på en rekke websider Alle med forskjellige størrelser Krav og brukerbehov"
Da kan det hende at layoutet ditt ikke er i stand til å ta imot all den ekstra teksten. På samme måte som du burde stresse, teste bildene og mediene ved å legge til poster som faller godt utenfor størrelsene du opprinnelig konstruerte for, så bør du gjøre det med tekstoverskrifter for å sikre at de er fleksible nok til å effektivt vise selv ultra lange linjer som en over.
Teste tekstlengder
Når du holder på med tekst, vil du også teste forskjellige tekstlengder for hovedinnholdet på sider. Dette inkluderer tekst som er veldig, veldig lang og tekst som er veldig, veldig kort - som faktisk kan være problemet som gjør mange sidelayouter.
Fordi nettsider, i naturen, vokser i størrelse for å imøtekomme høyden på teksten de inneholder, vil sider med mye tekst vanligvis bare skala i høyde etter behov. Med mindre du har begrenset høyden på siden (som du burde ikke gjør hvis du vil at siden din skal være fleksibel), bør ekstra tekst ikke utgjøre et problem. For liten tekst er et annet problem - og det er en som mange designere glemmer å teste for i designprosessen.
For liten tekst kan få en side til å se ufullstendig eller til og med ødelagt, så vær sikker på å skalere sidens innhold ned for å se hva som skjer i disse tilfellene, og foreta nødvendige tilpasninger til nettstedets CSS for å håndtere disse situasjonene.
Testing av sidezoom
Personer med synsproblemer kan bruke Page Zoom-funksjonen i en nettleser for å øke størrelsen på nettsiden din. Hvis noen zoomer i betydelig grad, kan oppsettet ditt bryte ned. Dette er en av grunnene til at du kanskje vil bruke EM som måleenhet for nettstedets skriftstørrelser, samt medieforespørsler. Fordi EM er en relativ måleenhet (basert på nettleserens standard tekststørrelse), bidrar de til væske, fleksible nettsider.
Test nettsiden din for sidezoom og stopp ikke bare på ett eller to nivåer av zoom.Zoom nettstedet ditt opp og ned på en rekke nivåer for å sikre at sidene dine reagerer etter behov.
Ikke glem om nedlastingshastighet og ytelse
Når du tester for utformingsimplikasjoner av klientbeslutninger, ikke glem å også være oppmerksom på hvilken innvirkning disse beslutningene har på et nettsteds ytelse. Bildene og innholdet som de klientene vil legge til, kan hemme et nettsteds nedlastingshastighet og ødelegge den generelle bruken av nettstedet. Planlegge effekten av disse tilleggene og gjør din del i utviklingsprosessen for å minimere disse effektene.
Hvis nettstedet ditt bygges med et ytelsesbudsjett, kan du dele denne informasjonen med kundene dine og vise dem hvordan du kan teste en nettside for ytelsesstatistikk. Forklar for seg viktigheten av å opprettholde disse etablerte terskelene for sidestørrelse og nedlastingshastighet og vise dem hvordan tilleggene de lager, kan påvirke nettstedet som helhet. Ta deg tid til å trene dem hvordan du skal holde nettstedet på plass og se bra ut. På temaet trening …
Klientopplæring er viktig
Det er viktig å stresse teste nettstedets bilder, tekst og andre sideelementer og lage stiler som vil tegne for ekstreme forekomster, men det er aldri en erstatning for klientopplæring. Ditt arbeid bulletproofing et nettsted bør være i tillegg til den tiden du bruker trening kundene dine hvordan du effektivt omsorg for og administrere deres nettsted. Til slutt vil en velutdannet klient som forstår sitt ansvar og virkningen av de beslutningene de gjør på et nettsted, være uvurderlig for din innsats for å holde dette nettstedet på jobb og se sitt beste.
