Innhold
Gitt økningen av Agile og Lean UX-metoder i digital design, stiller mange spørsmålstegn ved verdien av wireframing. De sier at dagene med detaljerte kasseringsleveranser er over, og at teamene må prioritere interaktive prototyper for deres verdi i brukervennlighetstesting og levende dokumentasjon.
De har helt rett.
Det vi imidlertid ønsker å avklare, er at wireframes ikke er det de pleide å være. Wireframing er ikke død, den endret seg bare. Det handler ikke om å formalisere design på et tidlig stadium for å berolige interessentens paniske fantasi på bekostning av å sette urealistiske designforventninger. Det handler om divergerende leting, og skaper en mer strukturert skisse av konsepter for å sprette rundt med andre produktmedlemmer.
Wireframe for å se immaterielle konsepter ta form. Med visse verktøy kan du til og med begynne å bygge grunnlaget for en prototype. Ikke wireframe for å lage designartefakter som lett kan lure folk til å tro at det i det hele tatt representerer den endelige formen.
Denne artikkelen er en feiring av trådrammer. Vi forklarer hva de er, hvorfor de er praktiske, de forskjellige metodene for opprettelse og hvordan de passer inn i forskjellige UX-designprosesser.
Hva er en trådramme?
Du kjenner de sort-hvite boksene med X-er og tekst som ser ut som det som var igjen etter at noen skrubbet alle detaljene fra et nettsted eller en app? Det er en trådramme.
Noen ganger vil du komme over en viss forvirring om terminologi, og folk bruker om hverandre begreper som trådrammer, skisser og mockups for å referere til grovt designarbeid. La oss avklare et øyeblikk: skisser er de råeste, wireframes er litt mer strukturerte, mens mockups vanligvis er mellom til lav troskap.
Som beskrevet i Guide to Wireframing, er wireframes et rammeverk for enkle design med lav troskap som utforsker innholdsstrukturen i barndommen til designprosjekter. Wireframes kan variere i troskap fra ikke mer enn bokser tegnet på en serviett til noe mer sofistikert med faktiske bilder og skarp typografi.
Generelt sett burde trådrammene imidlertid lene seg mer mot den lavere, mer forenklede troskapen - det gir ikke mye mening å bekymre seg for malingen når betongen ikke engang er tørr ennå.
Hensikten med trådrammer, og hvorfor vi fremdeles finner dem nyttige, er at de hjelper deg å fokusere på strukturen og omrissene til et nettsted, slik at du vet hva du bygger. Designere som skynder seg med høyere troskap kan lett overse noen aspekter av den generelle informasjonsarkitekturen, noe som fører til en Jenga-lignende redesignprosess. Ved å dedikere en tidlig fase til planlegging med trådrammer, kan designere bygge en blåkopi av prosjektet uten å bli distraherende av pikselperfeksjon.
De gode og dårlige
Så hvorfor er wireframing på skjæreblokken?
I ethvert konkurransedyktig marked er det bare god forretning å periodisk revurdere hver fase av prosessen. Og, som alle andre trinn, har wireframing absolutt sine ulemper:
- Unøyaktig skildring av sluttproduktet - Deres lave trofasthet betyr at seerne må bruke fantasien om hvordan det endelige produktet vil se ut. Dette skader interessentpresentasjoner, og hemmer også å bedømme "tarmreaksjonen" som sluttproduktet vil gi. Hvis du vil snakke om noe interaktivt, trenger du enten mange notater eller villbevegelser for å få poenget videre (hvis i det hele tatt).
- Mindre egnet for brukervennlighetstesting - På et relatert notat gjøres den beste brukervennlighetstesten med prototyper siden brukere faktisk kan reagere og leke med noe. Mens testing av wireframes kan antyde grunnleggende UX-problemer (som om brukere ikke finner primært innhold), kan wireframes like gjerne føles som kald teknisk dokumentasjon.
- Over vedlegg - Jo mer tid du bruker wireframing, jo mindre villig vil du være til å endre grunnleggende feil på siden eller nettstrukturen. Det er bare menneskets natur å føle seg følelsesmessig knyttet til arbeid du er stolt av. Mer farlig kan wireframing oppmuntre til en avleveringsmentalitet der du tilstreber større detalj slik at den kan overføres bedre til utviklere (som om de er WYSIWIG-maskiner).
Etter vår mening gjelder de mest gyldige klagene om trådramming mangel på interaktivitet og bremsing av hurtig prototypemetoden (som vi beskrev ovenfor).
La oss nå undersøke noen fordeler:
- Strukturert disposisjon - Dette er uten tvil den største fordelen med trådrammer, og grunn til å gjøre en. En trådramme er tegningen på nettstedet, og viser hva som går der, slik at alt kan bygges som deler av en helhet uten gjetning eller "finne ut når du går." Alternativet er å damprulle fremover i de senere stadiene uten en klar retning av hvor du skal ... men som å bygge et tårn på fast bunn, er det bare et spørsmål om tid før alt faller ned.
- Uttrykke uforklarlige ideer - Designprosessen er ikke alltid så lett å forklare med ord, og skisser kan lett feiltolkes. Å bygge en trådramme med et verktøy som alle kjenner gjør kommunikasjonen mye enklere.
- Fremme innhold-først design - Alle brukere vil ha innhold, ikke design. Når du bruker trådramme, må du tenke på hvor mye plass som kreves for designelementer basert på nivå og type innhold. Faktisk er wireframing best når du har noe ekte innhold tilgjengelig (helt greit hvis det er grovt), eller du kan til og med bruke konkurrentinnhold som vi anbefalte i gratis e-bok Web UI Design for the Human Eye.
Mens fordelene med wireframing forblir de samme, kan du omgå mange ulemper ved å tilpasse prosessen til ny teknologi.
De nye trådrammene
Klagene i artikkelen til Bermon Painter var gyldige tidligere - trådrammer som ble brukt til å gi avfall (spesielt som blindvei i Photoshop), og de pleide ikke å kunne teste brukervennlighet. Men det synet på wireframing er utdatert.
Med de riktige wireframing- og prototypeverktøyene kan wireframes enkelt imøtekomme interaktivitet. De blir en slags lo-fi-prototype, som er i stand til å teste brukervennlighet uten å ta seg tid til å designe detaljene (ennå). Dette gjør dem da perfekte for rask prototyping - interaktiviteten til en prototype gjør at de kan testes tidlig, men den lave troverdigheten til en trådramme gjør dem enkle å bygge.
En annen vanlig klage er at wireframes bare er en ny kastbar, men også dette er ikke lenger nøyaktig. Igjen, når du bruker et spesialverktøy, rulles trådrammene rett og slett over i neste fase - utvikler, hvis du vil - til noe som kan håndtere høyere trofasthet som en mockup eller hi-fi-prototype.
Trådrammer med lavere troskap er de mest fleksible. Hvis du lager dem i et wireframing- eller prototypeverktøy, kan du legge til troskap senere i verktøyet eller flytte til Photoshop hvis du krever visuell perfeksjon. Du får en bedre ide om innholdsstrukturen uten å bruke massevis av tid på noen måte.
Neste side: lage wireframes ...
