Articles

Hvordan designe en app: the ultimate guide

visste du at den gjennomsnittlige personen i USA bruker omtrent 5 timer limt til sine smarte enheter? Enten det er meldinger, legge ut bilder eller gaming—den nåværende digitale tidsalder vi lever i har folk stadig bruker apps.med massiv popularitet kommer massiv konkurranse, og mens konkurranse er en god ting (det holder oss på tærne og gjør alt litt bedre), kan det være en skremmende, men givende venture å komme inn i en verden der apper vokser på trær.

hvis du har bestemt deg for å bygge en app, kommer opp med noe som skiller deg ut fra konkurrentene er integrert i din suksess, og kan være forskjellen mellom å stå ut og bare gjøre opp tallene. At noe er en fantastisk app design.Vakre grensesnitt, slående enkelhet og enkel navigering er 3 av de mest fremtredende egenskapene i en flott app. Du vil at folk skal fortelle vennene sine om appen din, forstå dens formål, ha en enkel tid å navigere gjennom den, og sørg for at det er noe de stadig kommer tilbake til.

men hvordan lager du et flott appdesign?Vår ultimate guide til app design er her for å hjelpe, og vi vil lede deg gjennom prosessen med å designe en app som er sikker på å bli en vinner:

  • Komme i gang
    • Sett målet med din app
    • Lag en plan
    • Forskning din nisje og konkurrenter
  • Design og utvikling
    • Lag en wireframe
    • Få din app designet
    • Alternativer For å få din app designet
    • App design tips: Hva du skal se etter i løpet av app designprosessen
  • Samle tilbakemelding på design
  • Få din app utviklet
  • Testing og launch
  • Test din app med en fokusgruppe
  • Start en betaversjon
  • Start din app
  • Komme i gang—

    Sett målet med app

    regninger ios søknad
    Design av googa

    før du kjører for at tastaturet, penn og papir er Et Godt sted å starte. Prøv å tenke på hvorfor du designer en app og hva du setter ut for å oppnå.

    Sett tenkehetten på og skriv ned svarene på følgende spørsmål:

    1. Hva er det underliggende målet med appen din? Hva vil du at den skal gjøre?
    2. Hvordan vil du gjøre din app appellere til brukere?
    3. Hva skal du gjøre ? Hva er problemet du vil hjelpe folk med å løse med appen din?
    4. Hvorfor skulle folk ønsker å bruke app i stedet for en av dine konkurrenter? Hvordan skiller den seg ut?

    Det er ikke bare app design der målsetting er viktig, det er et liv leksjon! Sette klare mål for din app og skrive dem ned vil gi deg en referanse til å komme tilbake til gjennom hele prosessen. Hvis du noen gang glemmer svaret på ett av disse spørsmålene, ha dem noterte ned vil være en stor referanse for å holde deg på sporet og på kurs for app verdensherredømme.

    Lag en plan

    Vent! Ikke gå nå for datamaskinen ennå, du er ikke ferdig med blyant og papir.

    Danner en visuell representasjon av svarene på dine målsettingsspørsmål og få dem ned på papir. Bilde via skillapp.it.

    Tenk på svarene på dine spørsmål i første trinn. Ta nå denne informasjonen og skissere en oversikt over prosjektets omfang. I løpet av dette stadiet kan du dykke litt dypere inn i hvordan appen din skal tjene penger (annonser, kjøp i app osv.), hva du trenger appen din til å gjøre og skissere en sti hvor du vil ta ideene dine, og hvordan du får dem til å fungere i appen din.Tenk på dette stadiet som å tegne et synlig veikart over appen din, hva dens funksjoner er, hvem den er for, og en mini trinnvis veiledning om hvordan du kan få det dit.

    Forskning din nisje og konkurrenter

    Ja, ja, du kan sette pennen ned nå og slå til world wide web.

    AccountFeed web design
    Forskning markedet for å bedre forstå problemene folk står overfor og hvordan din app kan løse dem. Designet Av FaTiH.

    Forskning er et integrert trinn i prosessen med appdesign. Det er viktig å forstå nisjemarkedet til appen din, og for å få en ide om hva du står overfor. App world er en ekstremt variert og konkurransedyktig arena, så du vil definitivt sørge for at din enestående ide er akkurat det.

    Ikke bli skremt av det du ser der ute. Bare fordi det er mange apps som ligner på hva du går for, betyr ikke at din ikke vil være den som trumfer dem alle. Forske konkurrentene vil vise deg hva som mangler fra sine apps, og gi deg bedre ideer om hva du skal innlemme i din egen.

    Prøv å ta hensyn til vurderinger – hva gjør brukere i dag liker om apps allerede der ute— Hva misliker de, og hvordan kan du løse dette problemet? Under dette trinnet kan du også se tilbake til dine skriftlige og skisserte notater, endre hva du har ned og videre få en ide om hvordan du kommer videre.

    Designe og utvikle appen

    Lag en wireframe for appen din

    wireframe er et utkast til appens visuelle arkitektur. Du tar dine mål og visuelle skisser ett skritt videre og lager en grunnleggende «blåkopi» av hvordan appen din skal se ut, og hvordan den skal fungere. Du kan gjøre dette veldig enkelt på papir først, men digitale wireframes gjør ting enklere, spesielt når wireframes blir mer komplekse og detaljerte.

    Hvordan går du om å gjøre dette? Din wireframe er sjansen til å ta din visjon og sette den inn i rammen av en mobil skjerm. Ikke bekymre deg, du trenger ikke å gjøre noen spesifikke designvalg ennå. Dette trinnet handler om å komme opp med arbeidsflyten og den generelle strukturen til appen din.

    Axure iOS Flat Wireframe Template
    din wireframe tar dine skisserte ideer og gir dem en digital makeover – ett skritt nærmere å ha en ide om hvordan appen din vil se ut i hendene på brukerne dine. Bilde via UX / UI Land.

    de forrige trinnene bidro til å gi deg en ide om hva du vil at appen skal gjøre. Din wireframe er en mer detaljert og spesifikk oversikt over hvordan ting skal fungere og hvilke sider og funksjoner som trengs.

    Det er en mengde enkle å bruke wireframing verktøy der ute som du kan bruke til å lage dine wireframes. Se hvilken som fungerer best for deg, og begynne å bringe din app design til liv.

    Her er noen wireframing verktøy du kan bruke:

    • Axure
    • Pidoco
    • iPlotz
    Uber app wireframe
    et eksempel på en wireframe For Uber app. Bilde via Skisse App Kilder.

    Når du har din wireframe lagt ut, har du en god oversikt over hvilke sider du trenger og hvordan appen din skal fungere.

    for å teste om wireframes er solide, kan du lage en klikkmodell ved hjelp Av et verktøy som Invision. Dette gjør at du kan klikke gjennom skjermene du har planlagt, og hjelper deg med å teste om navigasjonen du har satt opp, gir mening.

    Vis wireframes til dine kolleger og venner og samle deres tilbakemelding på strukturen og navigasjonen til appen din. Se om testerne finner det intuitivt, og hvis alle skjermene og elementene gir mening for dem.

    hvis du finner noen snags i navigasjonen eller vil omorganisere skjermer og layout, kan du bare justere wireframes og teste igjen. Fortsett å gå frem og tilbake til du er fornøyd med wireframes.

    Få din app designet

    fargerik minimal app design
    App design av Nashrulmalik

    nå er det på tide å tenke på den faktiske design av appen din og skape flotte, realistiske Mockups. Dette er et super viktig skritt fordi det er det som vil gi et permanent inntrykk på brukerne dine, så ikke haste eller skimp når det gjelder appdesign. En flott, profesjonell, vakker design er det som kan gjøre appen din til en rasende suksess.

    hvilke farger, skrifttyper og designelementer du bør bruke er en stor beslutning, så vi snakker mer om dette i designtips-delen nedenfor.

    når det gjelder å bestemme hvordan du får appen din designet, har du flere forskjellige alternativer. Du kan vurdere å designe appen selv, men med mindre du er grafisk designer, vil vi ikke anbefale det. Bedre å stole på en profesjonell for å være sikker på at du får et godt resultat.

    Arbeid direkte med en designer

    hvis du allerede har en visjon om hvordan appen din skal se ut, og du vet hva du vil og trenger, er den enkleste måten å jobbe med en designer 1-til-1. Du kan enten leie en lokal frilanser eller—hvis du ikke har noen forbindelser til designere ennå-se på forskjellige designerporteføljer på nettet.

    99designs designer søkeverktøy
    Bla designere med 99designs’ Designer Søkeverktøy

    Sørg For å se på en designer tidligere arbeid med din visjon i tankene for å finne den perfekte match i vilkår for dyktighet og stil.

    Kjør en app design contest

    99designs app design brief
    Start en konkurranse ved å fylle ut en kort og la designere vet hva du trenger.

    hvis du er usikker på hva ser du ønsker for din app, og du leter etter forslag, er et flott alternativ å kjøre en app design contest.

    du skriver en kort og designere fra hele verden lese den og sende deg sine ideer for din app. Du kan gi tilbakemelding for å finjustere designene, og til slutt velge din favoritt som vinneren.

    Bruk en appbygger

    En annen metode for design er å bruke en appbygger. I likhet med en webbygger lar appbyggere deg spare litt penger i forhold til å ansette en full designer, men du må være mer praktisk og det vil være begrensninger på hva du kan gjøre. Husk at hvis du vil ha komplisert design og har spesifikke behov, kan dette være ute av dybde for en byggmester.

    Ansett et byrå

    ditt endelige valg er den komplette pakken, hvor du kan lene deg tilbake og la noen andre ta vare på alt: ansett et byrå for å bygge appen din fra bunnen av—inkludert designen. Dette er et godt valg hvis prosjektet ditt er veldig komplekst og trenger mye kompetanse på ulike områder. Gjør en innsats for å nå ut til noen av dem og få sitater og ideer for å se om de passer godt til det du vil ha gjort. Dette vil utvilsomt være ditt dyreste alternativ, men hvis du vil ha ting gjort på en bestemt måte og har ressurser til å få det til å skje, er det et tøft alternativ å slå.

    uansett hvilket alternativ du velger, sørg for å gi tilbakemelding og holde et øye med om design faktisk passer din merkevare og kommuniserer stilen og se deg hvor du går for fra starten. Ikke miste av syne målene du satt i begynnelsen og reflektere over om den endelige utformingen virkelig sier hva du vil den skal si.

    App design tips: hva du skal se etter i løpet av app designprosessen

    Her er noen viktige tips å huske på når det gjelder å designe din app:

    Gjør det enkelt å navigere:

    en fantastisk app er ingenting uten enkel navigering, så design med dette i tankene for å sikre en sømløs og hyggelig opplevelse for brukerne.

    Android app design
    når du designer for Android, gjør navigasjons skuffen lett å finne for å gi en sømløs opplevelse for brukerne. Bilde via Viztek.

    Kontroller at navigasjonsskuffen eller fanelinjen er godt synlig for brukeren. En bruker vil ikke kunne navigere i appen din hvis de ikke har noen anelse om hvordan de skal gjøre det, så hold ting synlig for å sikre at de vet hvor de skal gå. Husk å holde fast ved et oppsett som er kjent for brukerne dine, slik at de intuitivt vet hvordan de skal navigere gjennom appen din.

    Et annet viktig tips: Gjør det fingervennlig. Hvis knapper og koblinger er for små for folk å klikke på med fingrene, vil de ha det vanskelig å navigere gjennom appen din.

    Design for enkelhet:

    Hold ting minimal for et moderne utseende og gjør generøs bruk av mellomrom. Det gjør at brukerne kan fokusere på det som betyr mest. Igjen, ved hjelp av kjente symboler og uttrykk kan bidra til å holde det enkelt og lett å bruke.

    Design for enkelhet betyr å designe med mål om å gjøre brukeropplevelsen så hyggelig og enkel som mulig. For mye informasjon presenteres på skjermen på en gang eller rett og slett for mye skjer, og brukeren er sannsynlig å bli overveldet og forlate app.

    Suncorp Bank app design
    Design Av Sasha Radojevic.

    Plukk farger og fonter mindfully:

    Farge psykologi har en stor innvirkning, så ikke undervurder deres effekt. På samme måte vil ditt valg av skrifter påvirke utseendet til appen din. Sørg for å tenke på de skjulte betydninger disse designelementer kommunisere og plukke dem nøye. Husk også: du vil ikke blande for mange forskjellige farger og skrifter for et konsekvent og profesjonelt utseende.

    hvis du har retningslinjer for merkevaren med bestemte farger og skrifttyper, må du huske å holde fast ved dem i appdesignen din, slik at appen din blir en sømløs utvidelse av merkevaren din.

    Tenk på visuelt hierarki og vekt:

    Visuell vekt er størrelsen og virkningen av forskjellige elementer på skjermen sammenlignet med andre. Bruk visuell vekt for å sikre at de viktigste aspektene av designet ditt skiller seg ut.

    et klart visuelt hierarki vil hjelpe brukerne med orientering, så sørg for at hierarkiet du oppretter for sider og undersider, samt overskrifter og underoverskrifter, alltid er konsistent.

    Vær konsekvent:

    Silicon Valley banking oppstart app design
    Designe for konsistens i app gjør det lett gjenkjennelig og holder det ser elegant. Designet av ozonestyle.

    Her er tingen med farger og skrifter og alle de andre designelementene: de kan bare være effektive og gi en positiv merkevareeffekt hvis du er konsekvent. Dette gjelder for annen grafikk, navigasjon og innholdet ditt også.

    appen din skal ha visuell konsistens (designelementer som farger, knapper og etiketter), funksjonell konsistens (appen din skal fungere på samme måte gjennom alle elementer) og ekstern konsistens (alle andre utsalgssteder som nettsted, søsterapper skal se ut som den nye appen din).Å være konsekvent i hele appen din vil få deg til å se profesjonell ut, og du vil bedre tillate brukerne å utvikle et forhold til appen din og merkevaren din.

    Samle tilbakemeldinger på design

    Nå som du har bilde-perfekt mockups, er det på tide å ringe i dine venner, familie, og selv fiender (hvis du har noen) og teste utformingen av app. En gjengitt klikkmodell vil gjøre dette enkelt og vil gi testerne en ekte følelse av hva appen vil være.

    Det er viktig å merke seg at dette ikke er din ferdige app, og det vil bli mer testing senere. Dette er egentlig en test av layout, navigasjon, utseende, mens funksjonaliteten kommer senere.

    Reiseplan Detaljer app
    ikke vær redd for å toppe over skuldrene til samplere mens de navigerer app. Dette lar deg se hvor enkelt de navigerer i appen din eller hvor de blir holdt tilbake. Design av subzero_.

    jo flere personer du får til å prøve appdesign, jo mer tilbakemelding får du, og dermed en bedre ide om hva som fungerer bra og hva som må forbedres. Konstruktiv kritikk vil være din venn her, så ikke vær redd for å grave litt dypere med samplere og finne ut nøyaktig hva de synes. Er det for overfylt? For kjedelig? Legg merke til eventuelle kommentarer dine testere kan ha.

    hvis du har en gjengitt klikkmodell, ta en titt over skulderen til samplerne dine (men sørg for at pusten din er fin og frisk først). Dette bidrar til å vise deg hvordan de navigerer app og gir deg et synspunkt forbrukeropplevelse.

    når du har fått alle tilbakemeldingene du trenger og har en god forståelse av hva som fungerer for deg og hva som krever forbedring, kan du gå tilbake og be designeren om å gjøre de nødvendige justeringene.

    Få din app utviklet

    Nå er det på tide å overlate design til din utvikler eller utviklingsteam. De vil kode den funksjonelle siden av appen din og sørge for at den faktisk gjør hva den skal gjøre. Sannsynligvis vil de gå frem og tilbake med deg og din designer for å justere designet for å få alt til å fungere jevnt og å finne ut eventuelle problemer de støter på under utviklingsprosessen.

    og voilà, du har nå en funksjonell app! Ta en titt tilbake på målet med appen din du bestemte deg for da det hele startet. Har du løst et vanlig problem, brakt glede til folk med en morsom skapelse, eller forenklet folks liv på noen måte? Sjansene er du sannsynligvis har, og du har virkelig spikret det med din stellar design.

    Testing og lansering

    Test appen din med en fokusgruppe

    Dager Til appdesign
    Ring inn samplerne igjen! Vær åpen for konstruktiv kritikk slik at du kan gjøre de endelige justeringene til appen din. Design By deniel lalla

    nå har Vi en fullt fungerende app for å sette på prøve, så du vil være sikker på at det er akkurat det før du setter den for utgivelse. På dette punktet alle aspekter av programmet må fungere skikkelig og visuelt tiltalende.

    Husk de glade hjelperne som hjalp deg med å teste dine mockups tidligere? Ring dem igjen. Gjør dem til din fokusgruppe og la dem få total frihet med appen din.

    Prøv å få alle de endelige tilbakemeldingene du kan før du bestemmer deg for ditt endelige utfall. Hvis du jobber med en designer og utvikler, ta den konstruktive kritikken du har og sett dem på jobb med å gjøre de endelige justeringene mot det ferdige produktet.

    Start en betaversjon

    Betatesting betyr å starte en betaversjon av appen din og gjøre den tilgjengelig for tidlige brukere i liten skala. På denne måten kan du se hvordan appen din kjører i et levende miljø og se hvordan brukerne svarer på det.

    TestFlight webdesign
    TestFlight Er ET IOS-spesifikt program for Å kontrollere Betatesting av apper. Den endelige tilbakemeldingen du samler her vil tillate deg å bruke den siste finpussen til din app. Bilde via Sensor Tårn.

    La brukerne vite at du vil sette pris på deres tilbakemelding, og bruk den til å justere ting basert på hva du ser og kommentarene du mottar.Når du har fått tilbakemeldingene du trenger og en klar analyse av hvordan appen din ser ut og fungerer i et levende miljø, vil målstreken vises, og du er klar til å avsløre mesterverket ditt til verden.

    Start din app

    endelig, lyset i enden av tunnelen! Du har planlagt, testet, designet og testet litt mer, og appen din er klar til å treffe hyllene.

    Pilly app design
    App design av Ljuba97

    Android krever ikke gjennomgang før du starter appen. Dette betyr at du bare må laste opp appfilen din På Google Play-butikken (som med betaen din), og folk kan begynne å laste ned appen din umiddelbart. IOS er litt annerledes ved at de vil gjennomgå appen din før den kan gå live. Ikke bekymre deg, hvis du har fulgt vår ultimate guide og har gjort alt riktig, bør du ikke ha noe problem å få det grønne lyset.Nå som appen din er tilgjengelig for massene, må du ikke stoppe der. Fortsett å forbedre og oppdatere appen regelmessig for å gi brukerne den beste opplevelsen.

    undervurder heller ikke betydningen av neste trinn—markedsføring. Markedsføring av appen din effektivt vil bidra til å få appen din der ute og på telefonene til brukerne dine. For å ta en titt på noen intuitive ideer om hvordan du markedsfører den nye mobilappen din, sjekk ut denne nyttige artikkelen.

    er du klar til å ta app verden med storm?-

    Apper er et så dominerende aspekt av dagens forretningsverden, og nå er du klar til å lage og designe en app som virkelig kan slå hodene.appdesignprosessen kan virke komplisert, men hvis du følger denne veiledningen og bryter den opp i små håndterbare trinn, blir det mye lettere.

    Så, hva venter du på? Sett designhatten på og gjør den fantastiske app-ideen din til en realitet.

    Leter du etter en fantastisk app design?
    her finner du appdesignere som er perfekte for prosjektet ditt.