Wireframe
En wireframe visar strukturen på en sida eller skärm. Den hjälper till att diskutera placeringen utan att bevisa ett färdigt interaktionsflöde.
En wireframe är en förenklad bild av strukturen på en sida eller skärm. Den kan visa var navigering, innehåll och kontroller placeras och vilken information som ska framhävas. De visuella detaljerna kan avsiktligt vara begränsade.
Vad skissen räcker till
I en hypotetisk kundportal placerar en wireframe dokumentsökningen ovanför resultatlistan. Då kan den avsedda informationsfördelningen diskuteras innan detaljerna utformas.
Teckningen ensam visar inte hur sökningen reagerar eller vart en länk leder. Det kräver kompletterande beskrivningar, ett flöde eller en interaktiv prototyp. En wireframe är inte heller en teknisk specifikation för varje skärmstorlek eller ett belägg för begriplig användning.
Källor
Relaterade begrepp
- AnvändargränssnittAnvändargränssnittet möjliggör samspel med ett system. Även texter, återkoppling och reaktioner på handlingar ingår.
- PrototypEn prototyp gör det möjligt att undersöka en design utifrån en konkret fråga. Form och omfattning följer den osäkerhet som ska klarläggas.
- Interaktiv prototypEn interaktiv prototyp reagerar på utvalda handlingar. Den kan visa ett användningsförlopp utan att utföra den verkliga behandlingen bakom.
- FokusordningFokusordningen bestämmer vägen genom element som kan få fokus. Den ska bevara betydelse och användbarhet även vid dynamiska ändringar.
- TangentbordsfällaI en tangentbordsfälla fastnar användningen i ett område. Avsiktlig fokusbegränsning i en dialog behöver en utgång som kan användas med tangentbordet.
- Länk för att hoppa till huvudinnehålletEn hopplänk går förbi upprepad navigering till huvudinnehållet. Även nästa steg med tangentbordet måste fortsätta på rätt plats.
Artiklar om ämnet
Design & UX med ASES
Användarupplevelse, gränssnitt och varumärke