Design af mobilapplikationer: trin-for-trin retningslinjer for UI/UK i 2021

som grundlægger er tiden din mest værdifulde ressource. Mens en simpel online søgning fører dig til en overflod af retningslinjer og tip til at skabe et perfekt design, er det en hård opgave at filtrere det nyttige indhold fra støj. Efter at have oplevet denne første hånd, har vi skabt en omfattende mobil applikation design guide, der vil tjene som den eneste plan, du har brug for i din stræben efter at skabe en knockout app.

Indholdsfortegnelse

  1. Trin 1: vigtigheden af brugertest
  2. Trin 2: appdesign er ikke en solo-mission
  3. Trin 3: Vær opmærksom på de nyeste appdesign og udviklingstendenser
  4. Trin 4: Design med brugeren i tankerne
  5. Trin 5: forstå videnskaben og anvend den
  6. Trin 6: perfektionering af in-app-oplevelsen
  7. Trin 7: fremtidig Bevis dit design

trin 1: Betydningen af brugertest i din appdesignproces

betydningen af brugertest

Der er ingen måde, vi kan liste alle trin i designprocessen for mobilapplikationer uden at nævne brugertest. Brugertest ligger i hjertet af appdesignprocessen. Vi kan simpelthen ikke understrege dette punkt nok. Under brugertestning gives en prototype af appen til rigtige brugere til test. Deres feedback og smertepunkter er noteret ned og baseret på det er den næste iteration af prototypen lavet. Det er en hurtig og billig måde at teste appens design og funktionalitet på, så designere og udviklere kan forbedre dem yderligere.

som grundlægger fandt jeg ud af den hårde måde, hvor vigtigt det er at gøre korrekt brugertest tidligt. Vi havde denne ide til en booking app, der forbinder folk med nærmeste barber og giver dem mulighed for at lave aftaler. Vi sprang lige ind i at designe appen, perfektionere designet, uden faktisk at tillade rigtige brugere at teste UI-elementerne. Efter måneders arbejde blev appen lanceret. Alle vores antagelser om brugerens behov blev knust. Folk var skeptiske over for værdipropositionen.

i lyset af denne situation startede vi en grundig undersøgelsesproces. Vi gennemførte brugerundersøgelser og samtaler. Vi bad folk om at prøve tjenesten og registrerede deres feedback. Analyse af resultaterne førte os til følgende konklusion:

  • de fleste mennesker har allerede en go-to barber, som de stoler på. De kan ikke lide at eksperimentere med nye individer.
  • i dette tilfælde tilføjede en app bare et ekstra besvær i en allerede enkel proces.
  • brugere foretrak at bestille en aftale med deres barber over et telefonopkald, SMS eller hvad app i stedet for at gøre det via appen.
  • selvom en bruger fandt en ny frisør gennem appen, var der ikke behov for dem at bruge appen længere.
  • brugere betaler simpelthen ikke for denne service, især når der ikke var nogen måde at forhindre omgåelse.

det er nemt at se nu, at der ikke var nogen reel produktmarkedspasning i mit tilfælde. Før jeg gik all – in med app-designprocessen, var det, jeg skulle have gjort, at fokusere på hurtig prototyping. Oprettelse af en hurtig prototype baseret på vores gennemprøvede retningslinjer for mobilapps UI-design og test af den, derefter, gentager det hurtigt baseret på brugerfeedback. Efter flere iterationer ville jeg have haft nok data til at træffe en informeret beslutning og dermed spare tid, indsats og appudviklingsomkostninger.

det er vigtigt at følge denne proces, når du opretter eller bygger en app. Dette sikrer, at din værdifulde tid og ressourcer ikke spildes.

7 grunde til at investere i hurtig prototyping

Trin 2: App design er ikke en solo mission

succesfulde mobile apps er resultatet af en kombineret indsats fra et tværfagligt team. Det ideelle team består af ressourcer relateret til forskning, Grafisk design, brugergrænseflade (UI), brugeroplevelse (use), udvikling og markedsføring. Grundlæggere fristes ofte til at begynde at designe appen selv. Dette er næsten en sikker opskrift på katastrofe.

app design er ikke en solo mission

i tilfælde af min lokationsbaserede barber booking app ‘HereCut’ (det føltes som et køligt navn på det tidspunkt), stod vi over for et lignende scenario. Med lidt design-og udviklingserfaring besluttede jeg ikke at spilde værdifulde ressourcer på at ansætte højtuddannede personer til mobildesign. Som de fleste grundlæggere var jeg meget streng med penge, og det virkede som den bedste måde at bootstrap min vej til en utrolig app. Jeg ville ønske, at jeg havde læst en komplet guide som denne på det tidspunkt.

efter at have spildt et par måneder på at forsøge at afbalancere arbejdsgangen i min opstart, lærte jeg en meget værdifuld lektion. Min tilgang til samtidig at arbejde på designet såvel som at skrive koden havde resulteret i en slags dødvande. Der blev ikke gjort væsentlige fremskridt på appen. Det var her, jeg begyndte at indse min fejl. Mens jeg styrede den daglige drift af min opstart og tacklede nye, uventede udfordringer hver dag, var der bare ingen måde, at jeg kunne finde tid til at komme ind i ‘området’ for enten kodning eller design af appen. At forsømme mine pligter som grundlægger helt og fokusere på kode eller design var heller ikke et klogt træk.

anmodning møde design proces banner

vejledt af mine mentorer, så jeg, at ikke at ansætte gode ressourcer til at designe appen faktisk kostede mig i stedet for at spare mig penge. Vi var ved at løbe tør for tid, og vi havde ikke engang en MVP (Minimum Viable Product) at vise. Hvis jeg ville have et skud på succes, måtte jeg sluge pillen.

grundlæggere har meget på deres plader, og det er næsten umuligt at designe appen selv, mens de administrerer alle de andre aspekter af en virksomhed. Tro mig, når jeg siger dette, bare spare dig selv alle de problemer og få en professionel til at hjælpe dig ud i denne mission.

den bedste tilgang til en grundlægger er at ansætte et dygtigt team. Det ideelle team skal i det mindste have en UI/U-designer, en backend-udvikler og en marketingressource. Dette team giver dig mulighed for at komme på sporet og oprette en indledende version af appen med absolut minimumsfunktionalitet (også kaldet MVP).

i afsnittene nedenfor ser vi på den indviklede appdesignproces, der involverer omhyggelig planlægning og udførelse.

Trin 3: Vær opmærksom på de nyeste app design og udviklingstendenser

der er ingen stoppe den hurtige udvikling af teknologi. Til tider er det svært at forstå og holde trit med de seneste happenings. Med så hård konkurrence på appmarkedet kommer en stor udfordring for appskabere. Ikke at være opdateret med tendenser kan koste dig dyrt. Brugere har masser af muligheder at vælge imellem, og de vil kun gå med den nyeste og mest effektive løsning på deres problem.

5G er ikke længere en ting i fremtiden. Udrulningen er allerede begyndt. Ifølge en undersøgelse foretaget af GSMA, i år 2025, vil omkring 4 milliarder enheder køre på 5G-netværket. Dette tegner sig for over 15% af det samlede samlede beløb. Fremkomsten af 5G er en total game changer til mobile apps. Med lynhurtige hastigheder og ekstremt lav latenstid vil meget mere effektive AR (Augmented Reality) og VR (Virtual Reality) apps dukke op. Det vil også være muligt at tage højde for brugssager, der er umulige på den eksisterende LTE 4G-infrastruktur.

5G-infrastrukturens rolle i design

Augmented Reality er bestemt en teknologi, som appudviklere kan se op til. I modsætning til Virtual Reality har den ikke brug for specialudstyr som VR-headset. Eksisterende mobiltelefoner har meget kraftigt udstyr og komplementerende programmer for at få denne teknologi til at fungere. Ved hjælp af dybdesensorkameraerne på de nyeste mobile enheder gør AR miljøet mere interaktivt ved at integrere virtuelle objekter i dine omgivelser. Apples ARKit og ARCore til Android gør det muligt for udviklere at skabe mere robuste Augmented Reality-apps. Mens mobilspil (som Pokemon Go) er den første ting, der kommer til at tænke på, når man tænker på AR, skal man bare forestille sig mulighederne på andre områder. Fra interaktive shopping apps, til AR dating tjenester, turisme apps, Landskabspleje, tegning og samarbejde apps, sport, markedsføring, sundhedspleje, uddannelse, kommunikation/telekonferencer og data visualisering apps, virkningen af AR er uendelig.

Med app skabere konstant forsøger at finde ud af måder at give den bedste oplevelse og værdi til kunden, kan Machine Learning (ML) bare være svaret.

innovationer som 5G, AR og ML åbner en helt ny mulighed for spændende nye mobilapps. Med den rigtige implementering af disse nyeste teknologier kan din app blive den næste store ting!

disse revolutionerende teknologier tilbyder et nyt sæt udfordringer for designere. De skal hurtigt tilpasse sig og omfavne de skiftende tider. Design til applikationer af AI, ML og AR adskiller sig fra traditionelt appdesign. For eksempel overveje de AI-drevne virtuelle assistenter (som Siri og Aleksa). De bruger en mere naturlig, stemmegrænseflade i modsætning til visuelle design til at interagere med brugeren.

det varer ikke længe, før AR-applikationer til bærbare (som smarte briller eller smart lens) bliver et almindeligt syn. Nu vil designet ikke være begrænset til kun en mobil skærm. Designere skal være foran kurven og komme med en brugervenlig grænseflade til sådanne enheder.

augmented reality ' s rolle i designprocessen

med holografiske og AR-applikationer, der er drevet af bevægelser, skal designere overveje, hvordan man opretter bevægelser, der er kulturelt acceptable for et verdensomspændende publikum. En anden betydelig udfordring relateret til brugervenlighed er at designe på en sådan måde, at hjernen let accepterer og behandler genstandene for denne nye virkelighed.

nye designmønstre udvikler sig for at imødekomme disse teknologier. Designere skal være i stand til at få elementerne til at vises på en mere naturlig måde, så brugeren føler sig mere hjemme med denne nye virkelighed. For at skabe det optimale design til AI -, ML-og AR-apps skal designere forstå, hvordan disse teknologier fungerer og være lidt kreative. Da det er et relativt nyt område, er der meget plads til innovation inden for design.

integration med andre apps og tjenester

design med en fleksibel tilgang i tankerne og giver appen mulighed for at udnytte integrationer er en yderst nyttig funktion for brugeren. I disse dage bruger mange startups og virksomheder allerede en række kommunikations-og produktivitetsværktøjer som Slack, Trello og Asana. At give dine brugere mulighed for at synkronisere og integrere disse tjenester kan hjælpe med at give brugeren maksimal værdi og gøre din app mere brugervenlig.

Catering til forskellige enhedstyper

Apple udgav deres nye iPhone-lineup inklusive iPhone 11, 11 Pro og 11 Pro Maks for ikke så længe siden. Programmet fik også en pæn opgradering i form af iOS 13, med iOS 14 planlagt til at komme ud i efteråret. Et design, der er skræddersyet til den skarpere og sprødere visning af disse nye enheder, skiller sig meget mere ud. For eksempel kan en mHealth-app gøre brug af det nye, mere kraftfulde frontvendte kamera sammen med den nyeste neurale netværksdrevne A13 Bionic-chip for at gøre en mere præcis symptomtracker.

der er nyheder om en app, der bruger et billede af fingerspidsen til at opdage diabetes. Det bruger telefonens kamera og lommelygten til at identificere dårlig blodgennemstrømning. Hvis dette er muligt, kan du forestille dig, hvad du kan gøre ved at udnytte den fulde effekt af de nyeste enheder.

catering til forskellige designstørrelser under designprocessen

design til Apple-og Android-enheder kræver en dyb forståelse af iOS-og Android-operativsystemerne. Retningslinjerne for menneskelig grænseflade fra Apple og retningslinjerne for materialedesign fra Google kan tjene som gode startere. For eksempel når du designer din app til iOS, skal du bruge en faneblad til navigation i modsætning til en navigationsskuffe til Android-versionen af den samme app.

Apple bruger størrelser som 1 gange, 2 gange og 3 gange til sine enheder. For Android skal designere gøre deres design kompatible med 6 forskellige skærmstørrelser. LDPI, som er i den lave ende af spektret, måler 120 dpi, det efterfølges af MDPI, HDPI, HHDPI, HHDPI og HHDPI.

med nye skærmstørrelser, højere billedformater (18:9), skærmfri skærm og hak design, skal appdesignere konstant være på udkig efter, hvordan deres foreslåede design vil fungere på de nyeste enheder.

overfor denne konstante tilstrømning af nye enheder skal designere holde deres design lydhøre. De bør teste og optimere deres design for hver enhed. Et simpelt design, der tilbyder den helt rigtige information, er kritisk. Kend dit publikum og gentage UI design baseret på den demografiske. Vær også opmærksom på analyser i appen for eventuelle frustrationspunkter for brugerne og løs dem.

Trin 4: Design med brugeren i tankerne

husk brugeren under designprocessen

Når du designer din app, skal du ikke falde i fælden med at tilføje flere og flere funktioner. At sætte brugeren først er en god tilgang til at oprette en brugbar app, og dette varierer drastisk, uanset om du bygger en chatbot, udvikler en marketplace-app eller udvikler en handels-og investeringsapp. Når du overvejer slutbrugeren, begynder du at indse, at en app skal være praktisk og nem at bruge. Start med at stille dig selv spørgsmål som, Hvem er min bruger? Hvad er deres problemer, og hvordan kan jeg løse dem? Juster dem nu med forretningsmålene i din app. Når du har noget, skal du teste det med brugeren og evaluere.

dræbt af Google tilbyder en interessant liste over Google-apps og-tjenester, der er afbrudt nu. På denne liste finder du en app kaldet Bump. Det var dybest set en iOS-og Android-app, der gjorde det muligt for brugere at overføre kontakter, billeder og data over internettet til andre enheder. Brugere gjorde dette ved fysisk at støde deres telefoner sammen. Da telefonerne blev stødt, dukkede en skærm op på hver enhed for at bekræfte og vælge filer. Mens tilbage i 2011 var overførsel af data til andre enheder et stort brugerbehov, og denne app tilbød en god løsning, tiderne har ændret sig.med ordene fra Bump Technologies CEO David Lieb, ” den næste generation af mobile apps vil løse problemer på en måde, som brugeren, kunden, ikke engang behøver at tænke over det.”Han fortsætter med at sige,” mobil vil gøre det muligt for alle disse apps at vende, og i stedet for at jeg fortæller appen, hvad jeg vil have den til at gøre, vil appen foreslå mig, Hej, du vil måske forlade til dit møde nede i slutningen af strimlen, fordi der er meget trafik.”

at være opmærksom på de nyeste branchetendenser hjælper også med processen med at skabe noget, der giver brugeren maksimal værdi. Kom til at tænke på det, en tendens er til stede på grund af bred brugeraccept trods alt.

konto for de nyeste branchetendenser

i dag foretrækker brugerne bare apps til at udføre de nødvendige handlinger i baggrunden i stedet for at gøre en indsats ved at klikke på knapper eller gennemgå en hel kedelig strøm. I dette tilfælde ønsker en bruger ikke at overføre deres telefonoplysninger til andre enheder, det sker bare’.

hovedmålet med brugercentreret design er at reducere indsatsen for brugeren. Din app skal minimere behovet for at skrive. Tilmelding er et vigtigt drop-off punkt for brugerne. Bare tilbyde nogle funktioner til brugeren uden at håndhæve registrering. Freemium-modellen har arbejdet vidundere for appudviklere bare på grund af denne grund.

din app skal have de mindst mulige tilladelseskrav og for at gøre tingene mere bekvemme for brugeren, skal du bare udfylde deres e-mail fra app store (hvis nødvendigt).

App tilgængelighed

det er et must at gøre din app tilgængelig for et bredere publikum. Du bør overveje mennesker med handicap, når du opretter dit design. Noget så simpelt som at tilføje en billedtekst til en video kan øge videoengagementet med op til 500%.

design process banner

ifølge statistikker lever omkring 15% af verdens befolkning med en form for handicap. 3C er et internationalt samfund, der udvikler standarder på nettet. Deres retningslinjer for tilgængelighed på internettet (toilet 2.0) fastlægger retningslinjer for tilgængelighed og bedste praksis for onlineindhold. Dette dokument viser, hvordan disse regler gælder for mobil tilgængelighed.

Apple har konstant forsøgt at skubbe appudviklere til at gøre deres apps mere tilgængelige for alle typer målgrupper. Dynamisk tekst er en af de foreslåede fremgangsmåder i denne retning.

nu hvor du er opmærksom på vigtigheden af apptilgængelighed og en bruger-første tilgang til design, skal du anvende denne viden for at perfektionere dit design. Din app skal være pænt skræddersyet til brugerens behov. Gør det så brugervenligt som muligt ved at teste designet med rigtige brugere og forbedre det baseret på feedback.

Trin 5: forstå videnskaben og anvende det

App design har udviklet sig i et meget hurtigt tempo. Vi vil gerne konstant minde vores læsere om, at et godt appdesign tilføjer en vis værdi for brugeren. Det er et design beregnet til vækst og er afhængig af mere end bare sprudlende farver og animationer. At dykke ned i den faktiske videnskab og forstå, hvordan du kan forbedre dit design, er ekstremt afgørende.

vi giver indsigt i, hvad tech stack og API ‘ er fungerer bedst til din appidee.

Fortæl mig mere

dette trin giver stor indsigt i videnskaben om appdesign og hvordan det bruges til at producere spektakulære resultater. Forresten håber jeg, at du har bemærket, at de applikationsdesignstrin, vi beskriver i vores mobile app-designguide, er nummereret bare for nemheds skyld og ikke ordnet efter betydning.

betydningen af principper

som grundlægger er design af brugeroplevelse ikke noget, du kan vige væk fra. Don Norman opfandt udtrykket i begyndelsen af 1990 ‘ erne. så meget forskning er blevet gjort på dette område, at det nogle gange er svært at faktisk holde op. Du kan endda gøre en hel specialiseret grad i brugeroplevelse Design. Her giver vi dig tre must-vide principper, der udgør kernen i design.

forståelse af vigtigheden af de grundlæggende principper

Hicks lov

jo flere valg du giver til en bruger, jo mere tid vil blive brugt til at træffe denne beslutning.

Parkinsons lov

denne lov siger, “Hvis du venter til sidste øjeblik, tager det kun et minut at gøre” eller med andre ord “jo længere du giver en opgave, jo længere tager det”. I forbindelse med appdesign skal du vide, at brugerne ikke har meget tid til at udføre en opgave. Du skal sikre dig, at instruktionerne og handlingerne i appen er meningsfulde og hurtige. Dette princip gælder let for tilmeldings-eller onboarding-oplevelsen af en app.

KISS princip (hold det simpelt dumt)

unødvendig kompleksitet og funktioner bør undgås. Din app fungerer bedst, hvis den holdes enkel, og den forbliver tro mod dens kernefunktion.

overvej for eksempel vores sundhedsapp ‘TYGON Lyte’. Mens det tilbyder tre hovedfunktioner, nemlig terapi, detektion og desinficering, identificerede vores team lysterapi som kerneværdipropositionen. Baseret på denne indsigt blev der oprettet et praktisk og simpelt design af hjemmesiden, der strengt fokuserede på lysterapi.

Hvis du vil lære mere om dig, kan du tjekke dette smukke praktiske sted, love for dig.

konsekvent branding

dette punkt er ret indlysende. Vi nævner det med det ene formål at fremhæve, hvor vigtigt det er at holde applikationens design i overensstemmelse med dets modstykke. Ikonerne, grafikken, typografien og selv de mest små detaljer skal være perfekt tilpasset hinanden.

farveteori

for at forstå farvepsykologi skal du kigge på farvehjulet. Det kan opdeles i to forskellige halvdele. De varme farver er ligesom gul, orange og rød. Blå, grønne og lignende farver kaldes kølige farver.

farveteori

komplementære farver ligger på de modsatte sider af hjulet, f.eks. Du skal have bemærket, at mange populære apps og logoer gør brug af disse modsatte farvekombinationer, da de hjælper med at få tingene til at skille sig ud.

tidligere diskuterede vi vigtigheden af tilgængelighed, idet vi husker det, undgå at bruge for mange grønne og røde farvekombinationer, da det er det mest rapporterede par, der forårsager problemer for farveblinde mennesker. Interessant faktum, Facebook er blå, fordi Mark er grøn-rød farveblind og han ser blå bedst.

Anmod om møde for de nyeste trends

der er også en komplet markedsføringsretningslinje om det følelsesmæssige svar, som visse farver udløser. Gul er forbundet med at være ungdommelig og optimistisk. Det kan bruges til at tiltrække en afslappet brugers opmærksomhed til at købe noget. Blå er forbundet med tillid og sikkerhed. Banker såvel som forskellige virksomheder applikationer bruger ofte blå netop af denne grund. Det er også velegnet til design og udvikling af sundhedsapps. Tilsvarende, grøn er for det meste forbundet med Finans-og velværeapps. Det er kendt for at være en afslappende farve for øjnene. Applikationer relateret til luksusprodukter eller-tjenester bruger ofte sort på grund af dets slanke og kraftfulde natur.

app-designskærme ved hjælp af farveteori

farveteorien antyder, at det vigtige indhold skal være i høj kontrast. Selvom dette gør det mere skelneligt, kan overdrive det i hele appen forårsage belastning for brugeren. På den anden side er teknikker med lav kontrast en designerfavorit, da de giver nogle smukke layouts. Prøv at finde en sød blanding mellem læsbarhed (høj kontrast) og tiltrækningskraft (lav kontrast).

der kan ikke benægtes, hvor vigtig den korrekte brug af farve er. Forbliver tro mod sin vision om at opdage og udvide viden til gavn for menneskeheden, har NASA gjort en hel del forskning om emnet farvebrug. De tilbyder endda gratis online ressourcer, som offentligheden kan drage fordel af deres forskning.

fokusering på farven på en knap kan virke trivielt for nogle. Faktisk er det bevist, at brugertest og perfektionering af farven på en opfordring til handling-knap resulterer i en betydelig stigning i konverteringer.

Minimer kognitiv belastning

kognitive psykologi principper har med rette fundet et sted i designprocessen. At reducere den kognitive belastning, dvs.mængden af indsats, der kræves for at fuldføre en opgave, kan gøre underværker for at gøre appen noget, som brugerne elsker.

minimering af kognitiv belastning

Intrinsic kognitiv belastning er den energi, der kræves for at absorbere ny information, samtidig med at man ved, hvilken opgave man skal udføre. For eksempel skal brugeren gives instruktioner på en klar og kort måde. CTA (call-To-action) skal være på samme side, og brugeren skal ikke skulle navigere mellem skærme for at træffe beslutningen.

ekstern kognitiv belastning bør reduceres i designet. Dette er alt, hvad der ikke er relateret til den aktuelle opgave og bruger mentale ressourcer. Generelt er det resultatet af dårligt design, som forkert placerede skrifttyper, overbelastning af indhold eller brug af upassende farver.

for at reducere kognitiv belastning skal du undgå visuel rod og gøre designet enkelt. Den menneskelige hjerne accepterer hurtigt layout og mønstre, som den allerede kender. Dette er grunden til i de fleste apps, vi ser næsten det samme mønster for almindeligt anvendte funktioner som tilmelding.

Trin 6: perfektionering af oplevelsen i appen

design til tom tilstand

den første interaktion med appen skal gøre brugerne komfortable og give dem et glimt af, hvad der skal komme. Det er her en omhyggeligt udformet on-boarding oplevelse kommer ind.

sådan perfektioneres appdesignoplevelsen

designere vil fokusere meget på appens udfyldte eller befolkede design og forsømmer ofte det nøgne, indledende design af den app, som den nye bruger møder. Der er en række måder at gøre denne tomme tilstand mere meningsfuld. En guidet tur i appen kan være et vidunderligt sted at starte for brugeren. I nogle andre tilfælde kan det vise sig at være ret praktisk for brugeren at tilbyde en redigerbar prøveindgang (som i en dummy-vare i en e-handelsapp).

tidligere lærte vi om princippet om iboende kognitiv belastning. Under hensyntagen til dette princip skal den velkomstnote, der tilbydes brugeren, være kort og tilbyde en velplaceret opfordring til handling.

enhåndsnavigation eller tommelfingervenligt layout

brug lidt tid på at overveje enhåndsnavigation, når du gennemgår trin til design af mobilapps. Placer de handlingsmæssige elementer i de områder på skærmen, hvor tommelfingeren naturligt kan nå. De trykbare mål skal have en stor nok størrelse til at muliggøre let tapping. Placer ikke forskellige trykbare elementer meget tæt på hinanden.

Brug altid korrekt afstand. Ideelt set er den foretrukne størrelse for et trykområde mellem 7 og 10 mm. toppen af skærmen er et svært tilgængeligt område, og i tilfælde af større skærme kræver det en ændring af grebet. Placer destruktive handlinger som sletning på steder, der er svære at nå, så faren for ved et uheld at bruge den mindskes.

korrekt navigation og visuelt hierarki

et godt design sikrer, at navigering gennem appen er så smertefri som muligt. Brugere har en naturlig tendens til at huske de første og sidste elementer i en serie. Dette fænomen kaldes den serielle Position effekt. Ifølge forskning påvirkes tilbagekaldelsesevnen af placeringen af et element i en serie. Den menneskelige hjerne har svært ved at huske elementerne midt i serien.

på grund af denne grund favoriserer de nyeste designs en top bar navigation eller en bund bar navigation i modsætning til hamburger menuer. De vigtigste elementer er placeret til højre eller venstre for navigationslinjen.

at have et klart visuelt hierarki er også meget vigtigt. Visuelt hierarki defineres som størrelsen af elementer på en skærm. Generelt gives de vigtigere elementer mere vægt.

Trin 7: Fremtidssikre dit design

ændring er konstant og ubestridelig. Gør dit design fleksibelt nok til at imødekomme nye ændringer, selvom det betyder en marginal stigning i de oprindelige appudviklingsomkostninger. Det skal også forblive relevant og fortsætte med at give brugeren værdi. Dette er tilfældet for den tilpassede appudviklingsproces generelt, det være sig ideen, design-eller udviklingsfasen.

betydningen af indhold

ord, der bruges i appen, har en enorm indflydelse. Brug let forståelige ord og undgå unødvendige oplysninger. Den bedste sekvens og struktur er den, der er let at læse for din bruger.

indhold er konge

Typografi er også et af de mest kraftfulde elementer i designet. Det kan gøre en app mere brugervenlig og tilgængelig. For nylig begyndte jeg at bruge denne skybaserede notatoptagelsesapp kaldet ‘Bear’. Den er kun tilgængelig for Apple-enheder (iPhone, iPad og Mac). Jeg blev forelsket i denne app ved første øjekast. Jeg droppede native notes-appen af Apple og skiftede helt til Bear. Så hvad fremkaldte en så stærk reaktion fra mig? Det var den rene enkelhed og smukke typografi af app! Designerne har formået at præsentere de kraftfulde funktioner i appen på en så naturlig og enkel måde, at brugerne simpelthen nyder at bruge den.

undgå at kopiere andre designs

det er simpelthen ikke værd at prøve at kopiere et eksisterende design. Du kan helt sikkert hente inspiration fra det bedste af det bedste, men kopiering er et stort nej. Hver app er unik på sin egen måde. Kun du kender den specifikke brugssag, som du målretter mod, og den værdi, du vil angive. Andre designs er ikke tilstrækkelige til at give denne værdi til brugeren, som du ønsker. I sidste ende er fordelene ved at skabe et særskilt design til din app værd hele tiden og ressourcerne, der går ind i den.

vær ikke bange for at innovere

innovating in the design process

Mobile App Design Process + You

Tillykke! du er nu udstyret med viden til at skabe et ekstraordinært design til din app. Du er et skridt tættere på at opnå den app, du ønsker.

husk, at design er et åbent felt. Selvom vi har listet nogle principper og bedste praksis, kan de bedste designs ikke altid anvende dem alle. Ting som retningslinjer for design af mobilapplikationer fra Apple og Google er kun praktiske til en vis grad. Ofte resulterer løsning af en unik brugssag i et nyt og innovativt design. Vær aldrig bange for at eksperimentere med nye ting, fordi der ikke er nogen at vide, hvilket vidunderligt produkt du kan ende med at skabe.

på samme tid, efter processen med at designe en app, vi har skitseret i denne omfattende guide, undgår du mest almindelige brugergrænseflade og oplevelsesgruber.

har du brug for hjælp til at designe appen til dine drømme? Vi er appudviklere i NYC, LA, Miami, og vores team er her for at hjælpe dig. Nå ud til os nu.

ofte stillede spørgsmål

Hvad er de afgørende mobile app design trin?

brugertest, få feedback fra udviklingsteam, designe for tilgængelighed, designe til mange skærme.

kan jeg bruge det samme appdesign til iOS og Android?

Vi anbefaler at holde sig til Apples og Googles retningslinjer, og de er forskellige. Folk er vant til specifikke oplevelser på begge platforme, og det indebærer at bruge lidt forskellige designs.

hvilken service anbefaler du, at jeg bruger til brugertest?

Usertesting.com

hvilke andre råd har du til at perfektionere oplevelsen i appen.

sørg for, at du tilbyder en ensartet oplevelse til brugerne. Det inkluderer at holde sig til OS typiske bevægelser for at gå til en tidligere skærm osv.

Hvad er den ene ting, der adskiller en vellykket app fra resten?

Leder du efter hjælp til din app?

fra en prototype til en fuldblæst app hjælper vi dig med at ramme markedet
på rekordtid med et produkt, der er indstillet til at vinde.
vi kan hjælpe med:

Planlæg en konsultation

strategi

fra en prototype til en fuldblæst app hjælper vi dig med at ramme markedet på rekordtid med et produkt, der er indstillet til at vinde.

Design

din app vil have en unik visuel appel, der engagerer dine kunder langt ud over gennemsnitlige digitale oplevelser.

udvikling

vi vælger relevante teknologistykker til din app for at gøre det sikkert og nemt at skalere op og vedligeholde.

Planlæg en konsultation

ingen forpligtelse. $57m hævet til dato.

Del via:

Skriv et svar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *