DEKO 2 : Vevpublisering og informasjonsarkitektur

Poetica
Prosessrapport


Som jeg allerede har nevnt i skissen, er ”Poetica” en videreutvikling av prosjektoppgaven min i modul 1 (Digitale bilder og visuell kommunikasjon). ”Poetica” er fremdeles et litteraturmagasin på internett, men jeg har utvidet det smale perspektivet litt, og åpner nå også opp for andre emner som for eksempel filosofi, film, musikk, kunst og andre interessante temaer.

Perspektivet vil nødvendigvis utvide seg etter hvert, når jeg får flere bidrag fra utenforstående. Foreløpig er bidragene skrevet av meg selv og et par venner. Etter hvert vil magasinet utvides, slik at det kommer mange sider under hver kategori. Foreløpig er det bare en eller to sider under hvert.

Senere vil ”Poetica” legges ut på et annet område enn Høgskolens, der magasinet vil få en enklere nettadresse. Det er mulig at jeg får bruke domenet www.cutsfornuts.no, da vil URL’en til ”Poetica” bli www.cutsfornuts.no/poetica. Nå ligger magasinet mitt på Høgskolens område, og har URL http://www.stud.hio.no/~s111920/index.html. Det sier seg selv at denne adressen bør endres til noe enklere.

PLANLEGGING OG REALISERING

Tekniske elementer

Jeg hadde allerede bestemt meg for å benytte CSS (stilark) da jeg begynte å konstruere nettsiden. Innholdet og formateringen på sidene blir holdt avskilt ved bruk av CSS, og dette gjør oppdatering og endring av sidene mye raskere å enklere enn bruk av tabell (table). CSS gir også større rom for endring i forhold til brukerne, da man kan lage forskjellige CSS for de forskjellige brukerprogrammene.

Jeg har for eksempel laget et eget CSS som ikke formaterer layout for nettlesere Netscape 4.7, fordi den ikke forstår denne formateringen – og dermed viser siden uleselig. Med dette enkle stilarket kan man allikevel lese magasinet mitt, selv om det ikke blir så ”fancy” som det fremstår i mer moderne nettlesere som støtter standard for nett. Man kan også lese siden min på mobiltelefon og PDA (håndholdt PC) som f.eks. Palm. Jeg har sjekket siden ut i flere nettlesere, og den skal nå fungere i både Internet Explorer, Opera og Netscape fra versjon 5.x.

Skriften laget jeg først med definert størrelse i pixler. Dette har jeg i ettertid endret på, slik at skriften har blitt skalerbar. Nå kan en som ikke ser så godt gå inn og endre på skriftstørrelse, slik at alle sidene blir lesbare. Dette gjelder også ved print, tekststørrelsen blir printet ut med like store fonter som man ser på skjermen.

Indexen (førstesiden) er lagt opp som en mal for resten av sidene. Her er siden delt inn i forskjellige divisjoner (div) som inneholder forskjellige komponenter. Her har jeg for eksempel en egen divisjon for logo og meny, for tittel (heading), for ingress, brødtekst, bilder osv. Hver av disse har sin egen stil, som enkelt kan legges inn i de forskjellige sidene.

Stilarkene kan definere plassering, farge, tekst, margin osv. På denne måten kan man forsikre seg om at sidene blir mest mulig like, med logoen på samme sted, samme teksttype, lik plassering av bilder og lignende. Jeg mener at det ser mye bedre ut når sidene er mest mulig like. Det er viktig å ha noe som er lett å kjenne igjen, som leserne forbinder med din side. For min del gjelder dette spesielt logoen øverst i høyre hjørne, og navigasjonsmenyen oppe og nede. Bildene forandrer seg på alle sidene, dette for å skape en spennende kontrast i det homogene.

Likheten i sidene gir også mye bedre brukervennlighet i forhold til navigasjon. Brukeren lærer fort nettstedet å kjenne, og vet hvor hun/han skal klikke for å oppnå det en ønsker. Jeg har lagt inn link til forsiden på alle sidene, når man klikker på logoen. Dette mener jeg holder når det gjelder tilbakelinker, da de fleste for tiden vet at man kommer tilbake når man klikker på logoen.

Jeg kunne ha valgt en tilbakeknapp nederst på alle sidene, men etter min mening er dette ikke nødvendig på et så lite nettsted. Jeg synes at for mange små elementer rundt omkring på sidene bare virker forvirrende, og ødelegger følelsen av en ren og helhetlig design.

Når man klikker på print-logoen nederst til høyre, får man en utskriftsvennlig versjon av siden, der alle forstyrrende elementer er fjernet. Dette er altså et eget stilark (CSS) for utskrift.

Søking

Øverst på sidene ligger det en kode som kalles <meta name> her er det lagt inn forskjellige søkeord som vil føre til siden min (poesi, litteratur). Jeg vil legge inn flere etter hvert som jeg utvikler siden. Jeg kommer også til å registrere siden min på forskjellige søkermotorer, under kategori, for eksempel litteratur. Dette kan registreres på www.yahoo.no, www.kvasir.no, www.google.com, og lignende steder. Det går også an å tipse andre lignende nettsteder om ”Poetica”, slik at de kan lenke opp magasinet om de liker det.

Mal

Jeg lagde malen på forhånd, i Illustrator. Her har jeg tatt utgangspunkt i logoen fra modul 1, men jeg har endret en del på den. Den er gjort mindre, tykkere og mer renlinjet. Når jeg ble fornøyd, eksporterte jeg denne malen (inkludert meny) til Dreamweaver, og la den inn der. Ut fra dette konstruerte jeg en index, som også er forsiden til ”Poetica”.

 

Tekster

I prosjektskissen skrev jeg at tekstene ikke ville ha fokus. Dette er nå endret på, da jeg fikk vite av kurslederen (Tord Høivik) at tekstenes kvalitet hadde betydning for karakteren. Jeg bestemte meg da for å skrive noen tekster. Som nevnt overfor vil det også komme flere tekster til etter hvert som magasinet utvikler seg. De tekstene jeg har skrevet er av grei kvalitet, men ikke perfekte. Dette fordi jeg mener at det er viktigere å bruke tid på det tekniske (som kurset først og fremst dreier seg om).

Når jeg sier at tekstene ikke er helt perfekte, mener jeg at jeg kunne ha skrevet lengre tekster som går enda mer i dybden på temaet. Dette er ikke typisk bra jmf. Jacob Nielsens eksempler på lettfattelige nettsider, men når det gjelder denne typen nettsted, mener jeg at det er på sin plass med de samme tekstene som det ville være i en eventuell papirutgave. Se for eksempel www.vinduet.no, www.vagant.no, www.morgenbladet.no.

Det er forskjell på en kommunes opplysningsside på internett og et litteraturmagasin. Kommunesiden er for ”mannen i gata” og litteratursiden er for spesielt interesserte. Dette er en av grunnene til at jeg ikke følger alle av Jacob Nielsens råd. Mange av rådene hans er gode for eksempelet ”kommuneside”, men ikke for en side som ”Poetica”. Allikevel er det andre aspekter ved Nielsens filosofi som i høyeste grad gjelder for min side, blant annet når det gjelder navigasjon, lenker, farger, bildenedlastning osv.

Jeg har også publisert noen tekster av venner, og dette kommer jeg til å fortsette med når magasinet legges ut på internett i framtiden. Forhåpentligvis vil også leserne bidra med tekster, og ”Poetica vil bli et dynamisk og levende litteratur- og kulturforum.

Bilder

De fleste bildene har jeg tatt selv, noen har jeg fått fra andre. De fleste bildene er manipulert ved hjelp av Photoshop. Jeg har blant annet justert på lys/kontrast og farger. Jeg har klippet ut og satt sammen igjen (collage), som man for eksempel kan se på poesisiden. Jeg har klippet ut og lagt til sort bakgrunn på noen av bildene... Det har vært gøy å se hvor mye forskjellig man kan gjøre med et bilde, som får det til å se helt annerledes ut enn utgangspunktet.

Når det gjelder boken ”Blodsprut” på anmeldelsessiden, ringte jeg Oktober forlag for å spørre om jeg kunne bruke omslaget. De henviste meg videre til kunstneren som har malt bildet på forsiden av boken, Egil Haraldsen. Han kunne fortelle meg at det ikke var noe problem å gjengi bøker, platecovere, o.l. på internett. Problemet ville eventuelt oppstå om man kun bruker et utsnitt av bildet, eller kun bildet. Da kunne den med opphavsretten, f.eks. kunstneren, komme med et krav el. saksøke deg. Jeg kunne altså bruke bokomslaget med god samvittighet.

Dette er viktig å være obs på; jeg kjenner selv en som måtte inngå forlik med en kunstner fordi han brukte en del av en tegning i en plakatlayout. En kjedelig situasjon å komme opp i...

Visuell komposisjon

”Poetica” er laget så enkel og ren i linjene som det er mulig å gjøre det når man samtidig tar hensyn til brukervennlighet og forskjellige nettlesere. Utseende og brukervennlighet er etter min mening like viktige elementer for denne type nettsted.

Jeg har prøvd å ikke bruke for mye farger sammen, noe jeg synes kan gi et kaotisk uttrykk. Jeg mener at teksten er godt synlig, med sort på hvitt. (Det finnes vel ikke noe tydeligere enn det.. ) Menyteksten er også godt synlig med hvitt på mørk grønn. Jeg har sjekket dette i flere nettlesere, og mener selv at det ser bra ut, og er tydelig i fremtoningen.

Navigasjonsmenyen har jeg plassert øverst og nederst, etter som ting henger sammen. ”Artikler”, ”anmeldelser”, ”prosa”, ”poesi” og ”lenker” passer sammen da dette er selve innholdet i magasinet. Disse kategoriene har jeg valgt fordi jeg synes de gir en fin inndeling som passer til siden min. Alt stoffet som jeg mottar vil kunne puttes inn i en av disse kategoriene. Dersom jeg mottar kunst, kan jeg scanne det inn og bruke det som illustrasjon til tekstene. For eksempel har jeg forespurt Siv Wyller om hun kunne tenke seg å lage en illustrasjon til teksten sin, eller få en annen til å lage den.

Menyen nederst er for mer tekniske funksjoner, som det å ta kontakt med ”Poetica”, skrive ut, lese om copyright osv. Menyene er ganske like, og lager sammen en ramme for hele magasinet. Når det gjelder siden under ”kontakt”, har jeg selv valgt å bruke mailadresse og link til mail i stedet for skjema for innsending av kommentarer og tekst. Dette fordi jeg mener at det er greit å kunne se mailadressen uten å klikke på noe. Da kan man for eksempel notere den, og ta den fram senere. Skjema for innsending synes jeg passer best for større firmaer.

Selve logoen øverst til høyre er etter min mening både fin og lett gjenkjennelig. Den definerer ”Poetica” som en merkevare på linje med andre magasiner og aviser. Illustrasjonene (bildene) har jeg laget selv (bortsett fra ”Blodsprut”), og de passer etter min mening fint inn i helheten. På forsiden har jeg brukt utsnitt av bildene som hører til de enkelte artikler.

All tekst (overskrifter og brødtekst) og høyremenyer er plassert likt på sidene, dette gir også et helhetlig inntrykk. Tekstene er delt opp som avisartikler, med tittel, ingress og brødtekst. Dette gjør at tekstene blir oversiktlige. På forsiden og høyremenyen har jeg lagt ut smakebiter på det de andre sidene inneholder, slik at det blir fristende å navigere videre i magasinet.

Jeg føler selv at jeg har laget et fint magasin som passer til målgruppen. Det er fremdeles en del ting som magasinet kan utvides med, blant annet kan det legges inn lenker fra forfatterne til en side som beskriver hvem personen er, og hva hun/han har publisert tidligere på ”Poetica” og i andre forum. Etter hvert som siden blir mer omfangsrik, kan den også legges ut et nettstedkart. Det synes jeg foreløpig ikke er nødvendig. Det er også mulig at jeg oppretter et arkiv og en søkfunksjon, slik at man kan søke etter tidligere publiserte tekster.

Andre ting kan være en chat-funksjon for brukerne, og en mailingliste som kan gi dem beskjed om nyheter på ”Poetica”. Det finnes mange muligheter, og jeg tror nok at jeg kommer til å benytte meg av dem. Etter dette kurset har jeg blitt inspirert til å lære meg mer!


Tord Høivik - DEKO 2 - 2003/06/25