Co je to „ladná degradace“ ve webovém designu?

click fraud protection

The průmysl webového designu se neustále mění, částečně proto, že se neustále mění webové prohlížeče a zařízení. Protože práce, kterou děláme jako weboví designéři a vývojáři, je prohlížena prostřednictvím nějakého webového prohlížeče, bude mít naše práce s tímto softwarem vždy symbiotický vztah.

Změny webových prohlížečů

Jedním z problémů, s nimiž se designéři a vývojáři webových stránek vždy museli vypořádat, je nejen změny webových prohlížečů, ale také rozsah různých webových prohlížečů, které budou použity k přístupu k nim webové stránky. Bylo by skvělé, kdyby si všichni návštěvníci stránek byli jisti, že používají nejnovější a nejlepší software, ale nikdy tomu tak nebylo (a pravděpodobně ani nikdy nebude).

Někteří návštěvníci vašich stránek budou prohlížet webové stránky pomocí prohlížečů, které jsou velmi staré a chybí jim funkce modernějších prohlížečů. Například, starší verze prohlížeče Microsoft Internet Explorer mnoha webovým profesionálům již dlouho trní. I když společnost upustila od podpory některých svých nejstarších prohlížečů, stále existují lidé, kteří je budou používat, lidé, s nimiž možná budete chtít obchodovat a komunikovat.

instagram viewer

Definice „Graceful Degradation“

Realita je taková, že lidé, kteří používají tyto zastaralé webové prohlížeče, o nich často ani nevědí mají zastaralý software nebo že jejich zkušenosti s procházením webu mohou být kvůli jejich softwaru ohroženy výběr. Tento zastaralý prohlížeč je pro ně prostě to, co již dlouho používají pro přístup na webové stránky. Z pohledu webových vývojářů se chceme ujistit, že stále můžeme poskytovat použitelné prostředí těmto zákazníkům a zároveň vytváří webové stránky, které skvěle fungují v modernějších prohlížečích bohatých na funkce a zařízení, která jsou dnes k dispozici.

„Půvabná degradace“ je strategie zpracování designu webových stránek pro různé prohlížeče, staré i nové.

Počínaje moderními prohlížeči

Design webových stránek, který je navržen tak, aby ladně degradoval, je navržen nejprve s ohledem na moderní prohlížeče. Tato stránka je vytvořena, aby využila funkcí těchto moderních webových prohlížečů, z nichž mnohé se „automaticky aktualizují“, aby zajistily, že lidé vždy používají nejnovější verzi. Weby, které se elegantně zhoršují, však také efektivně fungují u starších prohlížečů. Když tyto starší prohlížeče, které jsou méně bohaté na funkce, prohlížejí web, měl by se degradovat způsobem, který je stále funkční, ale možná s menším počtem funkcí nebo odlišným vizuálem zobrazení. I když vám tento koncept poskytování méně funkčního nebo nepříliš hezkého webu může připadat zvláštní, pravdou je, že lidé ani nevědí, že chybí. Nebudou srovnávat web, který vidí, s „lepší verzí“, pokud web funguje pracuje pro to, co potřebují, a nezdá se, že by byl zlomený, ať už funkčně nebo vizuálně, budete v dobrém tvar.

Progresivní vylepšení

Koncept půvabné degradace je v mnoha ohledech podobný jinému konceptu webového designu, o kterém jste možná slyšeli - progresivní vylepšování. Hlavní rozdíl mezi ladnou strategií degradace a postupným vylepšováním je v tom, kde začínáte s návrhem. Pokud začnete s nejnižším společným jmenovatelem a poté přidáte funkce modernějších prohlížečů pro vaše webové stránky, používáte progresivní vylepšení. Pokud začnete s nejmodernějšími nejmodernějšími funkcemi a poté zmenšíte měřítko, používáte ladnou degradaci. Nakonec může výsledný web pravděpodobně přinést stejný zážitek, ať už používáte progresivní vylepšení nebo ladnou degradaci. Realisticky je cílem obou přístupů vytvořit web, který funguje skvěle pro moderní prohlížeče a přitom stále nabízí použitelné prostředí pro starší webové prohlížeče a zákazníky, kteří jej nadále používají jim.

Půvabná degradace neznamená říci čtenářům: „Stáhněte si nejnovější prohlížeč“

Jedním z důvodů, proč mnoho moderních designérů nemá rád půvabný přístup k degradaci, je to, že se často promění v požadavek, aby si čtenáři stáhli nejmodernější prohlížeč, aby stránka fungovala. Tohle je ne půvabná degradace. Pokud zjistíte, že chcete napsat „stáhněte si prohlížeč X, aby tato funkce fungovala,“ opustili jste oblast ladné degradace a přesunuli se do designu zaměřeného na prohlížeč. Ano, nepochybně má smysl pomáhat návštěvníkům webových stránek upgradovat na lepší prohlížeč, ale často je od nich hodně žádat (pamatujte, mnoho lidí nerozumí stahování nových prohlížečů a váš požadavek, aby tak učinili, je může jednoduše vyděsit pryč). Pokud opravdu chcete, aby jejich podnikání bylo nepravděpodobné, že byste jim řekli, aby opustili vaše stránky a stáhli si lepší software. Pokud váš web nemá klíčové funkce, které vyžadují určitou verzi prohlížeče nebo vyšší, vynucení stahování je v uživatelském prostředí často přerušovačem obchodu a je třeba se mu vyhnout.

Dobrým pravidlem je dodržovat stejná pravidla pro ladnou degradaci jako pro postupné vylepšování:

  • Napište platné, vyhovující standardům HTML
  • K návrhům a rozvržení použijte externí šablony stylů
  • Pro interaktivitu používejte externě propojené skripty
  • Ujistěte se, že je obsah přístupný i nízkoúrovňovým prohlížečům CSS nebo JavaScript

S ohledem na tento proces můžete jít ven a vytvořit nejmodernější design, jaký můžete! Jen se ujistěte, že se zhoršuje v méně funkčních prohlížečích, zatímco stále pracuje.

Jak daleko zpět musíte jít?

Jedna otázka, kterou má mnoho webových vývojářů, je, jak daleko zpět z hlediska verzí prohlížečů byste měli podporovat? Na tuto otázku neexistuje žádná stručná odpověď. Záleží na samotném webu. Pokud zkontrolujete analýzu provozu webu, uvidíte, která webové prohlížeče jsou používány k návštěvě tohoto webu. Pokud uvidíte významné procento lidí, kteří používají určitý starší prohlížeč, pravděpodobně budete chtít tento prohlížeč podporovat nebo riskovat ztrátu tohoto podnikání. Pokud se podíváte na své analýzy a zjistíte, že nikdo nepoužívá starší verzi prohlížeče, pravděpodobně jste bezpečně při rozhodování, že se nemusíte starat o plnou podporu zastaralého prohlížeče a testování na to. Skutečná odpověď na otázku, jak daleko zpět musí váš web podporovat, je: „Jakkoli vám však analytika řekne, že vaši zákazníci používají.“

instagram story viewer