A Lean weboldalak előnyei Markus Steinacher
Annak ellenére, hogy ennek a cikknek enyhén szuggesztív vagy akár provokatív címe van, a weboldal koncepciója mögött sok igazság áll. A „karcsú” kifejezés ma a szépség ideálját sugallja és a purisztikus dizájnvonalakat, amelyek rendkívül exkluzívnak számítanak. Valójában a művészi szépség sok tervezője és alkotója megpróbálja eljutni bonyolultságának középpontjába, és elért művészeti formáját a lényegre csökkenteni. Másrészt, ezen a magas igényen kívül, egy weboldal felhasználóbarátságát és kezelését értem, elsősorban a weboldal látogatója és az üzemeltető számára is, aki azt akarja, hogy a weboldala a lehető legeredményesebben működjön.
Hatékony munka a sovány webhelyekkel
Természetesen jó meglátogatni egy mobil weboldalt, amely egyenesen a lényegre tér. De még kellemesebb a weboldal üzemeltetője számára, aki viszonylag könnyen frissítheti és bővítheti tartalmaikat egy kezdetektől fogva meghatározott, könnyen megjegyezhető, intuitív és nélkülözhetetlen séma szerint. Ha a weboldal tulajdonosa még csak nem is ismeri a weboldalát, akkor az ügyfeleinek hogyan kell ezzel foglalkozniuk?
A hitvallás: "A kevesebb több!". De melyik a jobb, mint a sokkal több? Hogyan lehet a legjobban megkülönböztetni az alapvető dolgokat és a „jó, ha van” kategóriát, és talán még jobb, ha eleve nem használjuk.
Mobile First - a legbiztonságosabb taktika karcsú munkában
- mobileszközökön megjeleníthető
- viszonylag kevés töltési időt vesz igénybe
- automatikusan (viszonylag) alkalmazkodik a megfelelő képernyőformátumhoz
- és elengedhetetlenek a weboldal látogatói számára
Minden mást tiszta lelkiismerettel lehet elrejteni a mobil weboldalon, vagy más szavakkal, csak később adják hozzá a táblagép és/vagy asztali verzióhoz a koncepció részeként.
kérdez? Örömmel adok tanácsokat és segítséget személyesen! Csak vegye fel a kapcsolatot velem.
A CMS rendszerekkel viszonylag könnyen meg tudjuk különböztetni a megfelelő megjelenítési változatokat/képernyő formátumokat
A WordPress segítségével (pl. Az Elementorral) könnyedén szerkesztheti a tartalmat
- Mobil
- Tabletta
- Asztal
külön kell stílusozni. Ez azt jelenti, hogy például minden képnél eldönthetem, hogy és milyen módon szeretném, hogy melyik képernyőn jelenjen meg. A megfelelő töréspont (a képernyő szélessége, amelynél a tervezés asztali gépről mobilra változik CSS használatával) általában egyedileg állítható be, bár a legtöbb esetben célszerű az alapértelmezett beállítást hagyni.
Példa arra, hogy a mobil webhely vékony legyen
Itt láthatja egy nagyon tartalomban gazdag webhely asztali változatát a bal oldalon - www.sport-oesterreich.at. A tablet verzió középen látható. Alapvetően itt nem nagyon változott. Csak a főmenü vált át váltó menüvé, amely egy gombnyomással megnyílik. A képek és grafikák arányosan/arányosan alkalmazkodnak a megfelelő képernyőformátumhoz. A legnagyobb változást azonban a mobil verzióban tapasztaljuk (a jobb oldalon látható). A fenti menü (a közösségi média linkekkel és a másodlagos menüvel) és a nagy diavetítés a kedvcsinálóval itt eltűnik. "A hajtás felett" a weboldal legfontosabb területeinek gombjai megmaradnak. Ez könnyű alkalmazás karakterrel rendelkezik, gyorsan betöltődik és egyértelmű.
kérdez? Örömmel adok tanácsokat és segítséget személyesen! Csak vegye fel a kapcsolatot velem.
Egy másik példa a (mobil) weboldal koncepciójára
Azoknak a webhelyeknek, amelyeknek meg kell magyarázniuk egy folyamatot vagy egy bizonyos sorrendet, ideális esetben a mobil verziót kell használniuk arra, hogy "lépésről lépésre" elmagyarázzák a legegyszerűbb utat. Szeretnénk kézen fogni a látogatókat, és pontról pontra végigvezetni őket az egész folyamaton.
Elvileg ez nagyon egyszerű a link gombokkal és a horgonymenükkel. Az első lépést képpel és a lehető legleíróbb szöveggel magyarázzuk. Az alábbi gomb, amelynek szövege a következő lehet: "Ugrás a következő lépésre", kapcsolódik a következő lépés horgonyához stb.
Az elv egyértelmű: a weboldal látogatója csak abban az időben látja meg, amire szüksége van, gyorsan és világosan. Ez általában magas felhasználói élményhez és jó keresési eredményekhez vezet a keresőmotoroknál, amelyek ilyesmit ismernek fel, ha a SEO releváns számára. A konverzió (pl. Az ügyfelek elégedettsége, ha ez szolgáltatás vagy nyilatkozat egy termékről, hibaelhárítás stb.) Valójában csak egy kellemes mellékhatás.
A vékony weboldal egyéb jellemzői
Alapvetően webdesignerként mindig arra gondolok, mit hagyhatok ki. Azzal kezdődik, hogy aktívan próbálok bájtokat menteni. Hol tárolhatok bájtokat egy webhelyen?
- A forráskódban
- Képekkel és grafikákkal
- Tervezésben (CSS)
- Alkalmazásokhoz (JavaScript)
- Letöltésekhez
- A CMS rendszerrel és további moduljaival/bővítményeivel
Az Open Source CMS Drupal nagyon erős eszköz, de alapvető felépítése miatt már most is sok kódot állít elő, ami a Drupalt kissé "nehezebbé" teszi, mint a felépítésében sokkal egyszerűbb WordPress. Ezért sokkal nehezebb a Drupalnál, mint a WordPressnél tartani az úgynevezett szöveg: kód arányt a kívánt 25 százalékos standard érték felett. Állítólag ez az érték néha egy kis SEO-val kapcsolatos szempont, amelyet a keresőmotorok értékelnek. Ha igen, akkor meggyőződésem, hogy messze nem ez a legfontosabb szempont a jó keresési eredmények között. De mégis van értelme egy lean CMS rendszert használni kisebb weboldalak számára.
A CSS témája egy teljesen külön világ, amellyel a "normális" weboldal látogatói valószínűleg soha nem érintkeznek. A CSS (Cascading Style Sheets) egy "programozási nyelv" vagy "stíluslap nyelve", amely meghatározza a weboldal megjelenését. A böngészők értelmezik a weboldal stíluslapjának parancsait, és webdesign formájában végrehajtják őket. A korszak óta HTML 5/CSS 3, Amelyben az internet ismét hűvösebb lett, a weboldalak tervezési lehetőségei drámai módon megnőttek. Most már lehetőség van animált, csavart, művészi vagy szenzációs módon megjeleníteni a weboldal képeit, szövegeit és teljes területeit. Természetesen ez magában hordozza annak kockázatát is, hogy a különösen kreatív emberek hajlamosak teljesen túlzásba vinni. A túl sok effektus nemcsak elárasztja a látogatót, de túlterheli a kódot és megnöveli a betöltési időt, ami negatívan hat a kívánt felhasználói élményre. A kevesebb több!
És még az alaprendszer is, amelyet az úgynevezett háttérrendszerben kezelnek, veszélyeket rejt magában. A nyílt forráskódú CMS rendszereknél számos további ingyenes modul (Drupal)/bővítmény (WordPress) létezik, amelyek növelik a weboldal funkcionalitását. A túl sok telepített/aktivált modul azonban megnehezíti és karbantartást igényel az alaprendszer számára. A weboldal hosszú távú működésének fenntartása érdekében rendszeresen frissíteni kell a modulokat és a biztonsági frissítéseket. Néha ez nem olyan egyszerű, és tapasztalatot és speciális ismereteket igényel (különösen a Drupal esetében). Ezért ajánlatos strukturált módon eljárni a választáskor és a rend megtartásakor. Azokat a bővítményeket, amelyekre már nincs szükség, a legjobban törölni kell, hogy az alaprendszer karcsú maradjon.
kérdez? Örömmel adok tanácsokat és segítséget személyesen! Csak lépjen kapcsolatba velem.