Articles

sådan designer du en app: the ultimate guide

vidste du, at den gennemsnitlige person i USA bruger cirka 5 timer limet til deres smarte enheder? Uanset om det er Beskeder, udstationering af fotografier eller spil—den nuværende digitale tidsalder, vi lever i, har folk konstant brug af apps.

med massiv popularitet kommer massiv konkurrence, og mens konkurrence er en god ting (det holder os på tæerne og gør alt det lidt bedre), kan det være en skræmmende, men givende venture at komme ind i en verden, hvor apps vokser på træer.

Hvis du har besluttet at opbygge en app, er det at komme med noget, der adskiller dig fra konkurrencen, integreret i din succes og kan være forskellen mellem at skille sig ud og blot sammensætte numrene. At noget er en fantastisk app design.

smukke grænseflader, slående enkelhed og nem navigation er 3 af de mest fremtrædende træk i en fantastisk app. Du vil have folk til at fortælle deres venner om din app, forstå dens formål, har en nem tid at navigere gennem det, og sikre, at det er noget, de holder kommer tilbage til.

men hvordan skaber du et godt appdesign?

vores ultimative guide til appdesign er her for at hjælpe, og vi leder dig gennem processen med, hvordan du designer en app, der helt sikkert vil være en vinder:

  • Kom godt i gang
    • sæt målet for din app
    • lav en plan
    • Undersøg din niche og konkurrenter
  • Design og udvikling
    • Opret en trådramme
    • få din app designet
      • muligheder for at få din app designet
      • app design tips: Hvad skal man passe på under appdesignprocessen
    • Saml feedback på dit design
    • få din app udviklet
  • test og start
    • Test din app med en fokusgruppe
    • Start en betaversion
    • start din app

Kom godt i gang—

Indstil målet for din app

bills iOS Application
design af googa

før du kører for det tastatur, er pen og papir et godt sted at starte. Prøv at tænke over, hvorfor du designer en app, og hvad du planlægger at opnå.

Sæt din tænkning cap på og notere svarene på følgende spørgsmål:

  1. hvad er det underliggende mål for din app? Hvad vil du have det til at gøre?
  2. Hvordan vil du gøre din app appel til brugerne?
  3. hvad vil du gøre? Hvad er det problem, du vil hjælpe folk med at løse med din app?
  4. hvorfor vil folk bruge din app i stedet for en af dine konkurrenter? Hvordan adskiller det sig?

det er ikke kun appdesign, hvor målsætning er vigtig, det er en livslektion! At sætte klare mål for din app og skrive dem ned giver dig en henvisning til at vende tilbage til gennem hele processen. Hvis du nogensinde glemmer svaret på et af disse spørgsmål, at have dem skrevet ned vil være en god reference til at holde dig på rette spor og på kurs for app verdensherredømme.

lav en plan

vent! Gå ikke ud til computeren endnu, du er ikke færdig med blyant og papir.

Form en visuel repræsentation af svarene på dine målindstillingsspørgsmål og få dem ned på papir. Billede via skillapp.it.

tænk på svarene på dine spørgsmål i det første trin. Tag nu disse oplysninger og skitsere en oversigt over dit projektomfang. I løbet af denne fase kan du dykke lidt dybere ned i, hvordan din app vil tjene penge (annoncer, køb i appen osv.), hvad du har brug for din app til at gøre og skitsere en sti, hvor du vil tage dine ideer, og hvordan du får dem til at arbejde i din app.

tænk på dette trin som at tegne et synligt køreplan over din app, hvad dens funktioner er, hvem den er til, og en mini trin-for-trin guide til, hvordan du kan få den der.

Undersøg din niche og konkurrenter

Ja, ja, du kan lægge din pen ned nu og vende dig til internettet.

Kontofeed design
Undersøg dit marked for bedre at forstå de problemer, folk står over for, og hvordan din app kan løse dem. Design af FaTiH.

forskning er et integreret trin i processen med appdesign. Det er vigtigt at forstå nichemarkedet i din app og få en ide om, hvad du er imod. Appverdenen er en ekstremt forskelligartet og konkurrencedygtig arena, så du vil helt sikkert sørge for, at din enestående ide er netop det.

lad dig ikke skræmme af det, du ser derude. Bare fordi der er mange apps, der ligner det, du går efter, betyder det ikke, at din ikke vil være den, der trumfer dem alle. At undersøge dine konkurrenter viser dig, hvad der mangler i deres apps, og giver dig bedre ideer til, hvad du skal indarbejde i dine egne.

prøv at være opmærksom på anmeldelser—Hvad synes brugerne i øjeblikket om de apps, der allerede er derude? Hvad kan de ikke lide, og hvordan kunne du løse dette problem? I løbet af dette trin kan du også henvise til dine skrevne og skitserede noter, ændre hvad du har nede og yderligere få en ide om, hvordan du kommer videre.

Design og udvikling af din app

Opret en trådramme til din app

din trådramme er et udkast til din apps visuelle arkitektur. Du tager dine mål og visuelle skitser et skridt videre og opretter en grundlæggende “plan” for, hvordan din app skal se ud, og hvordan den skal fungere. Du kan gøre dette meget enkelt på papir først, men digitale trådrammer gør tingene lettere, især når dine trådrammer bliver mere komplekse og detaljerede.

hvordan gør du det? Din trådramme er chancen for at tage din vision og sætte den ind i rammerne af en mobil skærm. Bare rolig, du behøver ikke foretage nogen specifikke designvalg endnu. Dette trin handler om at komme med arbejdsgangene og den overordnede struktur i din app.

Aksure iOS flad trådramme skabelon
din trådramme tager dine skitserede ideer og giver dem en digital makeover—et skridt tættere på at have en ide om, hvordan din app vil se ud i dine brugeres hænder. Billede via UI Land.

de foregående trin hjalp med at give dig en ide om, hvad du vil have din app til at gøre. Din trådramme er en mere detaljeret og specifik oversigt over, hvordan tingene skal fungere, og hvilke sider og funktioner der er behov for.

der er en overflod af nemme at bruge trådrammer værktøjer derude, som du kan bruge til at oprette dine trådrammer. Se, hvilken der fungerer bedst for dig, og begynd at bringe dit appdesign til live.

Her er et par trådrammer, du kan bruge:

  • Aksur
  • pidoco
  • iplot
Uber app trådramme
et eksempel på en trådramme til Uber app. Billede via Sketch App kilder.

Når du har lagt din trådramme ud, har du et godt overblik over, hvilke sider du har brug for, og hvordan din app skal fungere.hvis du vil teste, om dine trådrammer er solide, kan du oprette en klikmodel ved hjælp af et værktøj som Invision. Dette giver dig mulighed for at klikke gennem de skærme, du har planlagt, og hjælper dig med at teste, om den navigation, du har konfigureret, giver mening.

Vis dine trådrammer til dine kolleger og venner, og indsaml deres feedback om strukturen og navigationen i din app. Se om dine testere finder det intuitivt, og om alle skærme og elementer giver mening for dem.

Hvis du finder nogen snags i din navigation eller vil omarrangere skærme og layout, kan du blot justere dine trådrammer og teste igen. Fortsæt frem og tilbage, indtil du er tilfreds med dine trådrammer.

få din app designet

farverige minimal app design
App design af Nashrulmalik

nu er det tid til at tænke over den faktiske app design af Nashrulmalik

design af din app og skabe flotte, realistiske mockups. Dette er et super vigtigt skridt, fordi det er det, der vil efterlade et permanent indtryk på dine brugere, så skynd dig ikke eller skimp, når det kommer til dit appdesign. En stor leder, professionel, smukt design er, hvad der kan gøre din app en rasende succes.

hvilke farver, skrifttyper og designelementer du skal bruge er en stor beslutning, så vi snakker mere om dette i afsnittet designtips nedenfor.

når det kommer til at beslutte, hvordan du får din app designet, har du flere forskellige muligheder. Du kan overveje at designe din app selv, men medmindre du er en grafisk designer, vil vi ikke anbefale det. Bedre at stole på en professionel for at være sikker på, at du får et godt resultat.

Arbejd direkte med en designer

Hvis du allerede har en vision om, hvordan din app skal se ud, og du ved, hvad du vil og har brug for, er den nemmeste måde at arbejde med en designer 1-til-1. Du kan enten ansætte en lokal freelancer eller—hvis du ikke har nogen forbindelser til designere endnu—se på forskellige designerporteføljer online.

99designs designer søgeværktøj
Gennemse designere med 99designs’ Designer søgeværktøj

sørg for at se på en designers tidligere arbejde med din vision i tankerne for at finde det perfekte match i en designers betingelser for dygtighed og stil.

Kør en appdesignkonkurrence

99designs app design brief
Start en konkurrence ved at udfylde en kort og lade designere vide, hvad du har brug for.

Hvis du er usikker på, hvilket look du vil have til din app, og du leder efter forslag, er en god mulighed at køre en appdesignkonkurrence.

du skriver en kort og designere fra hele verden læse det og sende dig deres ideer til din app. Du kan give feedback for at forfine designene og i sidste ende vælge din favorit som vinder.

brug en app builder

en anden metode til design er at bruge en app builder. Ligesom en internetbygger giver appbyggere dig mulighed for at spare lidt penge sammenlignet med at ansætte en fuld designer, men du bliver nødt til at være mere praktisk, og der vil være begrænsninger for, hvad du kan gøre. Husk, hvis du vil have komplekst design og har specifikke behov, kan dette være ude af dybden for en bygherre.

ansæt et bureau

dit endelige valg er den komplette pakke, hvor du kan læne dig tilbage og lade en anden tage sig af alt: ansæt et bureau til at opbygge din app fra bunden—inklusive designet. Dette er et godt valg, hvis dit projekt er virkelig komplekst og har brug for en masse ekspertise inden for forskellige områder. Gør en indsats for at nå ud til nogle af dem og få tilbud og ideer for at se, om de passer godt til det, du vil have gjort. Dette vil uden tvivl være din dyreste mulighed, men hvis du vil have tingene gjort på en bestemt måde og have ressourcerne til at få det til at ske, er det en hård mulighed at slå.

uanset hvilken indstilling du vælger, skal du sørge for at give feedback og holde øje med, om designet faktisk passer til dit brand og kommunikerer stilen og se dig, hvor du går fra starten. Gå ikke glip af de mål, du satte i starten, og reflekter over, om det endelige design virkelig siger, hvad du vil have det til at sige.

App design tips: Hvad man skal passe på under app designprocessen

Her er nogle vigtige tips til at huske på, når det kommer til at designe din app:

gør det nemt at navigere:

en fantastisk app er intet uden Nem navigation, så design med dette i tankerne for at sikre en problemfri og fornøjelig oplevelse for dine brugere.

Android app designs
når du designer til Android, skal du gøre navigationsskuffen let at finde for at give en problemfri oplevelse for dine brugere. Billede via Visek.

sørg for, at navigationsskuffen eller fanebladet er tydeligt synlig for brugeren. En bruger kan ikke navigere i din app, hvis de ikke aner, hvordan man gør det, så hold tingene synlige for at sikre, at de ved, hvor de skal hen. Husk at holde fast i et layout, der er kendt for dine brugere, så de intuitivt ved, hvordan man navigerer gennem din app.

et andet vigtigt tip: gør det fingervenligt. Hvis knapper og links er for små til, at folk kan klikke på med fingrene, har de svært ved at navigere gennem din app.

design for enkelhed:

hold tingene minimale for et moderne look og gør generøs brug af mellemrum. Det giver dine brugere mulighed for at fokusere på det, der betyder mest. Igen kan brug af velkendte symboler og sætninger hjælpe med at holde det enkelt og nemt at bruge.

design for enkelhed betyder design med det mål at gøre brugeroplevelsen så behagelig og let som muligt. For meget information præsenteret på skærmen på en gang eller simpelthen for meget foregår, og din bruger vil sandsynligvis blive overvældet og opgive appen.

Suncorp Bank app design
Design af Sasha Radojevic.

Vælg farver og skrifttyper opmærksomt:

farvepsykologi har en enorm indflydelse, så undervurder ikke deres virkning. På samme måde vil dit valg af skrifttyper påvirke udseendet og følelsen af din app. Sørg for at tænke på de skjulte betydninger, som disse designelementer kommunikerer, og vælg dem omhyggeligt. Husk også: du vil ikke blande for mange forskellige farver og skrifttyper for et ensartet og professionelt udseende.

Hvis du har retningslinjer for brand med specifikke farver og skrifttyper, skal du sørge for at holde fast i dem i dit appdesign, så din app bliver en problemfri udvidelse af dit brand.

tænk på visuelt hierarki og vægt:

visuel vægt er størrelsen og virkningen af forskellige elementer på skærmen sammenlignet med andre. Brug visuel vægt for at sikre, at de vigtigste aspekter af dit design skiller sig ud.

et klart visuelt hierarki hjælper dine brugere med orientering, så sørg for, at det hierarki, du opretter for sider og undersider samt overskrifter og underoverskrifter, altid er konsistent.

vær konsekvent:

Silicon Valley Banking startup app design
design for konsistens i din app gør det let genkendeligt og holder det ser slank. Design af osonestyle.

Her er sagen med farver og skrifttyper og alle de andre designelementer: de kan kun være effektive og efterlade en positiv branding effekt, hvis du er konsekvent. Dette gælder også for anden grafik, navigation og dit indhold.

din app skal have visuel konsistens (designelementer som farver, knapper og etiketter), funktionel konsistens (din app skal fungere på samme måde gennem alle elementer) og ekstern konsistens (alle andre forretninger som hjemmeside, søsterapps skal ligne din nye app).

at være konsekvent i hele din app får dig til at se professionel ud, og du giver bedre dine brugere mulighed for at udvikle et forhold til din app og dit brand.

Saml feedback på dit design

nu hvor du har billed-perfekte mockups, er det tid til at ringe til dine venner, familie og endda fjender (hvis du har nogen) og teste designet af din app. En gengivet click-through model vil gøre det nemt og vil give dine testere en reel fornemmelse af, hvad den app vil være ligesom.

det er vigtigt at bemærke, at dette ikke er din færdige app, og der vil være mere test senere. Dette er i det væsentlige en test af layout, navigation, udseende, mens funktionalitet kommer senere.

rejseplan detaljer app
vær ikke bange for at toppe over skuldrene på dine samplere, mens de navigerer i din app. Dette giver dig mulighed for at se, hvor let de navigerer i din app, eller hvor de holdes tilbage. Design af .

jo flere mennesker du får til at prøve dit appdesign, jo mere feedback Har du, og dermed en bedre ide om, hvad der fungerer godt, og hvad der skal forbedres. Konstruktiv kritik vil være din ven her, så vær ikke bange for at grave lidt dybere med dine samplere og finde ud af, hvad de synes. Er det for overfyldt? For intetsigende? Noter eventuelle kommentarer, som dine testere måtte have.

Hvis du har en gengivet klikmodel, skal du kigge over skulderen på dine samplere (men sørg for, at din ånde er god og frisk først). Dette hjælper med at vise dig, hvordan de navigerer i din app og giver dig et synspunkt forbrugeroplevelse.

når du har fået al den feedback, du har brug for, og har en god forståelse af, hvad der fungerer for dig, og hvad der kræver forbedring, kan du gå tilbage og bede din designer om at foretage de nødvendige justeringer.

få din app udviklet

nu er det tid til at aflevere dit design til din udvikler eller udviklingsteam. De vil kode den funktionelle side af din app og sørge for, at den rent faktisk gør, hvad den skal gøre. Mest sandsynligt vil de gå frem og tilbage med dig og din designer for at justere designet for at få alt til at fungere problemfrit og finde ud af eventuelle problemer, de støder på under udviklingsprocessen.

og voil Kristian, du har nu en funktionel app! Se tilbage på målet med din app, du besluttede dig for, da det hele startede. Har du løst et fælles problem, bragt glæde til folk med en sjov skabelse eller forenklet folks liv på en eller anden måde? Chancerne er, at du sandsynligvis har, og du har virkelig spikret det med dit stjernedesign.

test og lancering

Test din app med en fokusgruppe

dage indtil app design
Ring i samplerne igen! Vær åben for konstruktiv kritik, så du kan foretage de endelige justeringer af din app. Design af Deniel Lalla

nu har vi en fuldt fungerende app, der skal testes, så du vil sikre dig, at det er nøjagtigt det, før du indstiller det til frigivelse. På dette tidspunkt skal alle aspekter af appen fungere korrekt og visuelt tiltalende.

Husk de glade hjælpere, der hjalp dig med at teste dine mockups tidligere? Ring til dem igen. Gør dem til din fokusgruppe, og lad dem have total frihed med din app.

prøv at få al den endelige feedback, du kan, før du beslutter dig for dit endelige resultat. Hvis du arbejder med en designer og udvikler, skal du tage den konstruktive kritik, du har, og sætte dem i gang med at foretage de endelige justeringer af det færdige produkt.

Start en betaversion

betatest betyder at starte en betaversion af din app og gøre den tilgængelig for tidlige adoptere i lille skala. På denne måde kan du se, hvordan din app kører i et live miljø og kontrollere, hvordan brugerne reagerer på den.

TestFlight design
TestFlight er et IOS-specifikt program til kontrol af Beta-test af apps. Den endelige feedback, du samler her, giver dig mulighed for at anvende sidste hånd på din app. Billede via Sensortårn.

lad dine brugere vide, at du vil sætte pris på deres feedback, og brug den til at justere ting baseret på hvad du ser og de kommentarer, du modtager.

når du har fået den feedback, du har brug for, og en klar analyse af, hvordan din app ser ud og fungerer i et levende miljø, vises målstregen, og du er klar til at afsløre dit mesterværk for verden.

start din app

endelig lyset for enden af tunnelen! Du har planlagt, testet, designet og testet noget mere, og din app er klar til at ramme hylderne.

Pilly app design
App design af Ljuba97

Android kræver ikke gennemgang, før du starter din app. Det betyder, at du blot nødt til at uploade din app fil på Google Play Butik (som med din beta) og folk kan begynde med det samme at hente din app. IOS er lidt anderledes, fordi de vil gennemgå din app, før den kan gå live. Bare rolig, hvis du har fulgt vores ultimative guide og har gjort alt korrekt, skal du ikke have noget problem med at få det grønne lys.

nu hvor din app er tilgængelig for masserne, skal du ikke stoppe der. Bliv ved med at forbedre og opdatere din app regelmæssigt for at give dine brugere den bedste oplevelse.

undervurder heller ikke vigtigheden af det næste trin—markedsføring. Markedsføring af din app effektivt hjælper med at få din app derude og på dine brugeres telefoner. For at kigge på nogle intuitive ideer til, hvordan du markedsfører din nye mobilapp, skal du tjekke denne nyttige artikel.

er du klar til at tage app verden med storm?-

Apps er et så dominerende aspekt af nutidens erhvervsliv, og nu er du klar til at oprette og designe en app, der virkelig kan dreje hoveder.

App-designprocessen kan virke kompleks, men hvis du følger denne vejledning og opdeler den i små håndterbare trin, bliver det meget lettere.

så hvad venter du på? Sæt din design hat på og gør den fantastiske app ide om din til virkelighed.

Leder du efter en fantastisk app design?
her finder du appdesignere, der er perfekte til dit projekt.