Teamet
Teamet består av studenter fra grafisk design, webutvikling og interaksjonsdesign. Vi besitter ulik kunnskap, noe som er nyttig overfor utformingen av en nettside som består av flere fagområder. I teamet besitter vi kunnskap om koding for front end og back end, grafisk kunnskap om sammensetning og layout, og kunnskap til hvordan man imøtekommer kundebehov og utforming av brukervennlige grensesnitt.
Planlegging og Research
Som interaksjonsdesigner påtok jeg meg oppgaven av å lage en plan for hvordan vi skulle fordele tiden, og hvor lenge vi forventet å arbeide i de ulike designfasene. Målet at vi skulle kunne holde tidsskjemaet og legge opp til romslige faser som ikke skulle gå forstyrre studiet eller annet arbeidet teamet hadde.
Etter å ha ferdigstilt og gått gjennom planen gikk vi inn i første del av arbeidet, gå gjennom nettsiden tidligere Morsk-studenter hadde startet på. Her ønsket vi å forstå hva de ønsket å få frem og hvordan de formidlet informasjon og budskap. Vi lagde en liste over hva vi likte ved nettsiden, ting som kunne bli bedre og ting vi ønsket å erstatte. Som en oppsummering på disse punktene lagde vi en oversikt over de endringene vi så på som nødvendige, og det vi ønsket å ta med oss videre inn i idémyldringsfasen.
Idémyldring
Her ser man noe av inspirasjonen som ble hentet for videre utforming av nettsiden. Vi var alle enige om at vi ønsket å holde det enkelt og oversiktlig ved å opprettholde luft mellom elementer. Siden magasinet ønsker å fremme innholdet i magasinene som utgis, var det viktig at vi lot innholdet stå for seg selv uten mange forstyrrelser. Innholdet i magasinene vil også skifte fra utgave til utgave, noe vi måtte ha et bevisst forhold til.
Skisser
Etter flere runder med idémyldring gikk vi over til å skissere ut tankene vi samlet individuelt og gjennom diskusjoner i fellesskap. Skissene vi utformet tok tak i hvordan man kunne organisere informasjon og innhold på ulike måter. For å se hva vi ønsket å ta med oss videre til wireframes, hadde vi tre stjerner som vi fikk plassere rundt på skissene. Stjernene kunne indikere at man likte hele layoutet eller små deler av layoutet. Når alle hadde stemt, gikk vi over og diskuterte tankene våre rundt plasseringen av stjerner. Formålet med stjernene var å se hva vi ønsket å se nærmere på, heller enn å begrense oss til bare de tingene som var stjernemerket.
Wireframe
Basert på skissene vi lagde, ble neste steg å utforme mer detaljerte forslag til hvordan nettsiden kunne se ut i form av wireframes. Her ser man en mer illustrativ fremstilling av hvordan et layout vil se ut i form av plassering, avstand og størrelsesforhold.
Etter å gjennomgang av alle wireframesene utformet vi en liste over hvilke elementer og informasjon vi så hensiktsmessig på de ulike sidene. Der dette skapte ne felles forståelse av hvordan vi videre kunne gå frem med en Lo-Fi prototype.
Lo-fi prototyper
Grunnet eksamensperiode måtte vi pause prosjektet, da det var vanskelig å finne tidspunkter alle hadde tid. Vi startet prosjektet med et løfte om at det skulle være lystbetont og ikke gå ut over studiet, noe vi valgte å holde.
Lo-fi prototypene under har jeg arbeidet med alene uten tilbakemeldinger, og er ikke representative for teamet. Det bygger på hva vi har tatt utgangspunkt i, og blitt videre arbeidet med på egenhånd. Videre vil vi sammen lage ulike varianter som vi kombinerer til en endelig nettside som vi videreutvikler i en detaljert Hi-Fi prototype.
Fortsettelse følger...