Výhody štíhlych webových stránok Markus Steinacher

štíhlych

Aj keď má tento článok mierne sugestívny alebo dokonca provokatívny názov, za koncepciou webovej stránky je veľa pravdy. Pojem „štíhly“ v dnešnej dobe naznačuje ideál krásy a puristických dizajnových línií, ktoré sú považované za mimoriadne exkluzívne. Mnoho dizajnérov a tvorcov umeleckej krásy sa skutočne snaží dostať do jadra svojej zložitosti a zredukovať svoju umeleckú formu na nevyhnutné. Na druhej strane, okrem tohto vznešeného tvrdenia, mám na mysli užívateľskú príjemnosť a zaobchádzanie s webovou stránkou, predovšetkým pre jej návštevníka a tiež pre prevádzkovateľa, ktorý chce, aby bol jeho web čo najúspešnejší.

Pracujte efektívne s chudými webmi

Samozrejme, je pekné navštíviť mobilný web, ktorý prejde priamo k veci. Ale je to ešte príjemnejšie pre prevádzkovateľa webových stránok, ktorý má relatívne ľahké pravidelne aktualizovať a rozširovať svoj obsah podľa schémy definovanej od začiatku, ktorá je ľahko zapamätateľná, intuitívna a nevyhnutná. Ak vlastník webu nie je oboznámený so svojím webom, ako by s ním mali zákazníci zaobchádzať?

Krédo je: "Menej je viac!". Ale ktoré menej je lepšie ako oveľa viac? Ako je najlepšie rozlišovať medzi tým, čo je podstatné, a tým, čo spadá do kategórie „pekné mať“, a možno ešte lepšie nepoužívať to na prvom mieste.

Mobile First - najbezpečnejšia taktika, ako pracovať štíhlo

  • sa dajú zobraziť na mobilných zariadeniach
  • načítanie trvá pomerne málo času
  • automaticky (relatívne) prispôsobiť príslušnému formátu obrazovky
  • a sú nevyhnutné pre návštevníkov webových stránok

Všetko ostatné je možné s čistým svedomím skryť na mobilnom webe, alebo inými slovami, ako súčasť koncepcie sa pridá až neskôr vo variante pre tablety alebo pre stolné počítače.

opýtať sa? Rád poskytnem poradenstvo a pomoc osobne! Stačí ma kontaktovať.

So systémami CMS môžeme pomerne ľahko rozlíšiť medzi príslušnými variantmi zobrazenia/formátmi obrazovky

Pomocou WordPress (napr. S Elementor) môžete ľahko upravovať obsah pre

  • mobilné
  • Tableta
  • Desktop

byť štylizované osobitne. To znamená, že sa napríklad môžem pre každý obrázok rozhodnúť, či a ako chcem, aby sa zobrazil v akom formáte obrazovky. Príslušný bod prerušenia (šírka obrazovky, pri ktorej sa dizajn zmení z desktopu na mobil pomocou CSS) je možné všeobecne nastaviť individuálne, aj keď vo väčšine prípadov je vhodné ponechať predvolené nastavenie.

Príklad na zúženie mobilného webu

stránok

Na ľavej strane nájdete webovú verziu veľmi obsahovo bohatej webovej stránky - www.sport-oesterreich.at. V strede je vidieť tabletovú verziu. V zásade sa tu toho veľa nezmenilo. Iba hlavné menu sa zmení na prepínacie menu, ktoré sa otvorí stlačením prsta. Obrázky a grafika sa prispôsobujú proporcionálne/relatívne k príslušnému formátu obrazovky. Najväčšiu zmenu však zažívame v mobilnej verzii (zobrazenej vpravo). Vyššie uvedené menu (s odkazmi na sociálne médiá a sekundárne menu) a veľká prezentácia s ukážkami tu zmiznú. „Nad záhybom stránky“ zostávajú tlačidlá pre najdôležitejšie oblasti webových stránok. Toto má ľahký charakter aplikácie, načítava sa rýchlo a je prehľadné.

opýtať sa? Rád poskytnem poradenstvo a pomoc osobne! Stačí ma kontaktovať.

Ďalším príkladom koncepcie (mobilného) webu

Webové stránky, ktoré musia vysvetľovať postup alebo určitú postupnosť, by mali ideálne vysvetliť v mobilnej verzii „krok za krokom“ najjednoduchší spôsob, ako sa dostať k cieľu. Chceme vziať návštevníkov za ruku a sprevádzať ich celým procesom, bod po bode.

V zásade je to veľmi ľahké pomocou odkazových tlačidiel a kotviacich ponúk. Prvý krok vysvetlíme obrázkom a čo najopísanejším textom. Tlačidlo nižšie, ktorého text môže byť: „Prejsť na ďalší krok“, spojené s ukotvením nasledujúceho kroku atď.

Princíp je jasný: návštevník webových stránok vidí rýchlo a jasne iba to, čo v danom okamihu potrebuje. To zvyčajne vedie k vysokému používateľskému zážitku a dobrým výsledkom vyhľadávania pomocou vyhľadávacích nástrojov, ktoré rozpoznajú niečo také, ak je SEO pre ňu relevantné. Konverzia (napr. Spokojnosť zákazníka, ak sa jedná o službu alebo vyhlásenie o produkte, riešenie problémov atď.) Je potom vlastne iba príjemný vedľajší efekt.

Ďalšie charakteristické znaky štíhlej webovej stránky

V zásade ako webdizajnér vždy premýšľam nad tým, čo môžem vynechať. Začína to tým, že sa aktívne snažím šetriť bajty. Kde môžem uložiť bajty na webovej stránke?

  • V zdrojovom kóde
  • S obrázkami a grafikou
  • V dizajne (CSS)
  • Pre aplikácie (JavaScript)
  • Na stiahnutie
  • So systémom CMS a jeho ďalšími modulmi/zásuvnými modulmi

Open Source CMS Drupal je veľmi výkonný nástroj, ale vďaka svojej základnej štruktúre už produkuje veľa kódu, čo robí Drupal trochu „ťažším“ ako WordPress, ktorý je svojou štruktúrou oveľa jednoduchší. Preto je s Drupalom oveľa ťažšie ako s WordPressom udržiavať takzvaný pomer textu k kódu nad požadovanou štandardnou hodnotou 25 percent. Údajne je táto hodnota niekedy malým aspektom relevantným pre SEO, ktorý hodnotia vyhľadávače. Ak je to tak, potom som presvedčený, že to nie je zďaleka najdôležitejší aspekt dobrého výsledku vyhľadávania. Stále však má zmysel používať štíhly CMS systém pre menšie weby.

Témou CSS je úplne samostatný svet, s ktorým „normálni“ návštevníci webových stránok pravdepodobne nikdy neprichádzajú do styku. CSS (Cascading Style Sheets) je „programovací jazyk“ alebo „jazyk štýlov“, ktorý definuje vzhľad webovej stránky. Prehliadače interpretujú príkazy štýlov webu a vykonávajú ich vo forme webdizajnu. Od éry HTML 5/CSS 3, V čom sa internet opäť ochladil, dramaticky sa zvýšili možnosti dizajnu webových stránok. Teraz je možné zobrazovať obrázky, texty a celé oblasti webových stránok animovaným, skrúteným, umeleckým alebo senzačným spôsobom. Toto samozrejme nesie aj riziko, že najmä tvoriví ľudia majú tendenciu úplne to preháňať. Príliš veľa efektov nielenže zahltí návštevníka, ale preťaží kód a predĺži čas načítania, čo má negatívny vplyv na požadovaný dojem používateľa. Menej je viac!

A dokonca aj jadrový systém, ktorý je riadený v takzvanom backende, skrýva nebezpečenstvo. V systémoch CMS s otvoreným zdrojom existuje množstvo ďalších bezplatných modulov (Drupal)/doplnkov (WordPress), ktoré zvyšujú funkčnosť webových stránok. Príliš veľa nainštalovaných/aktivovaných modulov však robí hlavný systém ťažkým a náročným na údržbu. Aby bola webová stránka dlhodobo funkčná, mali by sa pravidelne robiť aktualizácie modulov a zabezpečenia. To niekedy nie je také ľahké a vyžaduje si skúsenosti a odborné znalosti (najmä s Drupalom). Pri výbere je preto vhodné postupovať štruktúrovane a udržiavať poriadok. Tie doplnky, ktoré už nie sú potrebné, je najlepšie vymazať, aby bol jadro systému štíhle.

opýtať sa? Rád poskytnem poradenstvo a pomoc osobne! Stačí ma kontaktovať.