Wireframe
En wireframe viser strukturen på en side eller skærm. Den hjælper med at drøfte placering uden at dokumentere et færdigt interaktionsforløb.
En wireframe er en forenklet fremstilling af strukturen på en side eller skærm. Den kan vise, hvor navigation, indhold og betjeningselementer placeres, og hvilke oplysninger der skal fremhæves. De visuelle detaljer kan bevidst være begrænsede.
Hvad skitsen kan bruges til
I en hypotetisk kundeportal placerer en wireframe dokumentsøgningen over resultatlisten. Så kan den planlagte informationsfordeling drøftes, inden detaljerne udformes.
Tegningen alene viser ikke, hvordan søgningen reagerer, eller hvor et link fører hen. Det kræver supplerende beskrivelser, et forløb eller en interaktiv prototype. En wireframe er heller ikke en teknisk specifikation for alle skærmstørrelser eller dokumentation for forståelig betjening.
Kilder
Relaterede begreber
- BrugergrænsefladeBrugergrænsefladen gør samspil med et system muligt. Tekster, tilbagemeldinger og reaktioner på handlinger hører også med.
- PrototypeEn prototype gør det muligt at undersøge et design ud fra et konkret spørgsmål. Form og omfang følger den usikkerhed, der skal afklares.
- Interaktiv prototypeEn interaktiv prototype reagerer på udvalgte handlinger. Den kan vise et betjeningsforløb uden at udføre den virkelige behandling bagved.
- FokusrækkefølgeFokusrækkefølgen bestemmer vejen gennem elementer, der kan få fokus. Den skal bevare mening og betjeningsmuligheder også ved dynamiske ændringer.
- TastaturfældeI en tastaturfælde sidder betjeningen fast i et område. En bevidst afgrænsning af fokus i en dialog kræver en udgang, der kan betjenes med tastaturet.
- Skip linkEt skip link fører forbi gentagen navigation til hovedindholdet. Den efterfølgende tastaturbetjening skal også fortsætte det rigtige sted.
Artikler om emnet
Design & UX med ASES
Brugeroplevelse, brugerflader og brandets udtryk