Hvordan bør produktchefer bruge trådrammer?

Strukturtegninger bliver ofte overset, når vi skynder os med at få nye funktioner ud ad døren, men de kan være et vigtigt værktøj for produktchefer til at indsamle tilbagemeldinger, udvikle idéer hurtigt og prototypificere komplekse arbejdsgange uden en masse ekstraarbejde. 

Jeg har gennem det meste af min karriere bevæget mig mellem produktstyring og UX-design og har fundet strukturtegninger som et vigtigt værktøj i produktdesignprocessen. Selvom de er en god måde at visualisere idéer og skabe prototyper med lav detaljeringsgrad på, er de også gode til at skabe fælles forståelse på tværs af teams.

Hvad er en strukturtegning?

Balsamiq, som står bag et af markedets mest populære strukturtegningsværktøjer, beskriver en strukturtegning som “en skematisk fremstilling eller en grundskitse”, der hjælper dig og dine kolleger med at tænke over strukturen i det, I bygger.

Lad os se lidt nærmere på denne definition. Som en grundskitse hjælper en strukturtegning med at etablere fundamentet for det endelige produkt – uanset om det drejer sig om websider, mobilapps eller avancerede webapplikationer.

I stedet for at fokusere på de finere detaljer i dit produkts brugerfladedesign, såsom farver, skrifttyper og typografiske stilarter, hjælper strukturtegningen med at flytte fokus til store strukturelle overvejelser som layout, informationsarkitektur og funktionalitet på højt niveau. Designelementer er naturligvis vigtige, men hvis du fokuserer på dem for tidligt i processen, kan det distrahere dig fra at opdage store strukturelle problemer, som senere bliver til hovedpiner i produktudviklingsprocessen.

Et vigtigt kendetegn ved en god strukturtegning er, at den har en lav detaljeringsgrad, hvilket betyder, at den virkelig kan være så enkel som nogle kasser i et designsamarbejdsværktøj eller endda en tegning på en whiteboardtavle eller kruseduller på bagsiden af en serviet. Pladsholdere til mange brugerfladeelementer, såsom fotos og tekst, bruges flittigt, fordi du fokuserer på sidens overordnede layout frem for indholdets specifikke detaljer. 

Strukturtegninger behøver ikke at være perfekte – de er beregnet til at være rå og fleksible. 

Produktchefer forstår vigtigheden af at formidle mening, og ofte er den bedste metode den enkleste.

Hvem bruger det?

Strukturtegninger er et fremragende produktstyringsværktøj, fordi de bygger bro mellem de mange tværfaglige samtaler, som produktchefer befinder sig i.

Alle på et produktteam, herunder produktchefer, designere og udviklere, kan drage fordel af strukturtegningsprocessen.

I stedet for at fokusere al kommunikation på ord, der kan misforstås, giver en strukturtegning en hurtig måde at se den intention, du sigter efter. Vis folk, hvad du mener, i stedet for blot at forsøge at forklare det i tekst.

Jo mere mangfoldig din feedback på strukturtegningen er, desto flere idéer vil du kunne evaluere – det bør ikke have betydning, om produktchefen, designeren eller udvikleren opretter strukturtegningen, så længe I alle bruger den til at styrke samarbejdet. 

Hvem er ansvarlig for strukturtegninger?

I nogle organisationer kan det skabe forvirring at finde ud af, hvem der er “ansvarlig” for at oprette strukturtegninger. Hvis dit team har designere, vil jeg anbefale, at I tager en samtale om, hvem der skal være ansvarlig for oprettelsen af strukturtegningen. I sidste ende bør det være et værktøj, som alle bruger – det er blot endnu en måde at hjælpe med at kommunikere idéer klart på, hvilket skaber stærkere teams. 

Ikke kun for interne interessenter

Da trådrammer betragtes som værende med lav detaljeringsgrad og ufærdige, kan det være nemt at antage, at trådrammer kun er til intern kommunikation, men glem ikke, at de er en fantastisk måde at sætte gang i samtaler med kunder, testere og andre eksterne interessenter. 

Hvorfor bør produktchefer bruge trådrammer?

Trådrammer forenkler din kommunikation 

Det gamle ordsprog om, at “et billede siger mere end tusind ord”, er helt rigtigt! Skrivning fremhæves ofte som en afgørende færdighed for produktchefer, og det er jeg helt enig i! Men af vane kan det ofte være vores standardmetode til kommunikation, selv når der findes enklere måder. Hvis du hurtigt laver en trådramme, kan du spare så meget tid, som du ellers ville bruge på at finpudse formuleringer. 

Trådrammer hjælper dig med at forstå komplekse brugerforløb

Trådrammer giver dig en håndgribelig måde at udforske idéer på, som du skal omsætte til brugerhistorier eller krav. Skjulte begrænsninger bliver mere synlige, og nye muligheder, som måske ellers var blevet overset, kommer også til syne, når du begynder at forestille dig en løsning på en mere håndgribelig måde. 

Trådrammer er billige

En fantastisk ting ved trådrammer er, at de giver dig og produktudviklingsteamet en meget enkel mulighed for at teste idéer uden at skulle overinvestere i design med høj detaljeringsgrad eller kode i produktionskvalitet.

Hvis du står over for noget, der ser kompliceret eller endda risikabelt ud at bygge, så vælg den billige løsning og lav nogle hurtige trådrammer for at gennemføre tidlige brugervenlighedstests. Det kan være alt, hvad der skal til for faktisk at vurdere, om en idé er værd at investere i eller ej.

Endnu en færdighed, der kan fremme din karriere inden for produktledelse

Det er en vigtig faglig færdighed som produktchef at have en solid forståelse af bedste praksis inden for brugeroplevelse, så det at blive fortrolig med trådrammer som endnu et værktøj, du kan bruge, er en god måde at genopfriske dine færdigheder inden for produktledelse på. 

Dine færdigheder i at lave trådrammer kan vise potentielle arbejdsgivere, at du ved, hvordan man bevæger sig fra koncepter til virkelige produkter. 

Hvordan kan produktchefer bruge trådrammer effektivt?

Brugertest og tilbagemeldinger fra interessenter

Det er altid god praksis at få valideret dine idéer tidligt. Trådrammer gør idéer mere håndgribelige og gør det lettere for folk at give dig tilbagemeldinger under dine brugerundersøgelser. Det gælder, uanset om du indsamler tilbagemeldinger fra interne interessenter eller taler direkte med brugere.

Lad ikke det faktum, at de ser ufærdige ud, holde dig tilbage fra at søge tilbagemeldinger på dem. Folk vil sætte pris på, at du søger deres bidrag i de tidlige faser af produktdesignprocessen. 

Trådrammer giver dine specifikationer kontekst

Mange af nutidens populære værktøjer til produktdesign og trådrammer har indbyggede integrationer, der forbinder brugerhistorier og krav direkte med de seneste versioner af dine trådrammer. Ved at inkludere visuelle elementer i dine specifikationer og brugerhistorier kan du tilføre dine ord ekstra kontekst, så glem ikke at inkludere dem.

Bedste praksis

• Hold det enkelt: Effektiv brug af trådrammer betyder, at du ikke overinvesterer i at få dem til at se perfekte ud – du bør ikke stræbe efter en trådramme med høj detaljeringsgrad. Hvis du oplever, at du bruger for meget tid på at tilføje finpudsning i din proces med at lave trådrammer, så hold en pause og vend tilbage til den med et friskt sind. Mind dig selv om, at du forsøger at se, hvordan de store dele af en idé kan hænge sammen. De finere detaljer kan komme senere, efterhånden som du itererer.
• Opfordr andre til at bruge trådrammer: Det kan være svært at beskrive kompleksiteten i produktarbejdsgange. Opfordr andre til at vise dig, hvad de mener, ved hjælp af trådrammer, så I sammen kan være med til at skabe den vane. Du vil måske opleve, at det er lettere at tale om komplekst interaktionsdesign eller tekniske problemer, når I alle bruger et visuelt hjælpemiddel til at styre samtalen i realtid. 

Hvilke værktøjer til at lave trådrammer kan jeg bruge?

Min første anbefaling er at undersøge, hvad du allerede har ved hånden. Papir fungerer, når du bare har brug for at notere en hurtig idé, men når du vil skabe noget, som du nemt kan opdatere og dele med andre, er der heldigvis ingen mangel på gratis wireframeværktøjer at vælge imellem. Hvis du vil komme endnu hurtigere i gang, kan AI-wireframeværktøjer generere indledende layout ud fra instruktioner eller krav.

Med mange forudbyggede UI-elementer, som du kan trække og slippe, sparer disse værktøjer dig for en masse tid. De fleste har også skabeloner, du kan tage udgangspunkt i, så både begyndere og eksperter inden for wireframes hurtigt kan komme i gang.

Selvom nogle af værktøjerne udelukkende er specifikke til wireframes, kan andre UI-designværktøjer, der bruges til at skabe mere avancerede interaktive mockups, stadig anvendes. Her er blot et lille udvalg af værktøjer, du kan undersøge:

• Balsamiq: Et af de ældste og mest populære værktøjer, der specifikt er udviklet til wireframes, er Balsamiq. De holder med vilje deres værktøjer og visuelle udtryk enkle, så du kan fokusere mere på den funktionalitet, du forsøger at arbejde med, frem for at blive distraheret af styling.
• Figma: Selvom Figma er et fremragende værktøj til at opbygge komplekse visuelle designmaterialer, kan det også nemt bruges til at opbygge enklere layout og wireframes.
• Miro: Selvom Miro ikke er et designværktøj i traditionel forstand, har Miro en langt mere fri tilgang til brugen af en række forskellige værktøjer, fra digitale sedler til tankekort. Med indbyggede wireframefunktioner kan det være en nem måde at begynde at skabe dine wireframes med lav detaljegrad på.
• Framer – Hvis du har brug for mere end statiske wireframes, giver Framer dig mulighed for at opbygge interaktive prototyper med animationer og overgange. Det er en fremragende mulighed for team, der vil teste brugerinteraktioner tidligt i designprocessen.
  
  P.S., Se alternativer til Framer og andre softwareværktøjer til wireframes.
  
• Tavle Hvis du er på kontoret, må du ikke glemme, at hurtige skitser på en tavle omgivet af dine kolleger kan være en hurtig og nem måde at arbejde iterativt med en idé på! Arbejder du på afstand? Værktøjerne nævnt ovenfor er fantastiske til virtuelt samarbejde!

Relateret læsning: 10 bedste wireframeværktøjer til design af apps og websites

Wireframes kan gøre dig til en stærkere produktchef

At være alsidig i dine arbejdsmetoder og de værktøjer, du bruger, vil altid gøre dig til en selvsikker og respekteret produktchef. Wireframes er et vigtigt værktøj i din værktøjskasse, så glem ikke at bruge dem til at kommunikere dine tanker og idéer samt indsamle feedback tidligt og løbende. 

Hvis du betragter wireframen som et kommunikationsværktøj, fjernes byrden ved at afgøre, hvem der ejer den, og fokus flyttes til det, der betyder mest—at skabe en fælles forståelse på tværs af dine team, indhente og dele feedback samt skabe klarhed for dem, du arbejder sammen med. 

Hvis du vil have flere indsigter og tips til at udvikle dine færdigheder som produktchef, kan du tilmelde dig CPO Clubs nyhedsbrev.

Relateret læsning: Produktchef inden for digital transformation: Sådan får du det til at fungere

Se også: De bedste mockupværktøjer til produktchefer