Zkušejte obrázky a délky textu, abyste zajistili, že vaše stránky budou reagovat správně
Když navrhujeme webové stránky a plánujeme, jak se bude obsah těchto stránek zobrazovat, často to děláme s ideální situací. Nadpisy a textové oblasti jsou představovány jako určité délky, zatímco obrazy, které doprovázejí tento text, jsou navrženy tak, aby zobrazovaly v rozměrech, které jim umožní pracovat tak, jak je určeno v celkovém návrhu. Dokonce i když jsou tyto prvky poněkud tekuté v rámci budování citlivých webových stránek (což by měly být), bude limitovat, jak flexibilní mohou být.
Pokud nasadíte web v CMS (systém pro správu obsahu) a umožníte klientům spravovat daný web a přidávat nový obsah v průběhu času, limity, které jste navrhli, budou absolutně testovány. Důvěřujte tomu, že vaši klienti najdou způsoby, jak změnit webové stránky, které jste nikdy nesníželi. Pokud jste nezohlednili situace, které jsou mimo ideální oblasti, s nimiž jste pracovali ve vašem návrhu, může být rozložení stránek vážně ohroženo. Proto je obzvláště důležité, abyste před spuštěním této stránky důkladně testovali veškerý obsah webu a aspekty rozvržení webu. Zde je několik tipů, jak to udělat.
Testování velikostí obrázků
Bezpochyby nejčastějším způsobem, jakým lidé narušují rozvržení svých webových stránek, je přidání nevhodně velikých obrazů (to je také způsob, jakým negativně ovlivňují celkový výkon webu a způsobují pomalou rychlost stahování). Patří sem obrázky, které jsou příliš velké, stejně jako obrázky, které jsou příliš malé, aby mohly pracovat na vašem webu.
Dokonce i v případě, že použijete CSS k vynucení velikosti těchto obrázků v rozvržení, budou obrazy, které jsou mimo rozsah s původními specifikacemi webu, způsobovat problémy. Pokud jsou rozměry obrázku nesprávné, váš CSS může vynutit zobrazování obrázku pomocí příslušné šířky a výšky, ale samotný snímek a jeho poměr stran mohou být zkresleny. To bude mít určitě negativní vliv na to, jak váš web vypadá jako obrázek, který je příliš malý a bude "vyhozen" a ztratí kvalitu. Obraz, který je příliš velký a je zmenšen pomocí CSS, vypadá dobře a zachová si jeho kvalitu, ale velikost souboru by mohla být nepřiměřeně velká, jak se používá.
Při testování webových stránek nezapomeňte přidat obrázky, které nespadají do zamýšlené oblasti. Přidejte do CSS a techniky citlivého obrazu, které řeší tyto výzvy změnou velikosti obrázku, nebo v případě nesprávného poměru stran také zvážíte použití nějakého vlastnictví klipu CSS k oříznutí obrazu podle potřeby.
Testování jiných médií
Kromě obrázků také otestujte jiné média, například videa na vašem webu, a zjistěte, jak se tyto prvky objeví v rozvržení pomocí různých hodnot velikosti a poměru stran. Znovu zvážit citlivost vašeho webu a jak bude fungovat pro různé velikosti zařízení a obrazovky .
Testování nadpisů textu
Po obrázcích je další oblast webových stránek, která způsobuje nejvíce problémů s živými webovými stránkami spravovanými non-web profesionály, textové nadpisy. Jedná se o (pravděpodobně) krátké řádky textu, které často začnou obsah stránky nebo sekce na této stránce. Text tohoto nad odstavcem, který zní "Testování textových nadpisů", je příkladem tohoto.
Pokud jste navrhli stránky, které vyhovují záhlaví, jako je tato:
"Testování textových nadpisů"
Váš klient však pomocí CMS přidá článek s nadpisem:
"Testování textových nadpisů na různých webových stránkách Všechno s různými velikostmi Požadavky a potřeby uživatelů"
Pak vaše uspořádání nemusí být schopno čistě přizpůsobit veškerý extra text. Stejně jako byste měli důkladně otestovat své obrázky a média přidáním položek, které spadají mimo rozměry, které jste původně vytvořili, tak byste měli dělat tak s textovými hlavičkami, abyste se ujistili, že jsou dostatečně flexibilní, aby efektivně zobrazovali dokonce i velmi dlouhé čáry, jako je jeden výše.
Testování délky textu
Zůstanete-li na předmětu textu, budete také chtít vyzkoušet různé délky textu pro hlavní obsah na stránkách . To zahrnuje text, který je velmi, velmi dlouhý, stejně jako text, který je velmi, velmi krátký - což ve skutečnosti může být problém, který vyvrací mnoho rozvržení stránky.
Vzhledem k tomu, že webové stránky vzrůstají podle velikosti, aby se přizpůsobily výšce textu, který obsahují, stránky s velkým množstvím textu budou obvykle podle potřeby měřítka výšky. Pokud nemáte omezenou výšku stránky (což byste neměli dělat, pokud chcete, aby vaše stránka byla flexibilní), pak další text by neměl představovat problém. Příliš málo textu je další problém - a to je to, o čem mnoho návrhářů zapomene testovat ve svém návrhu.
Příliš malý text může způsobit, že stránka vypadá neúplně nebo dokonce přerušena, takže nezapomeňte měnit obsah stránky dolů, abyste zjistili, co se v těchto případech děje, a provést potřebná přizpůsobení CSS vašich stránek tak, aby tyto situace zvládla.
Testování zvětšení stránky
Lidé s problémy se zrakem mohou pomocí funkce Zoom z webového prohlížeče zvýšit velikost webové stránky. Pokud někdo přiblíží významnou částku, rozložení se může rozložit. To je jeden z důvodů, proč můžete používat EM jako měrnou jednotku pro velikost písma vašeho webu, stejně jako pro mé mediální dotazy . Vzhledem k tomu, že EM jsou relativní měřicí jednotka (založená na výchozí velikosti textu tohoto prohlížeče), jsou příznivější pro plynulé a flexibilní uspořádání webových stránek.
Otestujte své webové stránky pro zvětšení stránky a nezastavujte pouze v jedné nebo dvou úrovních zoomu. Přibližte své stránky nahoru a dolů na různé úrovně, abyste zajistili, že vaše stránky budou reagovat podle svých představ.
Nezapomeňte na rychlost a výkon stahování
Při testování důsledků rozložení klientských rozhodnutí nezapomeňte věnovat pozornost vlivu těchto rozhodnutí na výkonnost webu. Obrázky a obsah, který tyto klienti přidávají, mohou omezit rychlost stahování webu a vážně zničit celkovou použitelnost webu. Plánujte dopad těchto dodatků a podílejte se na vývoji tak, abyste minimalizovali tyto účinky.
Pokud se vaše webové stránky staví s rozpočtem výkonu, sdílejte tyto informace s klienty a ukažte jim, jak testovat webovou stránku o metrikách výkonu. Vysvětlete jim důležitost zachování těchto stanovených prahových hodnot pro velikost stránky a rychlost stahování a ukážte jim, jak mohou jejich dodatky ovlivnit web jako celek. Udělejte si čas trénovat je, jak zachovat práci a vypadat dobře. Na téma školení ...
Klientský výcvik je zásadní
Je důležité zdůrazňovat testování obrázků, textů a dalších prvků stránek a vytvářet styly, které budou odpovídat extrémním situacím, ale to nikdy není náhradou za školení klientů. Vaše práce bulletproofing stránky by měla být navíc k času stráveného školení vašich klientů, jak účinně pečovat o své stránky a spravovat je. Nakonec dobře vyškolený klient, který chápe své odpovědnosti a dopad rozhodnutí, které udělají na webových stránkách, bude neocenitelný pro vaše úsilí udržet tuto stránku pracovat a hledat to nejlepší.