Internetinio puslapio struktūra

Šaltiniai
Internetinio puslapio struktūra:

 UXPin straipsnis
 Wix straipsnis
Internetinio puslapio anatomija:

 Tubikblog straipsnis
 Medium straipsnis

Sąvokos
Paaiškinkite sąvokas:
Internetinis puslapis- Internetinis puslapis arba tinklalapis – informacijos išteklis saityne, kuris gali būti pasiektas
naudojantis naršykle.

 Interneto dizainas – tai elementų kūrimo ir išdėstymo svetainėje procesas, kad ji atrodytų gerai ir veiktų
efektyviai. Tai apima spalvų, šriftų, vaizdų ir maketų pasirinkimą, taip pat informacijos tvarkymą taip,
kad vartotojams būtų lengva naršyti ir suprasti.
 Internetinio puslapio struktūra- Svetainės struktūra reiškia tinklalapių organizavimą ir išdėstymą
svetainėje. Tai apima puslapių susiejimą, informacijos hierarchiją ir navigacijos sistemą.
 Prototipas- Prototipas yra preliminarus gaminio modelis arba versija, kuri yra sukurta testavimo,
vertinimo ir demonstravimo tikslais. Interneto dizaino srityje prototipas gali būti vizualus svetainės
vaizdas arba interaktyvus modelis, parodantis jos išdėstymą, funkcijas ir funkcionalumą.
 UI dizainas- UI dizainas orientuotas į vaizdinius svetainės ar programos elementus, su kuriais vartotojai
sąveikauja.
 UX dizainas- UX dizainas yra platesnė sąvoka, apimanti bendrą vartotojo patirtį sąveikaujant su
produktu ar sistema.
 Pagrindinis puslapis (angl. homepage)- Pagrindinis puslapis yra pagrindinis arba įvadinis svetainės
puslapis. Tai pirmasis puslapis, su kuriuo paprastai susiduria vartotojai, apsilankę svetainėje.
Pagrindinis puslapis yra vartai į likusią svetainės dalį ir dažnai pateikia svetainės turinio apžvalgą,
naršymo parinktis ir svarbius pranešimus.
 Alternatyvus tekstas- Alternatyvus tekstas, dažnai sutrumpintas kaip „alt tekstas“ arba „alt atributai“,
yra aprašomasis tekstas, susietas su vaizdu svetainėje. Šis tekstas naudojamas informacijai apie vaizdo
turinį ar paskirtį pateikti, ypač naudotojams, kurie vaizdo gali nematyti

Internetinio puslapio struktūros

Užpildykite lentelę:

Internetinio puslapio struktūros Savybės, kada naudojama Tipą atitinkantis tinklapis

pavadinimas
Nuosekli Nuosekli navigacija
Nuosekli struktūra idealiai tinka
nukreipti vartotojus per tam tikrą
veiksmų seką arba turinį.
Hierarchinė struktūra Hierarchinė struktūra yra labiausiai
paplitęs tipas, kuriame yra pagrindinis
arba pirminis puslapis, kuris yra
centrinis centras, o antriniai puslapiai
išsišakoja kaip kategorijos ir
(nuoroda)
https://growth.design
https://www.uxpin.com/?
utm_source=google&utm_medium
=cpc&utm_campaign=XSS
%20%7C%20Classic%20%7C
 subkategorijos. %20Brand&utm_content=UXPin&
utm_ad=523910588101&utm_term
=uxpin&matchtype=p&device=c&
GeoLoc=9062284&placement=&n
etwork=g&campaign_id=1325509
3350&adset_id=122795359917&a
d_id=523910588101&gad_source=
1&gclid=CjwKCAiAqY6tBhAtEi
wAHeRopR6x21nHS_-
z06npsQfmoFfiZmiTTijbLsfTXZ-
aYcwqsipO-
NQfjBoCjIkQAvD_BwE
Matricos žiniatinklio struktūra https://www.nytimes.com/
Matricos struktūra yra įprasta subscription/all-access?
svetainėse, kuriose yra daug campaignId=8HHXJ&ds_c=71700
turinio, pvz., internetiniuose 000105584847&site=google&netw
laikraščiuose (pvz., New York ork=g&campaign_id=1961101938
Times). Šioje struktūroje svetainės 4&gad_source=1&gclid=CjwKCA
architektūra gali nesilaikyti aiškios iAqY6tBhAtEiwAHeRopQYrKTF
hierarchijos, todėl galima lanksčiau Q-
naršyti turinį. Vartotojai gali Jvc1b2tfAXSetny2d8T96D0k7nlN
pasiekti informaciją įvairiais pJA59nppZ7KR53okRoCo3IQAv
būdais, o struktūra gali būti ne D_BwE&gclsrc=aw.ds
tokia griežta kaip hierarchinis
modelis.

Duomenų bazės svetainės struktūra https://www.pinterest.com

Taip pat žinomas kaip dinamiška
svetainės struktūra, duomenų bazės
modelis yra paplitęs svetainėse,
kuriose yra daug vartotojų sukurto
turinio. Tai apima dinamišką
sistemą, kurioje turinys paimamas
iš duomenų bazės, remiantis
vartotojo užklausomis arba
sąveika. „Pinterest“ vadovaujama
paieška yra pavyzdys, kai
naudotojai įveda nuostatas, o
svetainė dinamiškai generuoja
turinį pagal šiuos duomenis. Ši
struktūra leidžia suasmeninti ir
nuolat tobulinti turinį.

Internetinio puslapio elementai

Paaiškinkite pateiktus puslapio elementus: kas tai, kurioje puslapio vietoje jie sutinkami, kokias savybes turi, kuo jie yra
naudingi.

Ikona
Kas tai yra: piktogramos yra nedideli grafiniai vaizdai, simbolizuojantys veiksmą, koncepciją ar elementą.
Kur ji yra puslapyje: piktogramos gali būti išsklaidytos visame tinklalapyje, dažnai šalia atitinkamų veiksmų ar turinio.
Savybės: Paprastai mažas, paprastas ir lengvai atpažįstamas. Prasmei perteikti gali naudoti metaforas.
Naudinga: pagerinti vaizdinę komunikaciją, suteikiant vartotojams greitą ir intuityvų būdą suprasti puslapio elementus ir
su jais sąveikauti.

Antraštė
Kas tai yra: antraštė yra trumpas, paprastai didelis ir paryškintas tekstas skyriaus arba puslapio viršuje, apibendrinantis
toliau pateiktą turinį.
Kur jis randamas puslapyje: paprastai skilties, straipsnio ar tinklalapio viršuje.
Savybės: didesnis šrifto dydis, paryškintas arba išskirtinis stilius, kad patrauktų dėmesį.
Naudinga: norint greitai perteikti pagrindinę turinio idėją arba tikslą, padedant naudotojams nuspręsti, ar toliau dalyvauti.

Navigacija
Kas tai yra: Navigacija reiškia nuorodų arba meniu sistemą, leidžiančią vartotojams judėti ir naršyti įvairias svetainės
dalis.
Kur jis randamas puslapyje: paprastai yra tinklalapio viršuje, šonuose arba apačioje.
Savybės: susideda iš meniu, nuorodų arba mygtukų, kuriuos galima spustelėti ir kurie nukreipia į kitus puslapius ar
skyrius.
Naudinga: leidžia lengvai naršyti ir pasiekti įvairias svetainės dalis, pagerinti bendrą naudotojo patirtį.

Sekcija
Kas tai yra: skiltis yra atskira tinklalapio turinio dalis arba blokas, dažnai turintis konkrečią temą ar tikslą.
Kur jis yra puslapyje: visame tinklalapyje, dalijant turinį į reikšmingus segmentus.
Savybės: aiškus vizualinis atskyrimas, kuriame yra susijusių turinio elementų.
Naudinga: tvarkyti turinį, gerinti skaitomumą ir nukreipti vartotojus į puslapio struktūrą.

Kortelė
Kas tai yra: kortelė yra talpykla, kurioje yra susijusi informacija, dažnai su vaizdu, tekstu ir interaktyviais elementais.
Kur jis yra puslapyje: gali būti naudojamas įvairiose dalyse, dažnai tinklelio išdėstymuose.
Savybės: paprastai stačiakampio formos, su vaizdų ir teksto deriniu. Gali būti interaktyvus.
Naudinga: pateikiant nedidelės apimties informaciją, tvarkant turinį ir kuriant vizualiai patrauklius maketus.

Mygtukas
Kas tai yra: mygtukas yra elementas, kurį galima spustelėti, kuris suaktyvina konkretų veiksmą, kai su juo sąveikaujama.
Kur jis randamas puslapyje: visame tinklalapyje, dažnai šalia raginimų veikti.
Savybės: išskirtinė, dažnai kontrastingų spalvų ir 3D išvaizda, rodanti interaktyvumą.
Naudinga: inicijuojant veiksmus, pvz., formų pateikimą, naršymą į kitą puslapį arba konkrečių funkcijų suaktyvinimą.

Nuoroda
Kas tai yra: nuoroda yra spustelėjamas elementas, nukreipiantis vartotoją į kitą puslapį arba šaltinį.
Kur jis yra puslapyje: įterptas į tekstą, vaizdus ar mygtukus.
Savybės: paprastai pabraukta arba rodoma kita spalva, kad būtų galima atskirti nuo įprasto teksto.
Naudinga: prijungiant susijusį turinį, palengvinant naršymą ir nukreipiant vartotojus į papildomus išteklius.

Slankjuostė
Kas tai yra: slinkties juosta yra vartotojo sąsajos elementas, leidžiantis naudotojams naršyti turinį, kuris netelpa visiškai
matomoje tinklalapio srityje.
Kur jis yra puslapyje: naršyklės lango šone arba apačioje.
Savybės: gali būti vertikali arba horizontali juosta su traukiamu indikatoriumi.
Naudinga: naršyti per ilgą turinį, vaizdžiai nurodant vartotojo poziciją puslapyje.

Poraštė
Kas tai yra: poraštė yra apatinė tinklalapio dalis, kurioje yra daugiau nuorodų, informacijos apie autorių ir kontaktinius
duomenis.
Kur jis yra puslapyje: tinklalapio apačioje.
Savybės: gali apimti naršymo nuorodą, informaciją apie autorių teises ir kitą turinį.
Naudinga: teikiant papildomą naršymo modelį, teisinę informaciją ir kontaktinę informaciją.

Forma
Kas tai yra: forma yra skyrius, leidžiantis vartotojams įvesti ir pateikti duomenis, dažnai naudojamas atliekant tokias
užduotis kaip naudotojo registracija arba duomenų pateikimas.
Kur jis randamas puslapyje: visame tinklalapyje, paprastai ten, kur reikalinga vartotojo įvestis.
Ypatybės: yra įvesties laukų, etikečių ir pateikimo mygtukų.
Naudinga: rinkti informaciją apie vartotoją, palengvinti vartotojų sąveiką ir įgalinti įvairią veiklą internete, pvz.,
apklausas ar pirkimus.