Sådan byggede og sendte en designer en iOS-app på 6 måneder

Der er en konstant debat om, hvorvidt designere skal lære at kode. Selvom jeg er glad for at tale om det i længden, synes jeg det er nyttigt at se på det fra et andet perspektiv.

Hvad prøver du at opnå? Forsøger du at få et job, opbygge dit CV, bryde ind i et nyt designområde, kommunikere bedre med devs? At lære at kode afhænger virkelig af, hvad du vil udrette.

I mit tilfælde ønskede jeg at sende et produkt.

En lille baghistorie

I 2015 arbejdede jeg på den første version af Sofa sammen med to venner. Jeg var designer, den ene var iOS-dev og den anden webdev. Vi arbejdede og arbejder stadig meget godt sammen.

Sofa 1.0

På dette tidspunkt behøvede jeg ikke at vide, hvordan jeg koder. Så længe jeg kunne kommunikere designet, var det godt nok. Vi sendte version 1.0 efter cirka et års udvikling og betatest.

Så kom livet i vejen. Dette var et sideprojekt for os alle, og vi havde stadig fuldtidsjob. De to devs blev ekstremt travlt og kunne ikke arbejde på sofaen med samme kapacitet. Appen sad der og blev ikke opdateret, og det var smertefuldt for mig. Jeg havde masser af ideer baseret på brugerfeedback til implementering, men var magtesløs til at gøre det. Dette var en stor driver for mig at lære at kode.

Start med Framer

Som de fleste designere havde jeg dybt i HTML, CSS og et lille Javascript. Først da jeg brugte Framer, begyndte jeg virkelig at forstå de grundlæggende.

Dette er ikke min prototype, bare et skærmbillede

Framer er sådan et fantastisk værktøj for designere at lære at kode. At kunne se resultaterne af din kode live hjalp med til at lære mig, hvad der faktisk skete. Framer lærte mig grundlæggende ting som variabler, for-loops og funktioner. Intet dekorativt, men helt nødvendigt.

Derfra dablede jeg lidt mere i Javascript, men mit hjerte var altid i indbyggede iOS-apps.

Gå videre til Swift

Jeg havde forsøgt at lære iOS i de tidlige dage, men Objekt-C var svært for mig at fordøje. Da Swift blev annonceret, tænkte jeg straks ”Hej, jeg kunne muligvis lære det.” Jeg var ikke sikker, men det gav mig en smule selvtillid.

Dette er den hårde del. Der er mange ressourcer til at lære iOS-udvikling, men de fleste er ret forfærdelige. Lærerne tager for mange antagelser om, hvad eleven allerede ved. Dette gælder selv for kurser designet til begyndere. De fortæller dig, hvordan du gør "X", men fortæller dig aldrig, at du også skal gøre "A, B & C". Det ender med at blive utroligt forvirrende, skræmmende og demoraliserende.

Den eneste bedste ressource, jeg har brugt til at komme i gang med at lære iOS-udvikling, var fra Meng To. Hans Design + Code-kursus er absolut guld. Han er en designer, der ved, hvordan man kommunikerer med andre designere. Dette er virkelig vigtigt, og en af ​​de vigtigste grunde til, at jeg synes, at andre indlæringskilder ikke er så gode. Du har udviklere, der underviser i ikke-udviklere. De glemmer, hvordan det var at lære i starten. Meng løser alt dette for designere.

Design + kodewebsted

Design + kode lærte mig, hvordan man sender data frem og tilbage mellem visninger, ændrer design af appen med kode og bruger Storyboards. Igen, andre kurser gør dette, men de forklarer det ikke godt for designere.

Dette kursus lærte mig de grundlæggende elementer i iOS-udvikling. Derfra var jeg i stand til at udforske og opbygge et par prototyper. Den ene var en tidlig Sofa 2-prototype, og den anden var et samarbejdende tavle til iPads. Jeg var aldrig færdig med nogen af ​​dem, men lærte et ton i processen.

Bygning og forsendelse Sofa 2.0 på 6 måneder

I sommeren 2017 kom jeg til det punkt, hvor jeg ikke kunne vente længere med at flytte Sofa fremad. Mine holdkammerater lade ikke lade op, og det kunne gå endnu et år, indtil de kunne bidrage igen. Det var da jeg besluttede at bygge 2.0 selv.

Da jeg begyndte vidste jeg ikke nøjagtigt, hvordan jeg skulle gøre det, men jeg dykkede ind og kom i gang. Jeg vidste nok af det grundlæggende til at komme i gang.

De første par forpligtelser til Sofa 2.0

Mens jeg byggede, hvor jeg brugte to ressourcer konstant: Stack Overflow og YouTube. Ja, YouTube. Når du lærer noget nyt, er det ikke altid nok at læse om det. Det er utroligt nyttigt at se nogen løse det problem, du har. Det er her YouTube skinner. Jeg indtastede hvad jeg forsøgte at regne og begyndte at se på. Der er et par YouTube-konti, der konsekvent lærte mig, hvordan man gør ting:

  • Mark Moeykens
  • Brian Advent
  • Lad os bygge den app
  • Sean Allen

Jeg er evigt taknemmelig for disse mennesker for at have lagt frem stort indhold, der var let at forstå.

Sofa 2.0 build. Jeg kunne aldrig få greenen til at arbejde.

Fra juli til september arbejdede jeg på at få den grundlæggende oplevelse af, at appen fungerer. Så fra september til december havde jeg betatestere til at hjælpe med at teste antagelser og forfine oplevelsen.

Med hver uge der gik, fik jeg mere selvtillid. Der var et par vanskelige problemer at finde ud af, og et par ting, jeg var bange for, ligesom Core Data, men samlet set endte det med at være ret ligetil.

Jeg endte med at lancere Sofa 2.0 den 6. december 2017. Teknisk set lidt mindre end 6 måneder, men jeg var alligevel aldrig god til matematik. Det er svært at beskrive følelsen af ​​at arbejde på noget i lang tid og derefter dele det med verden. Det er skræmmende, spændende, ydmygende og mest alt sammen ... sjovt!

I løbet af denne periode støttede min gode ven og Sofa-teamkammerat, Oliver Pfeffer der. Han skrev den originale Sofa-app og er den bedste udvikler / teamkammerat, jeg nogensinde har arbejdet med. Da jeg fortalte ham, at jeg skulle bygge version 2 selv, støttede han straks. Han pegede mig altid i den rigtige retning, da jeg sad fast, uden at give mig svaret. Han lod mig finde ud af ting på egen hånd, så jeg kunne lære. Mod slutningen foretog han en kodegennemgang (jeg har meget refactoring at gøre ) og skrev et lille bibliotek for at rydde bogdataene fra Google Bøger. Han tror måske ikke det, men han var stærkt indflydelsesrig i processen med at bygge 2.0.

Leveret version af Sofa 2.0

Jeg gjorde ikke dette alene

Jeg er meget opmærksom på, at jeg ikke gjorde og ikke kunne gøre noget af dette alene. Framer lærte mig det grundlæggende ved kodning, Meng To lærte mig det grundlæggende i iOS-udvikling, og Stack Overflow, YouTube og Oli lærte mig dybere dele af iOS.

Det er ikke kun de mennesker, der lærte mig kode, det er også de mennesker, der støtter mig hver dag. Min kone, familie, venner, kolleger, chefer osv. Jeg er meget heldig at være omgivet af mennesker, der holder af mig og støtter mine kløende lidenskaber. Det er noget, jeg aldrig glemmer.

Du kan også gøre dette

Dette er ikke kun for designere, men for alle. Hvis du har et mål, du kører mod, men i øjeblikket mangler færdigheder, skal du ikke bekymre dig. At lære nye ting i dag er lettere end på noget andet tidspunkt i historien. Alt hvad du skal gøre er at lægge tiden ind. Det kan ikke tage så lang tid eller være så hård som du tror

Hvis du er interesseret i at se frugterne af min arbejde, kan du downloade Sofa fra App Store 🛋. Du er velkommen til at kontakte mig på Twitter med spørgsmål eller kommentarer.