Wireframe
En wireframe viser strukturen på en side eller skjerm. Den hjelper med å drøfte plasseringen uten å bevise et ferdig interaksjonsforløp.
En wireframe er en forenklet fremstilling av strukturen på en side eller skjerm. Den kan vise hvor navigasjon, innhold og kontroller plasseres, og hvilken informasjon som skal fremheves. De visuelle detaljene kan bevisst være begrensede.
Hva skissen kan brukes til
I en hypotetisk kundeportal plasserer en wireframe dokumentsøket over resultatlisten. Da kan den planlagte informasjonsfordelingen drøftes før detaljene utformes.
Tegningen alene viser ikke hvordan søket reagerer, eller hvor en lenke fører. Det krever tilleggsbeskrivelser, et forløp eller en interaktiv prototype. En wireframe er heller ikke en teknisk spesifikasjon for alle skjermstørrelser eller dokumentasjon på forståelig betjening.
Kilder
Beslektede begreper
- BrukergrensesnittBrukergrensesnittet gjør samspill med et system mulig. Også tekster, tilbakemeldinger og reaksjoner på handlinger inngår.
- PrototypeEn prototype gjør det mulig å undersøke et design ut fra et konkret spørsmål. Form og omfang følger usikkerheten som skal avklares.
- Interaktiv prototypeEn interaktiv prototype reagerer på utvalgte handlinger. Den kan vise et bruksforløp uten å utføre den virkelige behandlingen bak.
- FokusrekkefølgeFokusrekkefølgen bestemmer veien gjennom elementer som kan få fokus. Den skal bevare mening og betjenbarhet også ved dynamiske endringer.
- TastaturfelleI en tastaturfelle blir betjeningen sittende fast i et område. Bevisst avgrensning av fokus i en dialog trenger en utgang som kan betjenes med tastaturet.
- Lenke for å hoppe til hovedinnholdetEn hoppelenke går forbi gjentatt navigasjon til hovedinnholdet. Også neste tastaturtrinn må fortsette på riktig sted.
Artikler om temaet
Design og UX med ASES
Brukeropplevelse, grensesnitt og merkevare