Testiranje slika i dužine teksta da bi se osiguralo da vaša stranica reaguje odgovarajuće
Kada dizajniramo web stranice i planiramo prikazivanje sadržaja tih lokacija, često to radimo s idejnom situacijom. Naslovi i tekstualne oblasti su zamišljene kao da imaju određene dužine, dok su slike koje prate taj tekst dizajnirane da se prikazuju u dimenzijama koje će im omogućiti da rade kako je planirano u celokupnom dizajnu. Čak i ako su ti elementi donekle fluidni kao dio odgovarajuće gradnje web stranice (koji bi trebali biti), postojaće ograničenje koliko su fleksibilni.
Ako postavite web lokaciju na CMS (sistem za upravljanje sadržajem) i omogućite klijentima da upravljaju tom sajtu i dodaju novi sadržaj tokom vremena, apsolutno će se ograničiti na koje ste dizajnirali. Verujte u činjenicu da će vaši klijenti pronaći načine da izmijenite web stranicu koju niste nikad sanjali. Ako niste objasnili situacije koje su izvan ideala s kojima ste radili u procesu dizajna, izgled tog web sajta bi mogao biti u velikoj meri ugrožen. Zbog toga je posebno važno da testirate sve sadržaje veb sajta i aspekte postavljanja sajta prije pokretanja te lokacije. Evo nekoliko saveta kako možete to učiniti.
Testiranje veličine slike
Bez sumnje, najčešći način na koji ljudi razbijaju izgled svog web sajta je dodavanje neprikladnih slika (to je način na koji negativno utiču na ukupne performanse sajta i uzrokuju spore brzine prenosa). Ovo uključuje slike koje su prevelike, kao i one koje su premale da rade kako je predviđeno na vašoj web stranici.
Čak i ako koristite CSS da biste prisilili veličinu ovih slika u svoj izgled, slike koje su divlje izvan skale sa vašim originalnim specifikacijama za lokaciju će izazvati probleme. Ako su dimenzije slike netačne, vaš CSS može primorati tu sliku da prikaže pomoću odgovarajuće širine i visine, ali samu sliku i njegov odnos slike mogu biti izobličeni. To će sigurno imati negativan efekat na izgled vašeg sajta jer će slika koja je premala biti "upadana" i izgubiće kvalitet. Slika koja je prevelika, koja je postala manja sa CSS-om, izgleda odlično i zadržava njegov kvalitet, ali veličina datoteke može biti nerazumna velika za to kako se koristi.
Prilikom testiranja radite na svom sajtu, obavezno dodajte slike koje ne pripadaju vašem planiranom opsegu. Dodajte u CSS i odgovarajuće tehnike slikanja koje rešavaju ove izazove tako što ćete promeniti veličinu slike prema ili, u slučaju pogrešnog aspekta, takođe razmišljajući da koristite nešto kao CSS svojstvo klipova kako biste obrisali sliku po potrebi.
Testiranje drugih medija
Pored slika, takođe testirajte druge medije kao što su video na vašem sajtu i pogledajte kako će ti elementi biti prikazani u vašem rasporedu pomoću različitih vrijednosti veličine i visine. Još jednom, uzmite u obzir odgovarajuću prirodu vaše stranice i kako će to raditi za različite veličine uređaja i ekrana .
Ispitivanje tekstualnih naslova
Nakon slika, sledeća oblast na internetu koja izaziva najveći problem sa živim veb stranicama koje upravljaju ne-web profesionalci su tekstualni zaglavlja. Ovo su (navodno) kratke linije teksta koji će često pokrenuti sadržaj stranice ili sekcije na toj stranici. Primer ovog teksta iznad ovog stava koji glasi "Testiranje naslova teksta".
Ako ste dizajnirali sajt kako biste prilagodili naslov kao što je ovaj:
"Ispitivanje tekstualnih naslova"
Ali vaš klijent koristi CMS za dodavanje članka sa naslovom sličan ovome:
"Ispitivanje tekstualnih zaglavlja na različitim veb stranicama koje imaju razne veličine Zahtevi i korisničke potrebe"
Tada vaš izgled možda neće biti u stanju da čisto prilagodi sve taj dodatni tekst. Baš kao što biste trebali naglasiti testiranje svojih slika i medija tako što ćete dodati stavke koje padaju izvan veličina koje ste prvobitno dizajnirali, tako da biste to uradili pomoću naslova teksta da biste bili sigurni da su dovoljno fleksibilni da efikasno prikazuju čak i ultra-dugačke linije kao što su jedan gore.
Testiranje dužine teksta
Ostaje na temu teksta, takođe ćete želeti da testirate različite dužine teksta za glavni sadržaj na stranicama . Ovo uključuje tekst koji je vrlo, veoma dug, kao i tekst koji je vrlo, vrlo kratak - što zapravo može biti problem koji dovodi do velikog broja stranica stranice.
Zbog toga što web stranice po prirodi raste u veličini da bi se prilagodile visini teksta koji sadrže, stranice sa velikim brojem teksta će obično samo po potrebi skalirati po visini. Osim ako ste ograničili visinu stranice (koju ne biste trebali učiniti ako želite da vaša stranica bude fleksibilna), dodatni tekst ne bi trebalo da predstavlja problem. Premalo teksta je još jedno pitanje - i to je ono što mnogi dizajneri zaborave da testiraju u svom dizajnerskom procesu.
Premalo teksta može učiniti da stranica izgleda nepotpuna ili čak i slomljena, pa obavezno umanjite sadržaj vašeg stranica kako biste videli šta se dešava u tim instancama i napravite neophodna podešavanja CSS-a vašeg sajta kako biste se suočili sa tim situacijama.
Testiranje zuma stranice
Ljudi sa problemima vida mogu koristiti funkciju Page Zoom web pregledača kako bi povećali veličinu vaše web stranice. Ako neko zumira u značajnoj količini, vaš izgled bi se mogao srušiti. Ovo je jedan od razloga zašto možda želite da koristite EMs kao jedinicu mjerenja za veličinu fontova vašeg web sajta, kao i vaše medijske upite . Pošto su EMs relativna jedinica merenja (zasnovana na podrazumevanoj veličini teksta tog pretraživača), one su pogodnije za fleksibilne postavke sajtova.
Testirajte svoju web stranicu za zumiranje stranice i ne zaustavljajte samo na jednom ili dva nivoa zuma. Zumirajte svoj sajt gore i dole na različitim nivoima kako biste osigurali da vaše stranice reaguju kako je predviđeno.
Ne zaboravite na brzinu i performanse prenosa
Dok ispitujete implikacije odluka klijenta, ne zaboravite da obratite pažnju na uticaj koji te odluke imaju na performanse sajta. Slike i sadržaj koji će ti klijenti dodati mogu ometati brzinu preuzimanja sajta i ozbiljno uništiti ukupnu korisnost sajta. Planirajte uticaj ovih dodataka i učestvujte u procesu razvoja kako biste smanjili ove efekte.
Ako se vaše web stranice izgrađuju pomoću budžeta za performanse, dijelite ove informacije sa svojim klijentima i pokažite im kako testirati web stranicu za merenje učinka. Objasnite im važnost održavanja ovih utvrđenih pragova za veličinu stranice i brzinu preuzimanja i pokažite im kako dodaci koji oni naprave mogu utjecati na lokaciju kao celinu. Odložite vrijeme kako biste ih obučili kako održavati sajt kako radi i izgleda dobro. Na temu obuke ...
Obuka klijenta je bitna
Važno je naglasiti testiranje slika vašeg sajta, teksta i drugih elemenata stranice i stvoriti stilove koji će prikazati ekstremne primjere, ali to nikada nije zamjena za obuku klijenata. Vaš rad bi bio zaštićen od site-a, a pored toga što provodite obuku vaših klijenata kako efikasno brinuti i upravljati njihovom web-lokacijom. Na kraju, dobro obučeni klijent koji razume svoje odgovornosti i uticaj odluka koje donose na sajtu biće neprocenjiv za vaše napore da održi rad tog sajta i da se uveri u to.