Hvorfor vi byggede et designværktøj til tekstforfattere

En introduktion til Kopie

Tidligere i år delte en designer et Google-dokument med mig. Det havde snesevis af skærmbilleder i alle forskellige størrelser. Det var ikke første gang, han delte et dokument fuldt af skærmbilleder til en funktion, vi byggede, men denne gang tænkte jeg: 'Hvilken bagudvendt måde at skrive kopi er dette?'.

Som den eneste engelsksprogede engelsktalende på vores team (også produktdirektøren) fik jeg til opgave at copywriting. Jeg skrev kopien til hver nye funktion, som vi designet.

Jeg var ikke en rigtig tekstforfatter. Jeg havde ingen erfaring til at hjælpe mig med at bedømme den rigtige eller forkerte måde at gøre ting på - jeg gik bare sammen med det. Jeg gik sammen med kommentarer fra Google doc, InVision-kommentarerne og regnearkstabellerne. Jeg fulgte med alle feedback fra designere: 'andre steder siger vi det sådan her ...', 'Jeg tilføjer ikke en advarsel!', 'Det er alt for kort - kan du skrive en anden linje?'. Jeg gik sammen med hele whack-processen.

Denne 'proces' var smertefuld for designere og forfattere, og det skadede slutresultatet: et produkt eller et websted.

Så jeg begyndte at være mere opmærksom på den måde, mit team arbejdede i håb om, at jeg kunne finde en bedre måde at gøre copywriting til web- og produktdesign (og undgå at håndtere annoterede skærmbilleder nogensinde igen).

Den forkerte side

Før jeg kunne føle mig godt tilpas med kopi, havde jeg skrevet, havde jeg brug for at se det i det egentlige design. Der er en enorm visuel komponent til at skrive til web- og produktdesign - en kasse med almindelig tekst klipper den ikke. At gøre tekstforfatter med kommentarer eller kommentarer i et Google-dokument føltes helt løsrevet. Det fik skrivning til at føle sig perifer.

Da designeren ændrede farven på en UI-komponent i Sketch, så han straks, hvilken indflydelse det havde på resten af ​​designet. Mens jeg ikke vidste, hvordan kopien så ud og læste, før nogen anden havde føjet den til designet - det var som at skrive blind.

Jeg talte med designere og forfattere hos andre virksomheder og agenturer. Det virket som ordtællinger, linjeskift og tekststørrelser skabte langt mere besvær, end de burde. Frakoblingen mellem det, der blev skrevet, og hvordan skrivningen så ud som en del af designet betød spild af tid og dårlige resultater.

At finde en måde for forfattere at være mere opmærksom på den visuelle indvirkning på deres kopi var det mest åbenlyse område til forbedring.

Ude af synkronisering

At designere og forfattere ikke deler det samme værktøjssæt, skaber en enorm barriere for de to discipliner for at arbejde godt sammen. Den lineære karakter af design- og copywritingprocessen er en åbenlys bivirkning - 'Jeg gør min del i mit værktøj, så gør du din del i dit værktøj'.

De fleste produktdesign begynder med kortlagte brugerstrømme, der er beskrevet skriftligt - ingen brugergrænseflade, kun ord og pile. På dette trin i processen så jeg, at det var let for designere og forfattere at få en fælles forståelse af, hvad de ønskede, at designet skulle gøre. Dette skyldtes de værktøjer, de delte: en tavle, Post-It-noter, penne og papir. Efterhånden som designet blev højere tro og ændringer blev gjort, blev det meget sværere for designere og forfattere at beholde den fælles forståelse - forfattere fik tilbage. Når en brugergrænsefladekomponent blev ændret som et resultat af brugerfeedback, var der ofte ikke nogen overvejelse om, hvorvidt kopien også skulle. Og når der var? Det betød at udveksle skærmbilleder til kopiuddrag over Slack.

Processen var nødvendig for at garantere, at designets intention blev delt af begge parter - fra mockup til produktion til iteration.

Ingen win-win?

Sammen med alle de værktøjer, designere har til rådighed, er arbejdsgange designteams utroligt raffinerede, og designsystemer er næsten allestedsnærværende. Hvert aspekt af, hvad en designer bidrager med, har en slags værktøj, der understøtter det. Det er et imponerende økosystem.

Men når tekstforfattere blev mere involveret, betød det normalt at bruge penge på flere licenser til designværktøjer - hvor disse licenser blev underbrugt. Det betød at forstyrre designarbejdsgange med opgaver som at komponere skærmbilleder eller kopiere og indsætte tekst. Det betød også, at designere ventede på, at kopien skulle leveres (hvor alternativet tilføjede lorem ipsum, når de selv skrev det blev en opgave). Forbedring af skrivning syntes at have den modsatte effekt på design.

Hvis tekstforfatterne ville blive bedre, skulle design ikke lide.

En løsning?

Efter at have levet problemet i flere måneder, hørt vores kollegers frustrationer og plukket fra vores design og copywriting arbejdsgange, mine venner og jeg begyndte at arbejde på en løsning; en der fokuserer på følgende:

  • Kopi skal se godt ud og læse godt. Det faktiske design skal være forfatterens side, og brugergrænsefladeelementer skal svare til forfatterens input.
  • Alle skal være synkroniserede hele tiden. Når et design ændres, skal det være let at opdatere kopien, få den gennemgået og få den godkendt.
  • Forbedre skrivning, forbedre design. Forfattere skal blive en integreret del af designprocessen uden at ændre designprocessen.

Mød Kopie

Denne løsning blev Kopie, et værktøj, der lader forfattere føje kopi til design direkte fra en webbrowser.

Med Kopie:

  • Designere kan synkronisere deres Sketch-filer til skyen, og forfattere kan tilføje kopi, der synkroniseres tilbage til Sketch.
  • Forfattere kan se nøjagtigt, hvordan designet reagerer på deres kopi.
  • Forfattere og designere kan give hinanden feedback på deres ændringer og bede om godkendelse fra interessenter eller ledere.
  • Designere kan få rigtig kopi, så snart de første mockups er klar, uden at forstyrre deres arbejdsgang.
En lynhurtig forhåndsvisning af Kopie.

Vi ønsker, at Kopie skal være det værktøj, der får copywriting til at blive mere som design. Det er en fantastisk kopi, der charmerer besøgende, repræsenterer et brandets stemme og vejledende diskret brugere fra A til B - og der skal være mere af det i designprocessen.

Det er super tidlige dage for Kopie, men vi har store planer om at ændre den måde, kopi skrives til web- og produktdesign.

Vi kører et privat betaprogram i de næste par måneder for at samle feedback og sikre os, at vi er i den rigtige retning. Du kan tilmelde dig den voksende venteliste her eller holde øje med, hvad vi har op til herover.