O serie de aspecte comune ale unui design web bun fac site-urile web mai ușor și mai plăcut de utilizat. Știind care sunt acestea vă va ajuta să înțelegeți de ce vă plac unele site-uri web și de ce nu vă plac altele, precum și ce doriți să adăugați la ale dumneavoastră.
Este important să rețineți că acestea sunt expresii standard pentru părți ale unui site web distincte. Sunt foarte comune, totuși, alții pot folosi altă terminologie.
Elementele individuale de pe o pagină, pentru ce sunt acestea și de ce aveți nevoie de ele sunt toate acoperite în acest articol despre diferitele părți ale unui site web.
De ce este important să cunoști părți ale unui site web?
Înțelegerea anatomiei unui site web vă va ajuta să proiectați un site atrăgător din punct de vedere vizual, care facilitează vizitatorilor dumneavoastră să găsească ceea ce caută. Este posibil să nu puteți numi diferitele părți ale unui site web, dar dacă ați petrecut mai mult de cinci minute online, cel mai probabil le veți cunoaște.
Când navigați pe internet, vă așteptați ca site-urile pe care le vizitați să funcționeze într-un mod specific, așa cum majoritatea lumii citește de la stânga la dreapta și de sus în jos. Cele mai relevante informații ar trebui găsite în partea de sus, în partea stângă. În dreapta sus este următoarea locație cea mai critică.
Vizitatorii site-ului dumneavoastră se așteaptă la același lucru. Acesta este motivul pentru care layout-urile paginilor web sunt similare de la un site la altul și de ce designul site-ului dumneavoastră ar trebui să aibă unele caracteristici unice. Anatomia unui site web se referă la aspectul general.
Anatomia fundamentală a unui site web
Unele părți ale unui site web sunt atât de importante pentru web design încât trebuie să fie prezente pe toate site-urile pentru ca acestea să funcționeze eficient. Aceste componente lucrează împreună pentru a construi fundația site-ului dumneavoastră:
1. Antet
Imaginea preluată de pe George Clark III
Aceasta este partea unui site web care conține sigla și în majoritatea cazurilor, meniul de navigare. Antetul este zona din partea de sus a paginii care rămâne vizibilă și constantă pe măsură ce oamenii navighează pe site-ul dumneavoastră.
Anterior, antetul era folosit pentru a afișa un banner sau o imagine care promovează marca dumneavoastră, similar cu fotografia de copertă a unei pagini de Facebook. Cu toate acestea, site-urile web de astăzi sunt mai simple, iar tendința este ca logo-ul și navigarea dumneavoastră să fie singurele elemente din antet.
2. Meniu
Imaginea preluată de pe The Henningsens
Meniul este aranjat sub forma unei hărți de cuvinte. Acesta explică modul cum să găsești ceea ce caută pe site-ul tău. Meniul este de obicei situat chiar deasupra sau sub antet, dar poate fi găsit și în ambele sensuri.
Meniul ar trebui să fie simplu și direct. Acest lucru poate necesita uneori multă gândire și planificare. În meniu, ar trebui să fie enumerate doar cele mai semnificative categorii. Vizitatorii se așteaptă să poată găsi ceea ce caută în această parte a unui site web în trei clickuri sau mai puțin.
Puteți utiliza meniurile derulante pentru a menține navigarea simplă în meniu. Când cititorul ține mouse-ul peste un element de meniu, apare o nouă listă din care să aleagă.
3. Imagini
Imaginea preluată de pe Emily Penn
Imediat sub banner este o imagine, o serie de fotografii sau, în rare ocazii, un videoclip. Antetul și imaginea principală alcătuiesc împreună secțiunea de sus a site-ului dumneavoastră, cunoscută și sub numele de deasupra pliului, și sunt cruciale pentru a face o primă impresie puternică. Elementul vizual prezentat, în special, are un impact semnificativ asupra faptului că utilizatorii rămân pe site-ul dumneavoastră sau părăsesc în câteva secunde. Având în vedere asta, această grafică ar trebui să comunice ceva vital despre afacerea ta. Este esențial ca acesta să se conecteze la restul site-ului dumneavoastră, indiferent dacă include fotografii cu produsele sau serviciile dumneavoastră sau pur și simplu oferă utilizatorului o idee despre ce este marca dumneavoastră.
4. Conținutul site-ului
Imaginea preluată de pe Amy Chambers
Aceasta este cea mai importantă dintre diferitele părți ale unui site web. Cuvintele postate pe site-ul dumneavoastră care explică despre ce este site-ul dumneavoastră, ce aveți de oferit și modul în care vizitatorii site-ului pot beneficia de ofertele dumneavoastră sunt denumite conținut. Materialul unui site web poate cuprinde o gamă largă de subiecte. De obicei, se referă la paragrafele care explică obiectivul site-ului dumneavoastră, dar se poate referi și la un singur cuvânt de pe butoanele dumneavoastră.
În timp ce textul mic de pe butoane și meniuri poate părea minor, acesta este forța motrice din spatele site-urilor web. Acestea sunt informațiile care explică la ce se pot aștepta vizitatorii site-ului când fac click pe butoane precum „Cumpără acum” sau „Coș de cumpărături”. Acordați-vă timp pentru a pune la punct conținutul site-ului dumneavoastră, astfel încât orice vizitator să vă poată înțelege marca la fel de bine ca și dumneavoastră.
5. Bară laterală
Imaginea preluată de pe pagina utilizatorului Strikingly
O bară laterală este o coloană verticală scurtă care rulează alături de conținutul site-ului dumneavoastră web. Reclame, conexiuni la alte informații, îndemnuri și o casetă de căutare se găsesc frecvent în bara laterală. Considerați bara laterală ca o completare a conținutului principal al site-ului dumneavoastră web.
În ultimii ani, a existat o tendință în designul site-urilor web de a șterge complet bara laterală și de a vă prezenta conținutul într-o singură coloană cu lățime completă. Eliminarea barei laterale are sens pentru anumite site-uri, dar nu pentru altele. Factorii decisivi sunt alegerea personală și/sau dacă stilul (bară laterală vs. fără bară laterală) oferă o experiență mai bună pentru utilizator sau o rată de conversie mai mare.
6. Glisor
Imaginea preluată de pe HAYASHIDA RICE English
Un glisor este o parte a unui site web care este utilizată pentru a afișa imagini, cum ar fi o prezentare de diapozitive în care imaginile alunecă de la dreapta la stânga sau invers. Glisoarele pot fi folosite oriunde pe un site web, dar sunt de obicei folosite pe paginile de start pentru a înlocui (sau completa) o imagine prezentată.
Glisoarele devin din ce în ce mai puțin populare pe măsură ce site-urile web evoluează și se acordă mai multă atenție vitezei de încărcare a paginii și maximizării experienței utilizatorilor pe dispozitivele mobile. Glisoarele sunt porți de resurse și sunt adesea puțin mai mult decât bomboane pentru ochi.
7. CTA (Call to Action)
Imaginea preluată de pe Founder Mastermind
Un îndemn la acțiune sau CTA, cea mai importantă dintre părți ale unui site web esențiale, este o scurtă bucată de text care încurajează clienții să facă următorul pas cu compania dumneavoastră și să progreseze în pâlnia de vânzări. CTA se găsesc adesea pe butoane și includ cuvinte precum „Începe acum” sau „Cumpără-l pe al tău”. Acest stil de scriere îi instruiește pe utilizatori cum să efectueze o anumită acțiune și, atunci când ating un buton, știu la ce să se aștepte.
CTA-urile sunt o parte crucială a unui site web, deoarece permit utilizatorilor să utilizeze sau să achiziționeze serviciul sau produsul dumneavoastră. Este posibil să aveți mai puține vânzări și o rată mai mare de clienți care vă abandonează site-ul fără a efectua conversii dacă nu aveți aceste butoane.
8. Subsol
Imaginea preluată de pe EmilioRiosDesigns
Simplu descris, un subsol este partea unui site web care apare în partea de jos a paginii. În mod normal, include o hartă a site-ului cu conexiuni la toate paginile de pe site-ul dumneavoastră. Acest lucru poate ajuta vizitatorii să găsească toate serviciile dumneavoastră, inclusiv pe cele care nu au făcut limita pentru antetul dumneavoastră.
Subsolurile site-ului includ frecvent informații de contact de bază, permițând oamenilor să vă contacteze sau să vă găsească afacerea reală. Acest tip de date este esențial pentru succesul unei companii. O bară de socializare, care conține pictograme mici, dar recunoscute, care direcționează cititorii către paginile rețelei sociale, poate fi, de asemenea, inclusă în subsol. Acest lucru vă poate ajuta să atrageți adepți în rețelele sociale, ceea ce poate duce la o expunere sporită a mărcii și la o eventuală creștere a afacerii.
9. Pagina de destinație
Imaginea preluată de pe Swish
Când rulați reclame pe Google sau Facebook (sau oriunde altundeva), trebuie să furnizați o pagină de destinație pe care oamenii să o viziteze atunci când fac click pe anunț, de unde și numele. Odată ce ați înțeles structura de bază a unui site web, treptat vă veți aminti părți ale unui site web.
Paginile de destinație diferă de paginile obișnuite ale site-ului web, prin aceea că orice elemente care distrag atenția, cum ar fi antetul, subsolul sau bara laterală, sunt șterse sau minimizate. Scopul principal al unei pagini de destinație este de a determina vizitatorii să ia măsuri (de exemplu, să descarce un raport, să se înscrie pentru o listă de e-mail, să cumpere ceva etc.) și să crească rata de conversie. Conținutul unei pagini de destinație ar trebui să fie focalizat pe laser pe cât posibil.
10. Pagina principală
Imaginea preluată de pe Fighting Pretty
Pagina de pornire este cunoscută și ca pagina principală. Pe majoritatea site-urilor web, aceaste părți ale unui site web este de unde ar trebui să începeți. Conectarea logo-ului dumneavoastră la pagina dumneavoastră de pornire este o tehnică bună de proiectare a site-ului, deoarece oferă vizitatorilor o opțiune de „scăpare” sau „resetare” dacă se pierd pe site-ul dumneavoastră.
11. Blog
Imaginea preluată de pe pagina utilizatorului Strikingly
Un blog este un site web în sine. Deci, care este mai exact diferența dintre un blog și un site web? Nu sunt multe. Totul se rezumă la modul în care sunt organizate și prezentate informațiile.
- O postare este ceea ce numiți ceva ce scrieți pe un blog, iar postările de blog sunt publicate în ordine cronologică, similar intrărilor de jurnal dintr-un jurnal. Termenul „blog” provine din sintagma „weblog”.
- Când publicați ceva pe un site web, se numește o pagină, iar paginile web nu sunt afișate într-o anumită ordine. Sunt pur și simplu o colecție de pagini conectate (de exemplu, pagina de pornire, pagina despre noi, pagina de contact și așa mai departe).
- Intrările de blog permit interacțiunea cititorilor prin comentarii.
- Paginile web sunt de obicei de natură instrucțională cu privire la produsele sau serviciile unei companii, așa că nu includ o secțiune de comentarii. Au tendința de a vorbi într-un ton mai profesionist și mai autoritar. Tonul intrărilor de pe blog este mai relaxat și mai conversațional.
- Un blog poate exista ca site separat sau ca parte a unui site web mai mare.
Acesta este un articol de blog pe un blog care face parte dintr-un site web pe care îl citiți în prezent.
Concluzie
Sperăm că acest mic tutorial despre diferite părți ale unui site web a fost util. Pentru a comunica inteligent cu un designer sau un dezvoltator web, nu trebuie să înțelegeți tehnologia de bază. Veți fi bun dacă aveți o înțelegere fundamentală a limbajului unor părți ale unui site web importante.
Dacă vă simțiți copleșiți de toate acestea, creatorii de site-uri web precum Strikingly vă pot ajuta. În mod surprinzător, un constructor de site-uri web de top se referă la a le permite oamenilor să-și împărtășească gândurile lumii prin intermediul unor site-uri web bine concepute, unice. Aproximativ 3 milioane de antreprenori, întreprinderi mici, creatori și studenți din întreaga lume utilizează serviciile noastre gratuite de design de site-uri web. Șabloanele noastre personalizate de design de site-uri web simplifică chiar și pentru începători crearea de site-uri web, permițându-le să concureze cu companiile locale mai mari. Puteți începe să lucrați la design și dezvoltare de site-uri web care vor atrage publicul țintă imediat dacă aveți un set complet de instrumente și cel mai bun software gratuit de design web.
