Projekt 1 stillede til opgave at danne en gruppekontrakt, redesigne et website, udarbejde en klientrapport og til sidst et oplæg for vores medstuderende.

Først vil jeg gerne invitere til at udforske vores færdige prototype:

og Aarup Tennisklubs hjemmeside som vi valgte at redesigne:

I slutningen af projektets tilblivelse fandt vi ud af at projektet kunne inddeles i 4 overordnede faser:

1. Kick-off
2. Granskning
3. Design
4. Overlevering

Det er vigtigt at forstå at man generelt ikke kan inddele projekter i faser med absolutte start- og stoppunkter. De forskellige forskellige faser, hvori man arbejder, vil ofte overlappe, fordi man arbejder iterativt over problemer, og derfor ofte har behov for at vende tilbage til granskningen.

Gruppe 3s Kontrakt (Kick-off)

Den første opgave vi stod overfor som gruppe var, at danne en gruppe kontrakt. Vores dialog i gruppen var baseret på den skabelon som vores underviser havde lagt ud til os. Blandt andet snakkede vi om vores individuelle forventninger til projektet, forventninger til hinanden og vores proces.
Ofte ender jeg med at blive gruppeleder, fordi jeg ofte stikker snuden frem og ikke er bange for at tage fejl. Men som et nyt initiativ foreslog jeg, at vi udvalgte en som ønskede at få mere erfaring som leder. Et af mine fokus blev derfor at lære og træde lidt tilbage og lade lederen tage beslutninger. Det endte med en rigtig fin kontrakt som overordnet set også blev overholdt.

Her er tre ting som er værd at nævne fra vores kontrakt:

1. Vi aftalte fast mødetid mellem 9 og 15 alle ugens dage
2. Vi fastlagde hvilke kommunikationsveje vi skulle bruge som team
3. Vi udvalgte et sæt værdier vi mente vores team skulle stå for som eksempelvis: tillid og respekt

Granskning af Aarup Tennisklubs nuværende hjemmeside

I granskningsfasen er det vigtigt at arbejde metodisk. Det vil sige at man forholder sig fagligt til det eksisterende materiale og ud fra fagligheden, danner forståelse for projektet karakterer og indhold.

Brugertests

Vi udførte 2 forskellige typer brugertest af deres oprindelige side:

• Useabilitytest – think aloud
  • En test som skal hjælpe os med at forstå brugervenligheden af siden (useability), og det tilvejebringes blandt andet af testpersonens tanker bliver sagt højt undervejse (think aloud)
    
• Desireabilitytest – think aloud
  • En test som skal hjælpe os med at forstå om sidens udseende afspejler nutiden og de forventninger man har dertil idag, og det tilvejebringes blandt andet af testpersonens tanker bliver sagt højt undervejse (think aloud)

For at sikrer testens scope (retning og mål) forbliver klart og tydeligt, udvikler man først en testplan, og et dertilhørende testscript, og de dertilhørende data fra testene. Begge kan ses herunder:

Testplaner:

Testscripts, data – Alle data er anonyme:

Ovenfor kan man også se de data vi har indsamlet. I kan i samme omgang se resultaterne af vores redesign. Opsummering af de fundne udfordringer på deres nuværende site her.

Fordi vi identificerede en stor mængde udfordringer på deres nuværende hjemmeside, besluttede vi at lave en FigJam hvor vi forsøgte at placere de fundne problematikker ud fra prioritet og tidskrav.

Her kan du se vores problemformulering-FigJam:

I gruppen udarbejdede vi en prioritetsliste med problematikker inddelt i høj, mellem og lav. Problematikkerne blev identificeret ud fra de faglige værktøjer nævnt tidligere i opslaget. Denne liste blev dog først formet sideløbende med designfasens opstart:

Nogle af de udfordringer er blevet skærpet, og indsnævret ved hjælp af de to typer brugertests vi udførte. Eksempelvis fandt vi ud af at sidens æstetiske udtryk var forældet. Det kunne vi også tydeligt selv se, men for at støtte vores påstand, kørte vi en desireabilitytest på en udvalgt gruppe af personer. De valgte alle ord som umoderne og rodet.
I samme ombæring udførte vi en useabilitytest, som også viste at brugeren ikke evnede at informationssøge. Nogle ting som eksempelvis næste år kontingent, eller banebooking, var næsten umuligt at opnå uden hjælp (nudging).

For at definere vores udfordringer, og stille skarpt på hvilke problematikker vi gerne ville arbejde med, satte vi et 4-kvadrant system op. Systemet gjorde det muligt at placere fokuspunkter i et koordinatsystem ud fra tid og besvær:

Indsæt problemformuleringsboard her

For at projektets redesign har afsæt i nutidens trends, har vi også udført en generel research af tendenser inden for webdesign. Det kan man også finde i OneNoten her.

(re)design

I designfasen skal observationer og analyser fra granskningen sættes i spil. Her fokusere vi på at skabe et produkt, som forbinder sig til faglige værktøjer som:

• C.R.A.P
• 8 Golden Rules
• Side-indholdsoversigt

For at arbejde så effektivt som muligt, gik gruppen i gang med at forme lo-fi wireframes samtidig med at moodboards og styletiles blev designet. Det viste sig at der blev udarbejdet 2 wireframes, som fokuserede på to forskellige ting. Den ene på layout, og den anden på brugbarhed (vores færdige design, blev en kombination af de to):

For at få en bedre forståelse af sidens designs overordnede karakter, udarbejdede vi 2 moodboards:

For at hjælpe klienten, designeren og andre interessenter med forstå hinanden tydeligere og mere præcist i designfasen, udviklede vi styletiles:

Ved hjælp af styletile designede vi også et logo:

Vi vurderede at man godt kan opstarte sidens layout-design (wireframes) samtidig med moodboards og styletiles, fordi de beskæftiger sig med felter i designfasen som ikke overlapper. Man kan altså godt undersøge det overordnede layout, mens styletiles, som definere hjemmesidens udseende (knapper, farver, typografi, Tone of Voice etc.) bliver udarbejdet.

Vi valgte at gentage de tidligere nævnte brugertest, for at undersøge om hvorvidt vores re-design rent faktisk løste de udfordringer vi havde identificeret og udvalgt som fokuspunkter.

Overlevering

Overleveringensfasen udmøntede sig til:

• en klientrapport
• en datasamling, med mappestruktur
• og et oplæg foran 1. og 3. semester

Klientrapporten

En rapport til klienten, som skal gøre det nemmere at forstå det pågældende tilbud, og giver en chance for at granske materialet selv. Mange af de værktøjer vi arbejder med som eksperter, kan virke komplekse for lægmanden, og derved forvirre mere end de gavner. Derfor er det vigtigt at holde indholdet af en klientrapport til simple forklaringer og intuitive designs. Intuitive designs betyder at bruge modeller, figurer, billeder og farver, som alle fremmer det simple, og det let læselige. Vores klientrapport kan læses her:

Refleksion

Projekt 1 var ikke så meget en øvelse i gruppearbejde, som det var en øvelse i design. Vores gruppe virkede yderst homogen, og derfor kunne vi fordybe os i det æstetiske. Selve siden blev pæn, men der var felter, set med nuværende øjne, krævede mere erfaring. Et område hvor jeg har erfaring med layout, men klar mangel på farveforståelse, er logodesign. Logoet blev et æstetisk pænt logo, som klart kommunikerede klubbens budskab, men viste sig at have alt for lille kontrast. Den lyse grønne farve med den hvide skrift, blev simpelthen for svag. På trods af at vi brugte et gant-kort til at skønne tidsforbruget i projektet, glemte vi at notere brugt tid alle dage, og kan derfor ikke altid regne med den erfaring vi prøvede at indsamle. Overordnet er jeg meget tilfreds med vores første HiFi-prototype, og kunne godt forestille mig at Aarup Tennisklub kunne være interesseret i et møde.