Wireframe – planlæg din hjemmeside

Planlæg din hjemmeside med wireframe

Hvad betyder wireframe? Mange begår den samme fejl, når de vil starte en ny hjemmeside: De kaster sig direkte over computeren og begynder at vælge farver, billeder og skrifttyper. Men hvis du vil have en hjemmeside, der rent faktisk virker, skal du starte et helt andet sted – nemlig med en helt almindelig blyant og et stykke papir.

Hvad betyder wireframe?

Inden for webdesign taler man ofte om et wireframe. Det lyder teknisk, men det er faktisk utrolig simpelt. Et wireframe er din hjemmesides “arkitekttegning”.

Forestil dig, at du skal bygge et hus. Du begynder ikke med at vælge gardiner og male vægge; du starter med en grundplan, der viser, hvor dørene skal være, og hvor køkkenet skal placeres. Det er præcis det samme med en hjemmeside.

Når du laver et wireframe på en tegneblok, tegner du blot firkanter og streger for at bestemme:

• Hvor skal logoet placeres?
• Hvor skal menuen ligge?
• Hvilket indhold er vigtigst for den besøgende?

Fordelen ved at starte “gammeldags”

Det føles måske lidt bagvendt at bruge papir og blyant i en digital verden, men der er tre store fordele:

1. Du slipper for overspringshandlinger: På computeren kan man bruge to timer på at finde den helt rigtige blå farve. På papir fokuserer du kun på det vigtige: strukturen.
2. Det er nemt at rette: Det tager to sekunder at krølle et papir sammen eller viske en streg ud. Det tager meget længere tid at flytte rundt på teknikken på en færdig hjemmeside.
3. Bedre overblik: Når du ser dine sider tegnet op ved siden af hinanden, opdager du hurtigt, om der er en rød tråd. Skal du f.eks. bruge en forside, en kontaktside og fem undersider, bliver det pludselig meget tydeligt, hvordan de skal hænge sammen.

Hvad betyder wireframe? – Fra skitse til virkelighed

Når du har dit udkast klar på papir, er fundamentet lagt. Herefter er det langt lettere at gå til computeren og bygge de forskellige sider. Du ved præcis, hvor du skal placere dine tekster og billeder, fordi du allerede har gjort det svære arbejde med at planlægge.

Husk: En god hjemmeside handler ikke kun om at være flot – den skal først og fremmest være logisk opbygget. Så næste gang du får en god idé til et digitalt projekt, så start med at finde tegneblokken frem.