Kako strukturirati svoj sadržaj za bolju početnu stranicu

Profesionalni web programeri započinju projekte prikupljanjem sav njihov sadržaj i na osnovu svoje primarne publike i cilja koji su organizirali taj sadržaj u logičke odjeljenja na temelju važnosti za ciljnu publiku. Ova faza arhitekture informacija obično završava stvaranjem mape web stranice.

Web stranica koju ćete napraviti na ovom tečaju vjerovatno će se sastojati od samo 5-6 odjeljaka ili stranica. Budući da polazimo na malu, nećemo se brinuti zbog stvaranja mape web stranice, iako ćete naučiti kako napraviti ove u DGM 2740 - web dizajnu. Umjesto toga, oslanjat ćemo se na naš dizajn strukture stranice da implicitno mapiramo strukturu web mjesta.

Osnovni ciljevi za dizajn stranica

Dok se web stranica opisuje kako se organiziraju sve stranice na web mjestu, možemo koristiti statičke žičane okvire (shema aka stranica) kako bi se opisali kako su svi ovi informativni elementi organizirani na pojedinim web stranicama. Statički žičani okvir je jedan crtež pojedinačnog predloška stranice koji prikazuje informativne komponente, posebno navigaciju koja će se pojaviti na stranici u grubom obliku tako da se navigacijske komponente mogu dokumentirati i procijeniti. Crtež može sugerirati osnovni vizuelni izgled, ali ne počini se na bilo koji određeni izgled.

Dok jasno nije grafički dizajn (površinski izgled i pao i pao) web stranica, dobar statički žični okvir može vam pomoći da planirate kako ćete koristiti "Nekretnine zaslona", kao što započnete s radom na grafičkom dizajnu. Statički žični okvir je poput prvog nacrta vašeg dizajna, koji se fokusira na upotrebljivost i postavljanje velikih elemenata.

Statički okviri i upotrebljivost

Upotrebljivost je zabrinuta koliko je jednostavno za korisnika da dobijem ono što želi sa web stranice. Sa stajališta upotrebljivosti imajte na umu da bi se većina vaše stranice trebala koristiti za sadržaj koji je od najvažnije za namjeravana publika. Generalno gledano, jednostavnost pobjeđuje preko složenosti. Pogledajte Google. Ovo ne znači da ne možete imati puno sadržaja ili resursa na svojoj web stranici, samo bi trebali služiti određenoj svrsi.

Upotrebljivost Jakob Nielson kaže da "u pravilu, sadržaj treba računati najmanje polovine dizajna stranice i po mogućnosti bliže 80%." Prilikom postavljanja sadržaja važno je uvijek imati na umu svoju ciljnu publiku.

Koja dobra struktura stranice može izvršiti

Dobra struktura stranica dovodi do dobrih rasporeda informacija, što vam pomaže korisnicima da pronađu i probave informacije koje su došli. Dobar izgled takođe može prenijeti osjećaj profesionalnosti. Možda se čini da nije važno šta vaša web lokacija može učiniti ako su ljudi tako odloženi izgledom i osjećajem vaše web lokacije da ne mogu biti tamo. Razmotrite ove prednosti dobrog izgleda:

Angažiranje čitalaca
• Pažnja čitača
• naglasak informacija
• Tragovi za navigaciju i upotrebu web stranice

Preuzmite moderan pretraživač:

Uvod: U usporedbi s tradicionalnim običnim tekstom, web stranica ima više strukture. Web stranice se također smatraju polustrukturiranim podacima. Osnovna struktura web stranice je njegov dom4 (model dokumenta objekta). Dom struktura web stranice je struktura drveća, gdje svaka HTML oznaka na stranici odgovara čvoru u stablu Doma. Web stranica se može segmentirati nekim unaprijed definiranim strukturnim oznakama. Korisne oznake uključuju P (stav), tablice (tablicu), ul (lista), [H1 ~ H6 (naslov), itd. Dakle, struktura dom može se koristiti za olakšavanje vađenja informacija.

Nažalost, zbog fleksibilnosti HTML sintaksa, mnoge web stranice ne poštuju W3C HTML specifikacije, što može rezultirati pogreškama u strukturi stabla Dom. Štaviše, stablo Doma u početku je uvedeno za prezentaciju u pretraživaču, a ne o opisu semantičke strukture web stranice. Na primjer, iako dva čvora u dom stablu imaju isti roditelj, dva čvora možda nisu više semantički povezana sa jednim drugim osim drugim čvorovima. Slika 10. Prikazuje stranicu Primjera. Slika 10. (a) Prikazuje dio HTML izvora (zadržavamo samo okosni kod) i slika 10. (b) prikazuje stablo Doma stranice. Iako imamo i okoling opis teksta za svaku sliku, struktura stabla Doma ne pravi pravilno identificirati semantičke odnose između različitih dijelova.

U smislu ljudske percepcije, ljudi uvijek pregledavaju web stranicu kao različite semantičke objekte, a ne kao jedan objekt. Neki istraživački napori pokazuju da korisnici uvijek očekuju da se na određenim položajima na stranici pojavljuju određeni funkcionalni dijelovi web stranice (e.... Navigacijske veze ili oglasne trake) pojavljuju se na određenim položajima. Zapravo, kada se web stranica predstavi korisniku, prostorni i vizualni znakovi mogu pomoći korisniku nesvjesno podijeliti web stranicu u nekoliko semantičkih dijelova. Stoga je moguće automatski segmentirati web stranice pomoću prostornih i vizuelnih znakova. Na osnovu ovog zapažanja možemo razviti algoritme za izdvajanjem strukture sadržaja web stranice na temelju prostornih i vizualnih informacija.