Avantajele site-urilor web slabe Markus Steinacher

avantajele

Deși acest articol are un titlu ușor sugestiv sau chiar provocator, există o mulțime de adevăr în spatele concepției unui site web. Termenul „subțire” sugerează în zilele noastre idealul de frumusețe și linii de design puriste care sunt privite ca extrem de exclusive. Într-adevăr, mulți designeri și creatori de frumusețe artistică încearcă să ajungă în centrul complexității lor și să-și reducă forma de artă realizată la esențial. Pe de altă parte, mă refer la, pe lângă această pretenție înaltă, ușurința utilizatorului și gestionarea unui site web, în ​​primul rând pentru vizitatorul site-ului web și, de asemenea, pentru operatorul care dorește ca site-ul său web să funcționeze cât mai bine posibil.

Lucrați eficient cu site-uri web slabe

Desigur, este frumos să vizitați un site web mobil care ajunge direct la subiect. Dar este și mai plăcut pentru operatorul site-ului web, care are relativ ușor să își actualizeze și să extindă conținutul în mod regulat, conform unei scheme definite de la început, ușor de reținut, intuitivă și esențială. Dacă proprietarul site-ului web nici măcar nu este familiarizat cu site-ul său, cum ar trebui să facă față clienții săi?

Credo-ul este: "Mai puțin este mai mult!". Dar care mai puțin este mai bun decât mult mai mult? Cum este cel mai bine să faci diferența dintre ceea ce este esențial și ceea ce se încadrează în categoria „frumos să ai” și poate chiar mai bine să nu-l folosești în primul rând.

Mobile First - cea mai sigură tactică pentru a lucra slab

  • poate fi afișat pe dispozitive mobile
  • durează relativ puțin timp de încărcare
  • se adaptează automat (relativ) la formatul de ecran respectiv
  • și sunt esențiale pentru vizitatorii site-ului web

Orice altceva poate fi ascuns pe site-ul mobil cu o conștiință curată sau, cu alte cuvinte, este adăugat mai târziu doar pe varianta tabletă și/sau desktop, ca parte a concepției.

cere? Sunt bucuros să vă ofer sfaturi și asistență personal! Intră în contact cu mine.

Cu sistemele CMS, putem diferenția relativ ușor între variantele de afișare/formatele de ecran respective

Cu WordPress (de exemplu, cu Elementor) puteți edita cu ușurință conținutul

  • mobil
  • Comprimat
  • Desktop

pentru a fi coafat separat. Asta înseamnă, de exemplu, că pot decide pentru fiecare imagine dacă și cum vreau să fie afișată pe formatul ecranului. Punctul de întrerupere respectiv (lățimea ecranului la care designul se schimbă de la desktop la mobil folosind CSS) poate fi setat în general individual, deși în majoritatea cazurilor este recomandabil să lăsați setarea implicită.

Exemplu pentru a face un site web mobil subțire

markus

Aici puteți vedea în partea stângă versiunea desktop a unui site web foarte bogat în conținut - www.sport-oesterreich.at. Versiunea tabletei poate fi văzută în mijloc. Practic, nu s-au schimbat foarte multe aici. Numai meniul principal se transformă într-un meniu de comutare care se deschide cu o apăsare de deget. Imaginile și grafica se adaptează proporțional/relativ la formatul de ecran respectiv. Cu toate acestea, experimentăm cea mai mare schimbare în versiunea mobilă (afișată în dreapta). Meniul de mai sus (cu legăturile de socializare și meniul secundar) și prezentarea de diapozitive mari cu teasere dispar aici. „Deasupra pliului”, rămân butoanele pentru cele mai importante zone ale site-ului web. Acesta are un caracter ușor de aplicație, se încarcă rapid și este clar.

cere? Sunt bucuros să vă ofer sfaturi și asistență personal! Intră în contact cu mine.

Un alt exemplu pentru concepția unui site web (mobil)

Un site web care trebuie să explice un proces sau o anumită secvență ar trebui să utilizeze în mod ideal versiunea mobilă pentru a explica „pas cu pas” cel mai simplu mod de a ajunge acolo. Vrem să luăm vizitatorii de mână și să-i îndrumăm pe parcursul întregului proces, punct cu punct.

În principiu, acest lucru este foarte ușor cu butoanele de legătură și meniurile de ancorare. Vă explicăm primul pas cu o imagine și un text cât mai descriptiv posibil. Un buton de mai jos, al cărui text ar putea fi: „Treceți la pasul următor”, legat de ancora pasului următor etc.

Principiul este clar: vizitatorul site-ului vede doar ceea ce are nevoie în acel moment, rapid și clar. Acest lucru duce de obicei la o experiență ridicată a utilizatorului și la un rezultat de căutare bun pe motoarele de căutare, care recunosc așa ceva dacă SEO este relevant pentru acesta. Conversia (de exemplu, satisfacția clientului, dacă este un serviciu sau o declarație despre un produs, depanare etc.) este de fapt doar un efect secundar plăcut.

Alte caracteristici ale unui site web subțire

Practic, în calitate de designer de web, mă gândesc întotdeauna la ceea ce pot lăsa deoparte. Începe cu faptul că încerc activ să economisesc octeți. Unde pot salva octeți pe un site web?

  • În codul sursă
  • Cu imagini și grafică
  • În design (CSS)
  • Pentru aplicații (JavaScript)
  • Pentru descărcări
  • Cu sistemul CMS și modulele/pluginurile sale suplimentare

Open Source CMS Drupal este un instrument foarte puternic, dar datorită structurii sale de bază produce deja o mulțime de cod, ceea ce face Drupal puțin mai „greu” decât WordPress, ceea ce este mult mai simplu în structura sa. Prin urmare, este mult mai dificil cu Drupal decât cu WordPress să păstreze așa-numitul raport text-cod peste valoarea standard dorită de 25%. Se presupune că această valoare este uneori un mic aspect relevant pentru SEO, care este evaluat de motoarele de căutare. Dacă da, atunci sunt convins că acesta nu este de departe cel mai important aspect al unui rezultat bun de căutare. Dar este totuși logic să folosiți un sistem CMS slab pentru site-uri web mai mici.

Subiectul CSS este o lume complet separată, cu care vizitatorii site-ului „normal” probabil nu intră niciodată în contact. CSS (Cascading Style Sheets) este un „limbaj de programare” sau „limbaj de foaie de stil” care definește aspectul unui site web. Browserele interpretează comenzile foii de stil ale unui site web și le execută sub formă de web design. De la epocă HTML 5/CSS 3, În care internetul a devenit din nou mai rece, posibilitățile de proiectare ale site-urilor web au crescut dramatic. Acum este posibil să afișați imagini, texte și zone întregi ale unui site web într-un mod animat, răsucit, artistic sau senzațional. Desigur, acest lucru prezintă și riscul ca oamenii deosebit de creativi tind să exagereze complet. Prea multe efecte nu numai că copleșesc vizitatorul, dar supraîncarcă codul și măresc timpul de încărcare, ceea ce are un efect negativ asupra experienței de utilizator dorite. Mai puțin este mai mult!

Și chiar și sistemul de bază, care este gestionat în așa-numitul backend, prezintă pericole. Cu sistemele open source CMS, există o serie de module gratuite suplimentare (Drupal)/plugin-uri (WordPress) care sporesc funcționalitatea unui site web. Cu toate acestea, prea multe module instalate/activate fac ca sistemul de bază să fie greu și să necesite întreținere. Pentru a menține site-ul web funcțional pe termen lung, actualizările de modul și de securitate ar trebui să fie făcute în mod regulat. Uneori acest lucru nu este atât de ușor și necesită experiență și expertiză (în special cu Drupal). Prin urmare, este recomandabil să procedați într-un mod structurat atunci când alegeți și să păstrați ordinea. Pluginurile care nu mai sunt necesare sunt cel mai bine șterse pentru a menține sistemul de bază slab.

cere? Sunt bucuros să vă ofer sfaturi și asistență personal! Intră în contact cu mine.