Skúste obrázky a dĺžky textu, aby ste zabezpečili, že vaše stránky budú správne reagovať
Keď navrhujeme webové stránky a plánujeme, ako sa bude obsah týchto stránok zobrazovať, často to robíme s ideálnou situáciou na mysli. Nadpisy a textové oblasti sú predstavované ako určité dĺžky, zatiaľ čo obrázky, ktoré sprevádzajú tento text, sú navrhnuté tak, aby sa zobrazovali v rozmeroch, ktoré im umožnia pracovať tak, ako je to určené v celkovom dizajne. Dokonca aj vtedy, ak sú tieto prvky trochu tekuté ako súčasť citlivého vytvárania webových stránok (čo by mali byť), bude limitovať, ako flexibilné môžu byť.
Ak nasadíte webovú stránku do systému správy obsahu (CMS) a umožníte klientom spravovať túto lokalitu a pridávať nový obsah v priebehu času, limity, ktoré ste navrhli, budú absolútne testované. Dôverujte tomu, že vaši klienti nájdu spôsoby, ako zmeniť webové stránky, ktoré ste nikdy nesnívali, že by robili. Ak ste nezohľadnili situácie, ktoré sú mimo ideálnych, s ktorými ste pracovali vo vašom procese návrhu, rozloženie stránky mohlo byť vážne ohrozené. To je dôvod, prečo je mimoriadne dôležité, aby ste pred spustením tejto stránky podrobili stresovému testu všetkého obsahu webových stránok a aspektov rozloženia stránky. Tu je niekoľko tipov, ako to urobiť.
Testovanie veľkostí obrázkov
Bezpochyby najčastejším spôsobom, ako ľudia porušujú rozloženie svojich webových stránok, je pridanie nevhodne veľkých obrázkov (to je tiež spôsob, akým negatívne ovplyvňujú celkový výkon webu a spôsobujú pomalé rýchlosti sťahovania). Patria sem obrázky, ktoré sú príliš veľké, ako aj tie, ktoré sú príliš malé na to, aby fungovali tak, ako je určené na vašich webových stránkach.
Dokonca aj vtedy, ak použijete CSS na zväčšenie veľkosti týchto obrázkov vo vašom rozložení, budú obrazy, ktoré sú úplne mimo rozsah s pôvodnými špecifikáciami stránok, spôsobovať problémy. Ak sú rozmery obrázka nesprávne, váš CSS môže vynútiť, aby sa tento obrázok zobrazil pomocou príslušnej šírky a výšky, ale samotný obraz a jeho pomer strán môžu byť skreslené. To určite bude mať negatívny vplyv na vzhľad vášho webu ako obrázok, ktorý je príliš malý, bude "vyfúknutý" a stratí kvalitu. Obraz, ktorý je príliš veľký a zmenší sa pomocou CSS, vyzerá dobre a zachová si jeho kvalitu, ale veľkosť súboru by mohla byť neprimerane veľká, pokiaľ ide o jeho použitie.
Pri testovaní webových stránok nezabudnite pridávať obrázky, ktoré nepatria do určeného rozsahu. Pridajte technológiu CSS a technológiu citlivých obrázkov, ktorá rieši tieto výzvy zmenou veľkosti obrázka, alebo v prípade nesprávneho pomeru strán tiež zvážte použitie niečoho ako vlastnosť klipu CSS na orezanie obrazu podľa potreby.
Testovanie iných médií
Okrem obrázkov môžete testovať aj iné médiá, ako sú napríklad videozáznamy na vašich stránkach, a zistiť, ako sa tieto prvky zobrazia vo vašom rozložení pomocou rôznych veľkostí a hodnôt pomeru strán. Opäť zvážte citlivú povahu svojich stránok a ako to bude fungovať pri rôznych veľkostiach zariadení a obrazoviek .
Testovanie nadpisov textu
Po obrázkoch je ďalšia oblasť webových stránok, ktorá spôsobuje najviac problémov so živými webovými stránkami spravovanými inými odborníkmi z webu, textové nadpisy. Toto sú (pravdepodobne) krátke čiary textu, ktoré často začnú obsah stránky alebo časti tejto stránky. Text tohto nadpisu s nadpisom "Testovanie textových hlavičiek" je príkladom tohto.
Ak ste navrhli webovú stránku na umiestnenie takejto položky:
"Testovanie textových hlavičiek"
Váš klient však používa systém CMS na pridanie článku s takýmto nadpisom:
"Testovanie nadpisov textu na rôznych webových stránkach Všetko s rôznymi veľkosťami Požiadavky a potreby používateľov"
Následne nemusí byť vaše usporiadanie schopné čisto prispôsobiť všetku extra text. Rovnako ako by ste mali vyskúšať stres testovať vaše obrázky a médiá pridaním položiek, ktoré spadajú dobre mimo rozmery, ktoré ste pôvodne navrhli, takže by ste to mali robiť s textovými hlavičkami, aby ste sa uistili, že sú dostatočne flexibilné, aby efektívne zobrazovali dokonca aj veľmi dlhé linky, jeden vyššie.
Testovanie dĺžok textu
Zostať na predmet textu, budete tiež chcieť otestovať rôzne dĺžky textu pre hlavný obsah na stránkach . To zahŕňa text, ktorý je veľmi, veľmi dlhý, rovnako ako text, ktorý je veľmi, veľmi krátky - čo môže byť skutočne problémom, ktorý spôsobuje rozloženie mnohých strán.
Vzhľadom k tomu, že webové stránky vo svojej podstate rastú vo veľkosti, aby sa prispôsobili výške textu, ktorý obsahujú, stránky s množstvom textu budú zvyčajne podľa potreby len zmenšovať výšku. Pokiaľ ste neobmedzili výšku stránky (čo by ste nemali robiť, ak chcete, aby bola vaša stránka flexibilná), extra text by nemal predstavovať problém. Príliš málo textu je ďalšia téma - a to je vec, ktorú mnohí dizajnéri zabúdajú na testovanie v procese návrhu.
Príliš malý text môže spôsobiť neúplnú alebo dokonca prerušenú stránku. Preto nezabudnite upraviť obsah stránky tak, aby ste videli, čo sa stane v týchto prípadoch, a urobte potrebné úpravy v CSS vašich stránok, aby ste zvládli tieto situácie.
Testovanie zväčšenia stránky
Ľudia s problémami s videním môžu používať funkciu Zoom stránky vo webovom prehliadači na zväčšenie veľkosti vašej webovej stránky. Ak niekto priblíži značnú sumu, rozloženie sa môže rozložiť. To je jeden z dôvodov, prečo budete chcieť používať EM ako jednotku merania veľkosti písma vašich webových stránok, ako aj mediálnych dopytov . Pretože EM sú relatívnou jednotkou merania (na základe predvolenej veľkosti textu tohto prehliadača), sú viac priaznivé pre plynulé a flexibilné rozloženie webových stránok.
Otestujte svoje webové stránky na zväčšenie stránky a nezastavujte len v jednej alebo dvoch úrovniach zoomu. Priblížte svoje stránky hore a dole rôznymi úrovňami, aby ste zabezpečili, že vaše stránky budú reagovať podľa vašich predstáv.
Nezabudnite na rýchlosť a výkonnosť sťahovania
Keď testujete rozloženie dôsledkov rozhodnutí klienta, nezabudnite tiež venovať pozornosť vplyvu týchto rozhodnutí na výkonnosť stránky. Obrázky a obsah, ktorý tieto klienti pridajú, môžu brániť rýchlosti sťahovania stránok a vážne zničiť celkovú využiteľnosť stránky. Plánujte vplyv týchto dodatkov a prispôsobte sa vašej úlohe v procese vývoja, aby sa minimalizovali tieto účinky.
Ak sa vaše webové stránky budujú s rozpočtom na výkon, zdieľajte tieto informácie so svojimi klientmi a ukážte im, ako otestovať webovú stránku s metrickými údajmi o výkonnosti. Vysvetlite im dôležitosť zachovania týchto stanovených prahových hodnôt pre veľkosť stránky a rýchlosť sťahovania a ukážte im, ako ich dodatky môžu mať vplyv na lokalitu ako celok. Urobte si čas trénovať ich, ako zachovať fungovanie webu a vyzerajú dobre. Na tému školenia ...
Školenie klientov je nevyhnutné
Je dôležité vyskúšať testovanie obrázkov, textov a ďalších prvkov stránok a vytvoriť štýly, ktoré budú zodpovedať extrémnym prípadom, ale nikdy nie sú náhradou za školenia klientov. Vaša práca proti nepriaznivým účinkom na lokalite by mala byť doplnená o čas strávený výcvikom svojich klientov, ako efektívne zaobchádzať a spravovať ich stránky. Nakoniec dobre vyškolený klient, ktorý chápe svoje zodpovednosti a vplyv rozhodnutí, ktoré robia na webe, bude neoceniteľný pre vaše snahy udržať túto stránku fungujúcu a pozerať sa čo najlepšie.