Workflow indenfor webdesign

Du skal have gjort dig nogle tanker om dit produkt, før du kan gå igang med den egentlige produktion.

Typisk vil man blive kontaktet af en kunde, som har set tidligere produktioner fra designeren. Det kan også være man har set kundens nuværende website og har gjort sig nogle tanker om hvad der kunne være bedre.

Metoder til at udvikle ideer kan være brainstorming, mindmapping, fremtidsværksted, osv...
En god metode er tidsformer...At tænke i produktets oprindelse, udseende og anvendelse. På den måde kan man hurtigt få ideer til f.eks. reklame på en webside for et produkt, begivenhed, organisation, osv.

Det er også tilladt at få inspiration på WWW. Gode steder er http://www.perfectory.com/ og http://www.coolhomepages.com. Det er dog vigtigt ikke at lade sig styre alt for meget af disse ideer, for så kommer du bare til at reproducere et eksiterende site, fremfor at designe et nyt.

Du skal også gøre dig tanker om websitets målgruppe. Hvis du har med en rigtig kunde at gøre, vil det være oplagt at gå i dialog med kunden for at få klarhed over målgruppen. Hvis det er et koncept, du selv skal lancere, må du i gang med at beskrive din målgruppe, eksempelvis ved at bruge Minervas eller Gallups segmenter.

Råskitser/frimærkeskitser er små tegninger, som alle kan lave for at få en ide over designet. Om det er tændstikkemænd eller der gøres mere ud af skitserne er op til dig: sålænge det får dig til at tænke over dit design.

Roughs/arbejdsskitser: når du har fundet frem til de skitser du vil arbejde videre med, udvælger du dem og laver 2-4 roughs, som er mere grundige tegninger over dit webdesign. På roughs kan man tydeligt se, hvad tegningerne forestiller, hvad overskrifterne er, osv. Det kan også være du har lagt farve på dine roughs for at få en mere realistisk ide om det endelige design.

Udvælgelse af rough(s) til kundelayout: du vælger nu f.eks. 2 roughs og går videre med dit kundelayout, som du laver i f.eks. Photoshop, Fireworks eller Illustrator. Når du laver dit layout kan du samtidig afprøve farver, fonte, størrelser, osv. på computer..

Kundelayoutet kan også være lavet på papir, men skal være så præcist som muligt, dvs. du skal have taget stilling til farver, skrifttyper, billeder, osv..

Der udarbejdes et eller to kundelayout (antal afhængig af kundens pengepung), som skal præsenteres for kunden. Når kunden har godkendt layoutot og kommet med forslag til rettelser, kan du gå i gang med den egentlige produktion.

Du/I kan nu udarbejde de forskellige elementer, som skal placeres på de forskellige websider. lav en liste over, hvilke elementer, der skal fremstilles, og hvem der laver hvad. Der skal skrives tekst, læses korrektur og behandles billeder. Måske skal der laves en illustration eller et logo og måske skal der integreres lyd, video eller animationer på nogle af siderne. Husk at tekst skrives i en tekst-editor, billeder redigeres i et billedbehandlings-program, osv. En HTML-editor skal i princippet ikke anvendes endnu.

Du skal nu lave en plan over, hvordan de enkelte sider skal se ud. En god metode er at lave storyboards for hver enkelt side. Her skal man kunne se placeringen af de forskellige elementer, farver, skrifttyper osv. Kort sagt skal storyboardet kunne gives videre til en uafhængig person sammen med de filer, der skal sættes ind.

Sammen med storyboardet laves også et flowchart, som er et diagram over hvordan siderne hænger sammen. Det ligner et organisationsdiagram med index.html øverst. Hvis der ikker pile mellem to sider betyder det, at der kan navigeres frem og tilbage. hvis der kun er pil den ene vej, kan man ikke klikke tilbage fra denne side. Eksempelvis hvis man har en intro-side, skal der være en ensrettet pil frem til den egentlige forside.

Den webansvarlige, f.eks. en webprogrammør, kan du sætte websitet op udfra storyboarden, flowchartet og alle filerne. I praksis vil der være en masse spørgsmål, små rettelser, osv.

Der anvendes en HTML-editor, f.eks. Dreamweaver eller en ren tekstbaseret editor. Sitet testes løbende i forskellige browsere.

Når programmeringen er færdig, uploades det, evt. på en midlertidig adresse, som sendes til kunden før et møde.

Kunden checker websitet igennem, og der diskuteres små ændringer på et møde. Hvis der er ressourcer til det, testes websitet på 'rigtige' brugere, dvs. bruger som matcher målgruppebeskrivelsen.

Der justeres/korrigeres en eller to gange, og sitet er nu klar til at blive taget i rigtig anvendelse.