Webdesignprosessen: fra idé til ferdige skjermer
En god designprosess er ikke byråkrati: det er den rekkefølgen som hindrer omarbeiding. Hver fase lukker en beslutning som den neste tar for avgjort.
Denne guiden går gjennom fasene, hva hver leverer, hvor lang tid de tar, og hvor designprosjekter vanligvis stopper opp.
Fasene og hva hver leverer#
Rekkefølgen betyr noe. Å hoppe over en fase fjerner den ikke — den skyver bare beslutningen frem til der den er dyrere å endre.
| Fase | Leveranse | Typisk tid |
|---|---|---|
| Oppdagelse | Mål, målgruppe, begrensninger | 3 til 5 dager |
| Struktur | Sideliste og navigasjon | 3 til 5 dager |
| Skisser | Layout uten visuell stil | 1 til 2 uker |
| Visuell retning | Typografi, farge, tone — på én side | 3 til 5 dager |
| Ferdige skjermer | Maler anvendt, desktop og mobil | 2 til 4 uker |
| Prototype | Klikkbare løp til testing | 2 til 4 dager |
| Overlevering | System, eksporter, spesifikasjoner | 3 til 5 dager |
Visuell retning på én enkelt side er fasen som sparer mest tid. Å godkjenne tonen før den anvendes på tretti skjermer, hindrer omarbeiding av tretti skjermer.
Skisser før stil#
Skisser uten farge og typografi fremtvinger diskusjonen om innhold og hierarki, og det er den diskusjonen som betyr noe.
- Tegn mobilen først. Det er plass til mindre, noe som tvinger frem prioritering.
- Bruk ekte innhold, eller så nært som mulig. Plassholdertekst skjuler plassproblemer.
- Vis tomme, feil- og lastetilstander — de glemmes ofte og improviseres etterpå.
- Merk hovedhandlingen på hver skjerm. Er det tre, er det ingen.
- Diskuter ikke farger i denne fasen. Dukker det opp, er skissene for detaljerte.
- Valider innholdsstrukturen med den som skal skrive den, før dere går videre.
Hvor prosessen vanligvis stopper opp#
Blokkeringene er nesten alltid de samme, og nesten alle er organisatoriske snarere enn kreative.
| Blokkering | Årsak | Løsning |
|---|---|---|
| Motstridende tilbakemelding | Flere beslutningstakere uten hierarki | Én enkelt ansvarlig |
| Uendelige runder | Runder ikke definert i avtalen | Fast antall med godkjenningskriterium |
| Manglende innhold | Ingen er utpekt | Navn og dato per side |
| «Dette er ikke det jeg så for meg» | Visuell retning hoppet over | Godkjenn tonen på én side først |
| Skjermer som ikke kan bygges | Design uten kontakt med utvikling | Tidlig gjennomgang med utvikleren |
| Mobil improvisert til slutt | Designet kun for desktop | Design mobilen først |
«Uendelige runder» er nesten alltid et avtaleproblem, ikke et designproblem. Definer hva en runde er, og hvor mange det er.
Å levere design som kan bygges#
Overleveringen avgjør om byggingen flyter, eller om den blir en tolkningsøvelse.
- Lever et lite system, ikke bare skjermer: farger, skrifttyper, avstander, komponenter.
- Dokumenter hver komponents tilstander: normal, fokus, aktiv, deaktivert, feil.
- Spesifiser oppførselen mellom bruddpunkter, ikke bare to faste bredder.
- Inkluder tomme og feiltilstander for hver skjerm.
- Eksporter bilder i moderne formater og i de størrelsene de skal brukes i.
- Merk hva som er fast, og hva som kan tilpasse seg — den som bygger, støter på tilfeller du ikke forutså.
- Hold en overlevering live. En halvtime sparer en uke med spørsmål.
Ofte stilte spørsmål
Hvor mange rettingsrunder er normalt?
To til tre per fase er vanlig og bør stå i avtalen, med definisjon av hva som teller som en runde. Uten den grensen har designet en tendens til å utvide seg i det uendelige, fordi hver ny person som ser skjermene, har en mening. Én enkelt beslutningstaker er verdt mer enn noen tallgrense.
Trenger jeg skisser når jeg allerede har referanser?
Ja, for referanser viser stil, mens skisser løser struktur. Å gå rett fra referanser til ferdige skjermer ender som regel i diskusjoner om farger, når det reelle problemet er informasjonshierarki. Skisser lages raskt og endres enda raskere.
Skal jeg designe alle sider?
Design maler, ikke sider. En side med femti undersider har som regel fem eller seks distinkte maler. Design hver mal med det vanskeligste innholdstilfellet — den lengste overskriften, den lengste listen — så følger resten uten ekstra arbeid.
Hvem skal godkjenne designet?
Én person med reelt mandat. Du kan samle meninger fra flere, men beslutningen må tilhøre noen. Godkjenning i komité produserer design ingen hater og ingen forsvarer, og er den vanligste årsaken til prosjekter som drar ut i månedsvis i den visuelle fasen.
webdesignprosessdesignfaser nettsideskisserdesignsystemrettingsrunderdesignoverlevering
