Wireframes till ny hemsida – vad är en wireframe?

En wireframe är en enkel skiss till en kommande webbplats. Innan man börjar tänka på färg och form bör man nämligen strukturera upp innehållet. Här har vi tagit fram förslag till Stiftelsen Dag Hammarskjöldbibliotekets startsida.

Varför är skissen svartvit?

Färg och form är givetvis viktigt på alla webbplatser, både för företagets attraktionskraft och för läsbarheten. Risken med att börja webbplatsutvecklingen i den ändan är dock att man målar in sig i ett hörn. Du som kund kanske hakar upp dig på att första utkastet inte är så snyggt. Och webbdesignern kanske låser sig vid första bästa version i stället för att tänka kreativt.

Strukturen och innehållet är A och O

Det första man bör ha klart för sig är vad som ska ingå på webbplatsen. Blir det en stor webbplats? Kommer den att växa med tiden? Kommer den att finnas i flera språkversioner? Vem vänder sig texterna till? Vilka funktioner behöver dina webbplatsbesökare?

Först därefter kan man börja strukturera upp innehållet. Skapa menyer och logiska underavdelningar. Var ska sökrutan ligga? Vilken typ av meny vill du ha? Ska det vara bildspel eller stillbild på startsidan? Och så vidare.

Hur kommer slutresultatet att se ut?

Ibland följer man upp wireframen med en skiss gjord i till exempel Photoshop, denna gång i färg. Andra gånger börjar man bygga webbplatsen direkt. Förhoppningsvis finns då en grafisk profil med regler som webbdesignern kan följa. Färger, typsnitt, bilder.

Om du läser den här artikeln efter den 11 februari 2013 kan du se vad wireframen ovan till slut ledde till. Här kan du besöka Stiftelsen Dag Hammarskjöldbibliotekets nya webbplats.

Mer om wireframes på engelska Wikipedia