Mi a "kecses degradáció" a webes tervezésben?

A webdesign ipar mindig változik, részben azért, mert a webböngészők és az eszközök mindig változik. Mivel a webes tervezők és fejlesztők által végzett munkát valamilyen böngészőn keresztül tekintjük meg, munkánk mindig szimbiotikus kapcsolatban áll a szoftverrel.

Az egyik kihívás, amelyet a weboldal-tervezőknek és a fejlesztőknek mindig is foglalkoznia kellett, nem csak a webböngészők változásai, hanem a weboldalak eléréséhez használt különböző webes böngészők is. Remek lenne, ha minden webhely látogatója biztosan használná a legújabb és legnagyobb szoftvert, de ez soha nem volt így (és valószínűleg soha nem lesz). Egyes webhelyek látogatói olyan böngészők weboldalait fogják megtekinteni, amelyek nagyon régiek és a korszerűbb böngészők hiányzó funkciói. Például a Microsoft Internet Explorer böngésző régebbi verziói már régóta tövig sok webszakember oldalán vannak. Annak ellenére, hogy a vállalat néhány legrégebbi böngészőjük számára támogatást adott, még mindig vannak olyan emberek, akik használni fogják őket - olyan embereket, akikkel üzletet szeretne és kommunikálni szeretne velük!

A valóság az, hogy azok az emberek, akik ezeket az elavult böngészőket használják, gyakran nem tudják, hogy elavult szoftverük van, vagy hogy webes böngészési tapasztalataik veszélyeztethetik a szoftverek választása miatt. Számukra ez az elavult böngésző egyszerűen azon, amire régóta használják a weboldalak elérését. A webfejlesztők szemszögéből szeretnénk biztosítani, hogy továbbra is hasznos élményt nyújtsunk ezeknek az ügyfeleknek, miközben olyan weboldalakat is létrehozunk, amelyek csodálatosan működnek a mai modern, funkciógazdag böngészők és eszközök számára . A "kecses degradáció" stratégiája a weboldal kialakításának stratégiája számos különböző, régi és új böngésző számára.

Kezdve a modern böngészőkkel

A weboldal tervezését, amely kegyesen romlik, elsősorban a modern böngészők számára készült. Ez a webhely azért jött létre, hogy kihasználja a modern web böngészők funkcióit, amelyek közül sokan "automatikus frissítés" annak biztosítására, hogy az emberek mindig friss verziót használjanak. A kecsesen romló webhelyek is hatékonyan működnek a régebbi böngészők számára. Ha a régebbi, kevésbé jól működő böngészők megtekinti a webhelyet, akkor még mindig működőképesnek kell lennie, de esetleg kevesebb funkcióval vagy különböző megjelenítési megjelenítéssel kell rendelkeznie. Bár ez a koncepció egy kevésbé működőképes vagy nem szép megjelenésű weboldalról olyan furcsa sztrájkba ütközik, az igazság az, hogy az emberek még csak nem is tudják, hogy hiányoznak. Nem fogják összehasonlítani azt a webhelyet, amelyet a "jobb verzió" ellenében látnak, így amíg a webhely működik, amire szükségük van, és nem tűnik összetörnek, sem funkcionális, sem vizuálisan, akkor jó formában leszel.

Progresszív javítás

A kecses degradáció koncepciója sok szempontból hasonlít egy másik webes koncepcióhoz, amelyet talán hallottál - a progresszív javításról. A legfontosabb különbség a kecses degradációs stratégia és a progresszív javítás között az a hely, ahol elkezdi a tervezést. Ha a legalacsonyabb közös nevezővel kezdődik, majd új böngészőkhöz hozzáadja a funkcióit weboldalaihoz, progresszív javítást használ. Ha a legmodernebb, élvonalbeli jellemzőkkel kezdődik, majd visszafelé tart, akkor kecses degradációt használ. Végül a kapott webhely valószínűleg ugyanazt a tapasztalatot nyújtja, akár progresszív javítást, akár kecses degradációt használ. Valójában a megközelítés egyik célja, hogy olyan oldalt hozzon létre, amely remekül működik a modern böngészők számára, miközben továbbra is hasznos élményt nyújt a régebbi böngészők és az ügyfelek számára, akik továbbra is használják ezeket.

A kegyes bomlás nem jelenti az olvasóidat, és a legfrissebb böngészőt töltsd le (# 34;

Az egyik oka annak, hogy sok modern tervező nem szereti a kecses degradációs megközelítést, mert gyakran keresletgé válik, hogy az olvasók letöltsék a legmodernebb böngészőt az oldal működéséhez. Ez nem kecses leépülés. Ha úgy találja, hogy "böngésző X letöltéséhez szeretne írni a funkció működéséhez", akkor hagyta el a kecses bomlást, és böngészőközpontú dizájnba költözött. Igen, kétségtelenül értékes a weboldal látogatójának egy jobb böngészőre való frissítésének támogatása, de gyakran sok kérni őket (ne feledje, sokan nem értik az új böngészők letöltését, és az Ön igénye, hogy így tesznek, egyszerűen megijeszthetik őket távol). Ha valóban azt szeretné, hogy az üzletük azt mondja nekik, hogy hagyják el webhelyét a jobb szoftver letöltéséhez, valószínűleg nem lesz módja ennek. Hacsak webhelye nem rendelkezik olyan kulcsfontosságú funkciókkal, amelyhez bizonyos böngészőverziókra van szükség, akkor a letöltés kényszerítése gyakran megszakító a felhasználói élményben, ezért kerülni kell.

Jó szabály az, hogy ugyanazokat a szabályokat követni kell a kecses degradációhoz, mint a progresszív javításhoz:

  1. Írj érvényes, szabványoknak megfelelő HTML-t
  2. Használjon külső stíluslapokat az Ön terveihez és elrendezéséhez
  3. Külsőleg kapcsolt szkriptek használata az interaktivitáshoz
  4. Győződjön meg róla, hogy a tartalom még a CSS vagy a JavaScript nélküli alacsony szintű böngészők számára is elérhető

Ezzel a folyamattal szem előtt tartva, akkor kijuthatsz, és kiépítheted a legmodernebb designt! Csak győződjön meg róla, hogy még kevésbé működik a böngészőben, miközben még dolgozik.

Milyen messze van hátra?

Az egyik kérdés, hogy sok webfejlesztőnek van az, hogy milyen messze van a böngésző verziókban, ha támogatnod kell? Nincsen vágott és száraz válasz erre a kérdésre. Magától a helyszíntől függ. Ha megvizsgálja a webhely forgalmi elemzését, akkor meg fogja találni, hogy mely böngészőket használják fel az adott webhely megtekintéséhez. Ha egy bizonyos régebbi böngészőt használó személyek jelentős hányadát látja, akkor valószínűleg támogatja ezt a böngészőt, vagy elveszíti az üzletet. Ha megnézed az analitikádat, és látod, hogy senki nem használ régebbi böngészőverziót, akkor valószínűleg biztonságban lesz abban, hogy nem kell aggódnia, hogy teljes mértékben támogatja az elavult böngészőt és a tesztelést. Tehát a valódi válasz arra a kérdésre, hogy mennyire támogatja a webhelyét - "messze hát az analitikája, hogy az ügyfelek használják."

Jennifer Krynin eredeti cikke. Szerkesztette: 8/9/17 Jeremy Girard.