Testiranje slika i duljina teksta kako bi se osiguralo da vaša web lokacija reagira na odgovarajući način
Kada dizajnirate web stranice i planirate kako će se sadržaj tih stranica prikazati, to često činimo s obzirom na idealnu situaciju. Naslovi i tekstualna područja zamišljeni su kao da imaju određene duljine, a slike koje prate taj tekst oblikovane su tako da se prikazuju u dimenzijama koje će im omogućiti da funkcioniraju kao što je to bilo namijenjeno cjelokupnom dizajnu. Čak i ako su ti elementi nešto fluidi kao dio responzivne web stranice (što bi trebali biti), bit će ograničenje na to koliko su fleksibilni.
Ako implementirate web stranicu na CMS (sustav za upravljanje sadržajem) i dopustite klijentima da upravljaju tom web lokacijom i dodaju novi sadržaj tijekom vremena, ograničenja koja ste namijenili apsolutno će se testirati. Vjerujte u činjenicu da će vaši klijenti pronaći načine za promjenu web stranice koju nikad niste sanjali da će učiniti. Ako niste uzeli u obzir situacije izvan idealnih koje ste radili u procesu izrade, izgled tog mjesta mogao bi biti u ozbiljnoj opasnosti. Zbog toga je posebno važno da istaknete sve sadržaje web-lokacije i aspekte izgleda web mjesta prije pokretanja tog web mjesta. Evo nekoliko savjeta kako to možete učiniti.
Ispitivanje veličina slike
Bez sumnje, najčešći način na koji ljudi prekidaju izgled svoje web stranice je dodavanjem neodgovarajuće veličine slike (to je i način na koji oni negativno utječu na ukupnu izvedbu web mjesta i uzrokuju sporu brzinu preuzimanja). To uključuje slike koje su prevelike, kao i one koji su premali za rad kako je namijenjeno vašoj web stranici.
Čak i ako upotrebljavate CSS da biste prisilili veličinu tih slika u svom izgledu, slike koje su divlje izvan veličine s izvornim specifikacijama za web lokaciju uzrokovat će probleme. Ako dimenzije slike nisu točne, vaš CSS može prisiliti tu sliku da se prikaže odgovarajućom širinom i visinom, ali sama slika i omjer slike mogu biti iskrivljeni. To će zasigurno imati negativan učinak na vašu web-lokaciju, jer će slika koja je premalena biti "upuhla" i izgubit će kvalitetu. Slika koja je prevelika koja je manja od CSS izgleda dobro i zadržava njegovu kvalitetu, ali veličina datoteke može biti nerazumna velika za njegovu upotrebu.
Prilikom testiranja rada vaše web-lokacije svakako dodajte slike koje su izvan ciljanog područja. Dodajte u CSS i tehnike odgovaranja slika koje rješavaju te izazove promjenom veličine slike prema, ili, u slučaju netočnog omjera slike, i razmislite o korištenju nešto poput CSS isječka kako biste obrezali sliku po potrebi.
Ispitivanje drugih medija
Pored slika, također testirati druge medije poput videozapisa na vašoj web-lokaciji i vidjeti kako će se ti elementi prikazati u vašem izgledu pomoću različitih veličina i veličine omjera. Ponovno razmotrite osjetljivu prirodu web sučelja i kako će raditi za različite uređaje i veličine zaslona .
Ispitivanje naslova teksta
Nakon slika, sljedeća web stranica koja uzrokuje najviše problema s živim web stranicama kojima upravljaju ne-web profesionalci su tekstualni naslovi. To su (navodno) kratke linije teksta koje će često započeti sadržaj stranice ili odjeljka na toj stranici. Primjerak toga je tekst iznad ovog odlomka koji glasi "Ispitivanje naslova teksta".
Ako ste osmislili web stranicu kako biste smjestili takav naslov kao što je ovaj:
"Testiranje naslova teksta"
Ali vaš klijent koristi CMS za dodavanje članka s naslovom poput ove:
"Testiranje naslova teksta na raznim web stranicama s različitim veličinama i zahtjevima korisnika"
Zatim vaš izgled možda neće moći čistiti sve dodatne tekstove. Baš kao što biste trebali naglasiti da testirate svoje slike i medije dodavanjem zapisa koji se nalaze izvan veličina za koje ste prvotno dizajnirali, tako da to učinite s tekstovnim naslovima kako biste bili sigurni da su dovoljno fleksibilni da učinkovito prikazuju čak i vrlo dugačke linije poput jedan gore.
Testiranje duljina teksta
Ostanite na temu teksta, također ćete htjeti testirati različite duljine teksta za glavni sadržaj na stranicama . To uključuje tekst koji je vrlo, vrlo dug, kao i tekst koji je vrlo, vrlo kratko - što zapravo može biti problem koji utječe na mnoge stranice.
Budući da web stranice, po prirodi, rastu u veličini kako bi prilagodile visinu teksta koji sadrže, stranice s puno teksta obično će samo po visini po visini po potrebi. Osim ako ne ograničite visinu stranice (što ne biste trebali učiniti ako želite da stranica bude fleksibilna), tada dodatni tekst ne bi trebao predstavljati problem. Previše teksta je još jedan problem - i to je ono što mnogi dizajneri zaboravljaju testirati u svom procesu dizajna.
Previše teksta može učiniti da stranica izgleda nepotpuna ili čak i slomljena, stoga svakako povežite svoj sadržaj stranice kako biste vidjeli što se događa u tim slučajevima i poduzima potrebne prilagodbe CSS-u vašeg web sučelja za rješavanje tih situacija.
Ispitivanje povećanja stranice
Osobe s problemima vida mogu upotrebljavati značajku povećanja stranice web preglednika kako biste povećali veličinu web stranice. Ako netko zumira značajnu količinu, vaš se izgled mogao slomiti. To je jedan od razloga zašto biste trebali koristiti EM kao mjernu jedinicu za veličine fonta vaše web stranice, kao i svoje medijske upite . Budući da su EMs relativna mjerna jedinica (temeljena na zadanoj veličini teksta tog preglednika), one su više pogodne za fleksibilne i fleksibilne izglede web stranica.
Isprobajte svoju web stranicu za povećanje stranice i nemojte samo zaustaviti na jednoj ili dvije razine zumiranja. Povećajte svoju web-lokaciju gore i dolje na različitim razinama kako biste osigurali da stranice reagiraju prema predviđanjima.
Nemojte zaboraviti brzinu i performanse preuzimanja
Dok testirate na aspekte izgleda odluka klijenata, nemojte zaboraviti obratiti pažnju i na utjecaj tih odluka na izvedbu web mjesta. Slike i sadržaj koji će ti klijenti dodati mogu ometati brzinu preuzimanja web mjesta i ozbiljno uništiti ukupnu upotrebljivost web mjesta. Planirajte utjecaj ovih dodataka i svoj dio u procesu razvoja kako biste smanjili te učinke.
Ako se web-lokacija izrađuje uz proračun izvedbe, podijelite ove podatke s klijentima i pokažite im kako testirati web stranicu za mjerne podatke o izvedbi. Objasnite im važnost održavanja postavljenih pragova za veličinu stranice i brzinu preuzimanja i pokazati im kako dopune koje oni čine mogu utjecati na web mjesto kao cjelinu. Uzmite si vremena kako biste ih osposobljavali kako održavati web stranicu i izgledati dobro. Na temu treninga ...
Obuka klijenta je neophodna
Važno je naglasiti da testirate slike, tekst i druge elemente stranice vaše web-lokacije i izradite stilove koji će uzeti u obzir ekstremne slučajeve, ali nikada ne zamjenjuju obuku klijenta. Vaše radno djelo protiv bulletproofing sitea trebao bi biti uz vrijeme koje provodite trening vaših klijenata kako učinkovito skrbiti i upravljati svojim stranicama. Na kraju, dobro osposobljeni klijent koji razumije svoje odgovornosti i utjecaj odluka koje donose na web mjestu, bit će neprocjenjiva u vašim naporima da zadržite tu web-lokaciju kako biste radili i izgledali najbolje.