Rapport om gruppeprosjektet "Familien Mysøysund"
I samarbeid med Mariann Stamneshagen og Jeanette Ødejord har vi jobbet med prosjektet "Familien Mysøysund". Nettstedet "Familien Mysøysund" er en fiktiv hjemmeside for en noe spesiell familie. Det er en familie med en mor, Svanhild, en far, Freddy, datter, Augusta, sønn, Jens og en Iguana som heter Borghild Hansen. Den inneholder informasjon som vanlig personalia og bilder av familiemedlemmene, i tillegg til dagbøkene til hver av personene, hvor man kan følge hver person sin opplevelse av hverdagen.
Nettstedet består av en hovedside og hver av familiemedlemmene sine sider med info og dagbøker, i tillegg til en ferieside. Vi delte dermed sidene mellom oss, Mariann har laget Augusta sin side i tillegg til feriesiden, Jeanette har laget Jens, sønnen sin side, og forsøkt å lage forside, mens jeg har laget Svanhild, Freddy og Borghild sin side i tillegg til den midlertidige forsiden som måtte brukes likevel. Ettersom vi delte sidene mellom oss på denne måten ble det litt forskjellig struktur på de fleste sine sider, og dette understreket at familiemedlemmene hadde laget hver sin side. Av denne grunn vil derfor kun det jeg selv har gjort bli beskrevet spesielt, det andre bare generelt..
Konstruksjon
Den tekniske konstruksjonen er relativt lik på Svanhild, Freddy og Borghild sine sider. Vi har kodet i xhtml, og brukt css-stylesheets . Selv om en del av poenget med css på et nettsted er å kunne lage kun ett, og deretter linke til dette eksterne stilarket i alle sidene, kunne ikke dette gjøres da stilen på siden skulle gjenspeile at alle hadde laget sine egne, og følgelig ikke kunne være lik. Vi valgt likevel å bruke css, for å lære dette mer grundig. Vi laget banneret for at brukeren skal kunne se at alle sidene hører til samme nettstedet.
Vi har satset på at nettstedet skal være forholdsmessig brukervennlig, med en oversiktelig struktur, hvor brukeren lett skal finne linker til alle i familien, i tillegg til andre relevante sider, som feriesiden, sider som de forskjellige familiemedlemmene interesserer seg for og sider som blir omtalt i dagboken.
Form
Nettstedet er veldig amatørmessig, poenget er å ligne på en hvilken som helst amatør-hjemmside, som vi kunne finne på nett. Selv om hjemmesidene på nettet har veldig stor spennvidde, er de fleste temmelig amatøraktige og enkle laget, ofte med glorete design og blinkende eller animerte bilder. Vi valgte derfor å ha en veldig enkel og amatøraktig stil på denne hjemmesiden da ingen i familien er spesielt datakyndige. Vi ville gjerne at designet skulle passe til fortellerstilen på siden, som på nettstedet These Waves of Girls, som har et ganske rotete og uoversiktelig design som skal visualisere det kaoset som ofte hersker inni hodet på unge jenter på jakt etter en identitet.
Med utgangspunkt i Ida Engholm modell for form kan nettstedet beskrives ut ifra de verbale, grafiske og dynamiske lag. Det auditive lag er et fjerde, men ikke relevant for oss, siden vi har valgt å ikke bruke musikk.
De verbale elementene på siden består hovedsakelig av informasjon om familien, dagbok. Ettersom dette er en hjemmeside for en familie har vi holdt en dagligdags stil, med en innimellom intim tone i dagbøkene, slik at brukeren får følelsen av å bli betrodd noe. Innholdet har vi forsøkt å gjøre litt humoristisk og underholdende, brukeren skal synes det er morsomt å lese om familien, dessuten har vi laget en historie for å gjøre det litt interessant og spennende å følge med.
Det grafiske laget har vi prøvd å gjøre mest mulig likt med en amatørmessig hjemmeside, derfor la vi opp til en stil som skulle vise litt forsøk på, men sådan mislykket, å være estetisk riktig. Dette ble uttrykt i blant annet fargevalg, enten bare kjedelig eller kræsj med knalle farger og mønstre, -bortsett fra Borghild, en salig blanding av fonter, med en utstrakt bruk av Verdana som Robin slakter i sin bok The Non Designer Designbok (2004), og en konstant ikke 'på linje', bortsett fra i visse tilfeller da det heller ville blitt avansert bruk av css får ikke å ha de på linje. Også banneret som står litt på halv åtte, skal uttrykke det amatørmessige. Dessuten er det mindre padding ved ytterste kant av siste bildet linken av Borghild, slik at dette bildet ligger helt inntil kanten av rammen. I tillegg valgte vi knalle farger som skal konnotere smakløshet. Den skjeve logoen skulle gi inntrykk av en familie 'litt på skeiva', en litt sprø og bisarr familie, som ikke er helt A4. Bildene vi valgte var bilder vi fant på nettet som vi kunne bruke til å gi et visst inntrykk av disse personenes egenart. Jeg vil gå nærmere inn på dette med design senere, da jeg vil forklare de forskjellige sidene.
Det dynamiske laget på nettstedet består av animasjoner som er limt inn på de fleste av sidene. Disse animasjonene ble plukket ut med grunnlag i de forskjellige personenes personlighet, i tillegg til at vi ville at også disse ytterligere skulle uttrykke 'dårlig smak' og en sans for vulgære og simple dekorasjoner.
De forskjellige stilene
Svanhild er en fargerik og litt høytsvevende person, med personlighetsforstyrrelser som gjør at hun visse datoer hver måned tror hun er Cowboy-Laila, som hun er fan av når hun er seg selv. Med sin fargerike, poetiske personlighet, valgte jeg å lage en side i lyseblått, knallrosa og lilla, i tillegg til banneret i hovedsakelig rødt og gult, som ikke passer spesielt godt inn i resten av siden. Det kunne ha blitt valgt farger som kræsjet mer, men jeg føler det var riktigere å gi inntrykk av at det i alle fall var et forsøk på å samordne fargene.
Tittelen på siden er midtstilt, sammen med tittelen på dagboken, men posisjonen på tittelen gjør at den ikke blir midtstilt sammen med dagbok-tittelen. Som Williams sier, er midtstilling den typiske amatørstilen (Willliams 2004:34), men man burde heller sette ting på linje med andre ting, ofte ting som hører sammen, så de får en visuell sammenheng. Ved å midtstille disse tingene, i tillegg til å sette noen elementer på linje, som dagboken og personalia-delen, blir det mange forskjellige linjer og det blir derfor mye mer rotete og mindre stilfullt og rent enn om man hadde lagt mindre 'linjer'. Utenom teksten gjør den svarte stripen på høyre side av dagboken at den ikke blir på linje med logoen, som hadde sett mye renere ut om den hadde blitt satt på linje. Det er også brukt forskjellige fonttyper for å gjøre inntrykket mer rotete.
Andre visuelle midler vi tok i bruk for å gi inntrykk av amatør, var å lime inn mindre smakfulle animasjoner, men følte også at de måtte passe til personen Svanhild, for å skape litt troverdighet..
Freddy er ektemannen til Svanhild, og er en litt traust, kanskje litt småharry type. Han er en ganske enkel sjel, som er fornøyd med de små ting i livet. Han er ikke spesielt stor fan av hjemmesiden, men Svanhilds ord er lov, dermed poster han jevnt og trutt om små og store ting. Designet på denne siden er gjort veldig enkelt, med alt i tre farger i tillegg til standard linkfargene mørkeblått og lilla. Spesielt den selvlysende grønnfargen og blåfargen følte jeg ga inntrykk av en typisk amatør-hjemmeside. Ellers er hele dagboken midtstilt, i tillegg til tittelen på siden, men tittelen er som på Svanhilds side ikke midtstilt sammen med dagboktittelen, for å forsterke denne amatør-looken. Den svarte linjen som følger dagboken understreker den gale bruken av midtstilt tekst. Ellers har det ikke blitt brukt så mange forskjellige skrifttyper her, hovedsakelig to, dette for å gi inntrykk av en som egentlig ikke er så interessert i å designe siden, og lete etter skrifttyper. Han bryr seg ikke så mye om utseendet. Av sammen grunn er det heller ingen animasjoner her..
Kjæledyret Borghild Hansen har selvfølgelig ikke laget siden selv, men det kommer ikke fram tydelig hvem som har laget den. Hun er en ganske så voksen iguana med personlighet, og har den egenskapen at hun kan strupesang. Kanskje er det Freddy som har blitt bitt av basillen og laget kjæledyret sin side, eller kanskje er det Svanhild. Dette er ved nåværende tidspunkt uvisst. Designstrukturen har i alle fall fellesstrekk med Svanhild sin side, men denne er egentlig ikke så ulik Freddy sin side, om man ser på css og html. Men innholdet minner mer om noe som Freddy kunne funnet på, selv om vi finner Schnappi-sangen på både Svanhild og Borghild sine sider. Tilfeldig? En mulighet er at de rett og slett har samarbeidet. Uansett, så skal denne siden gi uttrykk for at familien har fått litt mer innsikt i design og har lært litt mer om å lage nettside, selv om den også er amatørmessig. Det hadde vært litt feil å ha en side som skulle være veldig mye ?bedre? designmessig, når det er de samme som har laget denne. Her er det mye mer linjestilt, det meste av skriften er på linje og har en visuell kobling med resten, og det er brukt bakgrunnsbilde i tittelen, og fargene er også mer samkjørte og skal gi inntrykk av å være mer gjennomtenkt. Men det er fortsatt ting som uttrykker amatør, som at verken banneret, tittelen og tekstboksen med ?Et par ord ?? er satt på linje, og dette ses veldig tydelig ettersom alle tre elementer har tydelige rammer. Tittelen og banneret er nesten like langt, men ikke helt..
Målgruppe og brukertesting
Målgruppen til dette nettstedet er alle nettsurfere som er nysgjerrige på hjemmesider. Alle som surrer rundt og ser etter noe morsomt tror jeg vil kunne finne denne siden underholdende.
Nettstedet vårt er ikke så stort, og det er derfor ikke så komplisert å finne fram til ting. Vi har banneret øverst på hver side som skal gjøre det enkelt å finne tilbake til hovedsiden og de andre sine sider.
Vi har teste på en gruppe om hvordan brukervennligheten var, og vi fikk tilbakemelding på at det er enkelt å finne fram, men ikke alle forstod at banneret var link tilbake til hovedsiden. Vi har imidlertid ikke forandret på dette da vi regner med at dette er logisk for de fleste. Ellers så er det jo alltids mulig å bruke 'back'-knappen.
Interaktivitet
Brukeren har mulighet til å kommentere familien eller siden ved hjelp av gjesteboken på hovedsiden, som vi leier hos nettstedet nuffe.net, da det kunne være problematisk å lage en fra scratch med CGI script. Disse kan legge serveren åpen for alle, og det var derfor usikkert om vår ISP ville tillate CGI scripts (Castro 2003:265). I tillegg har vi en teller som registrerer info om og antall brukere.
Evaluering
Vi kunne sikkert gjort mye av designen mer amatøraktig og 'sprø', men siden dette liksom skulle være en ekte hjemmeside følte vi at det gjaldt å balansere det amatøraktige med det troverdige.
Valideringen i xhtml fint, og de fleste sidene ble også validert i css. Sidene var nogenlunde de samme i Explorer og Firefox, dog med noen forskjeller i skrift på Mac, men vi fant ut at svanhild-siden av en eller annen grunn vistes med dagboken som overlapper bildet, på en annen pc med explorer. Dette fant vi ikke ut hvorfor, men kan dreie seg om noen feil ved nettopp den pc'en siden det ikke gjaldt noen andre. Siden de ble validert skal kodingen stå i henhold til standardene, og skal på den måten funke for de fleste nettlesere (Zeldman 2003).
Dette prosjektet har lært meg mye om webdesign, html-koding og css. Jeg kunne lite fra før, og det var derfor litt startproblemer, men jeg føler jeg har fått lært mye, ved at alle fikk lage hele sider. Vi jobbet ikke bare med det grafiske, eller bare den tekniske konstruksjonen, etc. På den måten føler jeg at jeg har fått en god innføring i alt som har med en webside å gjøre.
Jeg har også funnet ut at det er vanskelig å bli ferdig med en nettside, da man alltid finner rom for forbedringer og forandringer, og om vi hadde hatt mer tid hadde vi kunnet bruke mer tid på å finne animasjoner, og å legge til lydfiler med litt simpel musikk som kunne gjøre sidene enda mer underholdende. Vi hadde også planer om å ha flash på forsiden, med en barnetegning av alle familiemedlemmene, hvor de beveget seg når man beveget musen over, men ettersom vi fikk litt problemer med tredjemann ble ikke dette aktuelt. Tredjepersonen ofte var syk, eller hadde problemer med pc?en sin. Hun møtte sjelden opp til avtalte tider, og klarte ikke å levere det hun hadde lovt, og ga oss beskjed kort tid før mappeinnlevering at hun egentlig hadde kuttet ut faget. Av disse grunner har det hovedsakelig bare vært to personer som har jobbet med dette prosjektet, og av tidsmessige grunner kunne vi ikke gjøre opp for tredjepersonens manglende deltagelse fullt ut, og ber derfor om at det blir tatt hensyn til dette.
Litteraturliste:
Castro, Elizabeth, HTML for the world wide web, Peachpit Press 2003
Engholm, Ida og Lisbeth Klastrup, Digitale Verdener, Gyldendal 2004
Willams, Robin, The Non Designer?s Designbook, Peachpit Press 2004
Zeldman, Jeffrey, Designing with Webstandards, New Riders 2003