Wireframing er prosessen med å lage en enkel skisse av en app eller nettside, som viser det "store bildet" av et konsept. Det fungerer som en grunnleggende eller lavoppløselig mockup for å kommunisere ideer med kunder og avgjøre hvordan layout og funksjonalitet vil se ut.

Formål med wireframing

• Representerer et overordnet konsept for en digital app eller nettside;
• Legger til rette for kommunikasjon med kunder for å avstemme designideer;
• Bør være rask og enkel, uten unødvendige detaljer.

Verktøy og elementer

• Bruk grunnleggende designelementer som rektangler, linjer, tekst og plassholderikoner;
• Minimalt med farger er å foretrekke; færre farger hjelper å holde fokus på strukturen;
• Bruk realistisk plassholdertekst i stedet for "Lorem Ipsum" for bedre forståelse.

Designråd

• Wireframes bør indikere funksjonalitet (f.eks. "X"-merker for områder som skal erstattes med bilder);
• Hvis du vet hvilke ikoner som skal brukes, inkluder dem; ellers holder det med plassholdere;
• Prioriter enkelhet og tydelighet fremfor visuell finish;
• Bruk ressurser som wireframing-sett fra Figma sitt Community Tab for å spare tid.

Etter å ha laget den grunnleggende wireframen, bør den justeres noe for å forbedre tydeligheten, da en polert versjon hjelper med å kommunisere designets hensikt effektivt.

Avslutningsvis er wireframing et viktig steg i designprosessen, som muliggjør rask tilbakemelding og iterasjon, samtidig som alle interessenter forstår prosjektets grunnleggende oppsett.

Last ned bildefilen "Letterboxd_Screenshot" og gjenskap appens grensesnitt i en wireframe i din egen stil.