Kako strukturirati sadrÅ¾aj za bolju poÄetnu stranicu

Sadržaj:

Profesionalni web programeri poÄinju projekti prikupljanjem sa svim svojim sadrÅ¾ajem i, na temelju njihove primarne publike i cilja, organizirajuÄ‡i taj sadrÅ¾aj u logiÄke sekcije na temelju relevantnosti za ciljnu publiku. Ova faza informacijske arhitekture obiÄno zavrÅ¡ava stvaranjem karte web stranice.

Web stranica koju Ä‡ete izraditi na ovom teÄaju vjerojatno Ä‡e se sastojati od samo 5-6 dijelova ili stranica. BuduÄ‡i da smo poÄeli s malim, neÄ‡emo se brinuti o stvaranju karte web stranice, iako Ä‡ete nauÄiti kako to uÄiniti u DGM 2740 - web dizajn. Umjesto toga, mi Ä‡emo se osloniti na naÅ¡ dizajn strukture stranice kako bismo implicitno mapili strukturu stranice.

osnovni ciljevi za dizajn stranice

Dok je karta web stranice opisuje kako se organiziraju sve stranice na web-lokaciji, moÅ¾emo koristiti statiÄke Å¾iÄane okvire (aka sheme stranice) kako bismo opisali kako su svi ovi informacijski elementi organizirani unutar pojedinih web stranica. StatiÄki okvir Å¾ice je jedan crteÅ¾ pojedinog 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 predloÅ¾iti osnovni vizualni raspored, ali se ne obvezuje na bilo koji odreÄ‘eni izgled.

Dok oÄito ne grafiÄki dizajn (povrÅ¡inski izgled i-pad) web stranica, dobar statiÄki okvir Å¾ice moÅ¾e vam pomoÄ‡i u planiranju kako Ä‡ete koristiti svoj "zaslon nekretnine" kao Å¡to poÄeti raditi na grafiÄkom dizajnu. StatiÄki okvir Å¾ice je kao prvi nacrt vaÅ¡eg dizajna, koji se fokusira na upotrebljivost i postavljanje glavnih elemenata.

StatiÄni okviri za Å¾ice i upotrebljivost

Upotrebljivost se bavi koliko je lako za korisnika da dobije ono Å¡to Å¾eli s web-stranice. Sa stajaliÅ¡ta upotrebljivosti imajte na umu da veÄ‡ina vaÅ¡e stranice treba koristiti za sadrÅ¾aj koji je od najvaÅ¾nijih za namjeravanu publiku. OpÄ‡enito govoreÄ‡i, jednostavnost pobjeÄ‘uje preko sloÅ¾enosti. Pogledajte Google. To ne znaÄi da ne moÅ¾ete imati puno sadrÅ¾aja ili resursa na vaÅ¡oj web-lokaciji, to je samo da bi svi trebali sluÅ¾iti odreÄ‘enoj svrsi.

Uporibility Freak Jakob Nielson kaÅ¾e da bi "kao pravilo, sadrÅ¾aj trebao objasniti najmanje polovicu dizajna stranice, a po moguÄ‡nosti bliÅ¾e 80%". Prilikom postavljanja sadrÅ¾aja vaÅ¾no je uvijek drÅ¾ati svoju ciljanu publiku na umu.

Å¡to dobru strukturu stranica moÅ¾e postiÄ‡i

Dobra struktura stranica dovodi do dobre rasporeda informacija, koji pomaÅ¾e korisnicima da pronaÄ‘u i probavi informacije koje su doÅ¡li. Dobar raspored takoÄ‘er moÅ¾e prenijeti osjeÄ‡aj profesionalnosti. MoÅ¾e se Äiniti da nije vaÅ¾no Å¡to vaÅ¡a web-lokacija moÅ¾e uÄiniti ako su ljudi tako odloÅ¾ili izgled i dojam vaÅ¡e web-lokacije da ne mogu biti tamo. Razmislite o ovim prednostima dobrog izgleda:

AngaÅ¾iranje Äitatelja
UpuÄ‡ivanje Reader PaÅ¾nja
Naglasak informacija
Neki iznos vjerodostojnosti i valjanosti
Clues o naÄinu kretanja i koriÅ¡tenja web-lokacije

Molimo preuzmite moderan preglednik:

Uvod: U usporedbi s tradicionalnim obiÄnim tekstom, web-stranica ima viÅ¡e strukture. Web stranice se takoÄ‘er smatraju polustrukturirani podaci. Osnovna struktura web stranice je struktura dom4 (model objekta dokumenta). Dom struktura web stranice je struktura stabla, gdje svaka HTML oznaka na stranici odgovara Ävoru u domu stablu. Web stranica moÅ¾e se segmentirati nekim unaprijed definiranim strukturnim oznakama. Korisne oznake ukljuÄuju p (paragraf), tablica) (tablica), ul (popis), [H1 ~ H6 (naslov), itd. Tako se dom struktura moÅ¾e koristiti za olakÅ¡avanje ekstrakcije informacija.

NaÅ¾alost, zbog fleksibilnosti HTML sintakse, mnoge web stranice ne sluÅ¡aju W3C HTML specifikacije, Å¡to moÅ¾e dovesti do pogreÅ¡aka u dom strukturi stabala. Å toviÅ¡e, dom stablo je u poÄetku uveden za prezentaciju u pregledniku, a ne opisu semantiÄke strukture web stranice. Na primjer, iako dva Ävorova u domu imaju isti roditelj, dva Ävorova moÅ¾da neÄ‡e biti semantiÄki se meÄ‘usobno povezana nego na druge Ävorove. Slika 10. prikazuje primjer stranicu. Slika 10. (a) prikazuje dio HTML izvora (zadrÅ¾avamo samo kod okosnice), a slika 10. (b) prikazuje dom stabla stranice. Iako imamo okolni opis teksta za svaku sliku, dom struktura stabla ne uspijeva ispravno identificirati semantiÄke odnose izmeÄ‘u razliÄitih dijelova.

U smislu ljudske percepcije, ljudi uvijek pregledavaju web-stranicu kao razliÄite semantiÄke predmete, a ne kao jedan objekt. Neki istraÅ¾ivaÄki napori pokazuju da korisnici uvijek oÄekuju da su odreÄ‘eni funkcionalni dijelovi web stranice (npr., Navigacijski linkovi ili bar oglas) pojavljuju na odreÄ‘enim pozicijama na stranici. Zapravo, kada je web stranica predstavljena 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 vizualnih znakova. Na temelju ovog promatranja moÅ¾emo razviti algoritme za izdvajanje strukture sadrÅ¾aja web stranice na temelju prostornih i vizualnih informacija.

Prethodni post Sljedeći post