Illustration af Fanny Luor

Hvordan designer du et design-dokument?

Når du tænker på design, er ordet "dokumentation" sandsynligvis ikke den første ting, der kommer op i tankerne. Men dokumentation er en vigtig del af designprocessen for mange teams.

I en afslappet Twitter-afstemning sagde 1 ud af 3 produktdesignere, at de bruger mindst 25% af deres tid på at gennemgå eller skrive dokumentation. Den sjove ting er, at mange designklasser ikke engang taler om dokumentation.

Ja, jeg ved, at et dokument ikke er så sexet som en interaktiv prototype, men et designdokument er, hvor ideer kan vokse hurtigt. Det er her, tanker omformes til ord, og ord blomstrer i løsninger.

Når det gøres godt, kan et godt designdokument:

  • Hjælp dig med at organisere dine tanker
  • Stiv dit synspunkt
  • Rally dit hold omkring et mål
  • Forklar hvorfor, ikke kun hvordan
  • Forhindre tidssugende debatter
  • Gør udviklerens liv lettere

Hos Dropbox laver vi designdokumenter til hvert projekt. Alle projekter skal starte et sted, og for os starter det ofte i et Dropbox Paper-dokument.

Men hvordan designer du et designdokument? Jeg bad nogle få designere i vores team om tip til oprettelse af dokumentation. Her er hvad jeg hentede fra dem.

Tilslut dokumenterne

Det meste af tiden er et design-doc kun et dokument i et hav af andre projektdokumenter.

Så en ting, Emily Miller gør for at holde sine dokumenter tilsluttet, er at oprette et indeks øverst på sine dokumenter. Indekset viser relaterede projektdokumenter, og alle disse dokumenter har det samme indeks øverst. ”Det er som et mini-web-nav,” forklarer Emily.

Et indeks holder det hele forbundet

Lad os sige, at hendes designdokument kaldes "Project Popup [Design]." Ingeniørdokumentet og kopieringsdokumentet ville følge et lignende navnemønster: "Project Popup [Eng]" og "Project Popup [Copy]."

Det er et hurtigt trick, der går langt i at hjælpe hendes team med at finde alle relaterede dokumenter hurtigt og nemt.

Omfavn emoji

Mange mennesker bruger emoji i dag i messaging-apps. Hos Dropbox bruger vi emoji ganske lidt også - i vores designdokumenter

Emoji er ikke kun til dekoration. Du kan bruge emoji til at gøre dit dokument mere scannbart, til at opmærke sig på specifikke sektioner og endda for at kommunikere status.

For eksempel bruger Sheta Chatterjee og hendes team en pin emoji til at vise den aktuelle uge med en sprint. De bruger også en animeret graveemoji til at vise, om der stadig arbejdes på et afsnit. Hvis andre ser den animerede gravegrave, ved de, at disse designs ikke er sat i sten endnu.

Emoji er ikke kun til dekoration

Nogle designere i vores team bruger også emoji i titlen på deres dokumenter. Hvis du tilføjer en emoji i papir i begyndelsen af ​​din titel i papir, bliver den emoji favorit i din browserfane. Emoji'erne gør det lettere at få øje på det dokument - hvilket kommer godt med, hvis du har en million faner åbne på én gang

Ah, der er mit dokument!

Genoplev oplevelsen

Mange gange opretter designere ikke nye produkter fra bunden af. I stedet foretager de finjusteringer af eksisterende strømme for at gøre dem bedre.

Inden man sætter sammen wireframes eller mock, går Sara Lin gennem eksisterende strømme og dokumenterer alt, hvad hun ser. Du kan sige, at hun genoplever oplevelsen.

Hun dokumenterer alle sine tanker i et revisionsdokument, som hun linker fra sit hoveddesigndokument. I sit revisionsdokument genskaber hun brugerrejsen ved hjælp af skærmbilleder af de eksisterende strømme. Derefter tilføjer hun detaljerede kommentarer om, hvad der er godt og dårligt ved hvert trin i strømmen.

At dokumentere det gode og det dårlige i et revisionsdokument

Sara siger, at det at gøre en revision hjælper hende med at komme ind i brugerens tankegang, og det hjælper med at opbygge brugerens empati. Disse revisioner minder mig om Samuel Hulicks bruger ombord på nedrivninger, men forestil dig at gøre det på dit eget produkt - hvor du kan være din egen værste kritiker.

Spin op en historie

Når jeg søger gennem Laura Barberas designdokument, snubler jeg over en historie. Det er en gripende historie om en medicinsk forsker ved navn Corrine, der har svært ved at arbejde.

Historien berører emner, du måske finder i en Hollywood-film. Der er tale om store præsentationer, mistede dokumenter og brændte bagels. Der er en konflikt, klimaks og opløsning - du ved, ting du kan finde i enhver god historie.

For at gøre tingene mere interessante krydder Laura også tingene med et par popkulturhenvisninger her og der.

En historie hjælper med at gøre dit design mere overbevisende

Laura bruger historier som dette til at forklare hendes design. Det handler ikke om bruger A med problem X. Det handler om en person i en reel situation med reelle problemer. Historien hjælper med at gøre problemet og løsningen mere overbevisende.

Bliv hyped

”Dokumenter kan hjælpe folk med at blive begejstrede for en idé,” fortæller Ryhan Hassan.

Når jeg spørger ham, hvad han mener med det, forklarer Ryhan, hvordan han undertiden bruger designdokumenter som et præsentationsværktøj. Han viser mig et par dokumenter, der er lette på ord og tunge på visuals.

I disse dokumenter finder du alle mulige visuelle artefakter: fotos af sticky notes, skærmbilleder af chat-samtaler, skitser, videoklip og endda Framer-prototyper. De er alle integreret i hans papir-dokument - for at hjælpe hans ideer med at komme til live.

Han sy sammen forskellige typer visuals for at skabe en fortælling, som han kan gå igennem under en præsentation.

Fotos, chat-samtaler og skitser hjælper med at fortælle historien

”Det er lettere at opbygge momentum, hvis andre bliver begejstrede for det,” siger Ryhan. Ved hjælp af visuelle artefakter føles de store flydende ideer meget mere konkrete og overbevisende.

Efterlad et papirspor

Uanset hvor fantastiske dine designkoteletter er, vil andre altid have spørgsmål om dit arbejde. Hvorfor brugte du den komponent? Har du overvejet X og Y? Hvordan interagerer dette med den anden funktion?

Du kan spare dig selv meget besvær ved at dokumentere tankegangen bag dine designs. Når det gøres godt, hjælper dokumentation alle på dit team med at forstå, hvordan du kom til dine løsninger. God dokumentation er især nyttig, hvis du arbejder med eksterne teams.

For Melissa Mandelbaum handler god dokumentation om “at skabe den bedst mulige papirsti, du kan.” Når hun opretter designdokumenter, indeholder hun flere designforslag sammen med fordele, ulemper, risici og åbne spørgsmål til hvert forslag. Dette viser, at designet blev udført eftertænksomt, ikke vilje.

Vis tankerne bag dit arbejde

”Brug lidt mere tid på forhånd med at dokumentere dine designbeslutninger. Det vil altid gøre det lettere at diskutere og gennemgå beslutningerne, ”påpeger Melissa.

Byg en kirkegård

Som designer kan du undertiden prøve mange forskellige udforskninger, før du sætter dig ind i en endelig retning. Men du vil ikke skræmme andre ved at angive snesevis af udforskninger, ikke? Så hvad laver du?

Kyle Decker graver op et dokument, han kalder "Design Graveyard." På kirkegården er snesevis af gamle designs fra hans tidligere projekt sammen med noter til sig selv. Noterne forklarer, hvorfor visse efterforskninger ikke gjorde nedskæringen.

Design kirkegården - hvor nogle af dine bedste ideer hviler

Kyle holder disse gamle udforskninger adskilt fra sit hoveddesigndokument for at holde hans vigtigste doc rodfri. Men hans gamle udforskninger er kun et klik væk, i tilfælde af at han en dag skal bringe dem tilbage til livet.

Uanset hvad du gør, må du ikke smide dine gamle designs væk. Gårsdagens døde design kan muligvis bare blive morgendagens reddende nåde.

Find en partner

En god ting ved et designdok er, at det bliver et sted, hvor du nemt kan indsamle feedback om dine design. Holdkammerater kan efterlade spørgsmål (og komplimenter!) Ved hjælp af inline kommentarer.

Men hvis du nogensinde har samlet kommentarer i et dokument, ved du, at feedback kan være både en velsignelse og en forbandelse. På et tidspunkt skal du dele dine designs med en større gruppe, og ikke alle vil se øje til øje.

I disse situationer anbefaler Wes O’Haire først at finde en partner. Før du deler dit dokument med en større gruppe, skal du først dele det med en person i den gruppe. Gå denne person gennem dit dokument for at sikre, at alt giver mening. På den måde, når du er klar til at dele den med den større gruppe til godkendelse, har du allerede en person på din side.

Få en person til at gennemse dit dokument før alle andre

Takket være Wes ved jeg nu, at den måde, du deler dit dokument på, kan være lige så vigtig som indholdet deri.

Hvordan laver du dokumentation?

Efter at have chattet med disse otte designere, lærte jeg, at der ikke er nogen enkelt måde at udføre designdokumentation på. Hver designer har deres egen proces, men vi kan alle lære et trick eller to af hinanden.

Nu hvor du har set nogle af de teknikker, vi bruger, vil vi også meget gerne høre om dine tricks i handelen. Du er velkommen til at efterlade en kommentar nedenfor, hvis du nogensinde har lyst til at dele tip til dokumentation. Vi er altid ivrige efter at lære noget nyt.

Og hvis du er interesseret i at forbinde med de ovenfor nævnte designere, kan du finde dem her:

  • Emily Miller
  • Sheta Chatterjee
  • Sara Lin
  • Laura Barbera
  • Ryhan Hassan
  • Melissa Mandelbaum
  • Kyle Decker
  • Wes O’Haire

Vil du have mere fra Dropbox Design-teamet? Følg vores publikation, Twitter og Dribbble. Vil du lave magi sammen? Vi ansætter!