Kako strukturirati sadržaj za bolju početnu stranicu

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.

Razvoj i dizajn web stranica

Vodite li malog posla u ili blizu Nottingham koji me najam s vama da stvorite GoodLooking, angažiranje web stranice koje kupci vole.

Razvoj i dizajn web stranica
Koristimo kolačiće
Koristimo kolačiće kako bismo osigurali da vam dajemo najbolje iskustvo na našoj web stranici. Korištenjem web stranice pristajete na naše korištenje kolačića.
Dopustite kolačiće.