Mobilappsutveckling med Adobe XD: 5 steg

2024 Författare: John Day | [email protected]. Senast ändrad: 2024-01-30 12:44

Hej, alla! Jag är Elizabeth Kacerek, en examen senior på gymnasiet och jag skapade det här instruerbart eftersom jag märkte ett hål i denna mycket använda plattform som jag kunde fylla. Jag skulle ha älskat den här typen av guider när jag började mitt årslånga forskningsprojekt om UI/UX/EX-mjukvaruutveckling, men tyvärr var jag tvungen att ta reda på den hårda vägen för att designa en app. Denna instruerbara är riktad för både datavetenskapliga nördar och för amatörer. Så om du tror att du har en bra idé men inte har den minsta aning om hur du ska genomföra den, ta en titt på detta.

Steg 1: Projektplan

Det kan tyckas onödigt i början men att skriva ut en projektplan kommer definitivt att hjälpa dig i längden genom att definiera:

• Vad du vill att din app ska göra specifikt (detta höll mig i mitt "tillämpningsområde")
• Vem den avsedda publiken är
• Om det finns juridiska konsekvenser möjliga (min var en medicinsk app)
• Allt annat du tror att du skulle behöva beskriva för att hålla dig på uppgiften.

Jag kunde verkligen inte betona detta steg nog: denna preliminära projektplan kan enkelt anpassas till många dokument du behöver till hands för framtida utveckling.

(Observera att detta i princip är din appbeskrivning för appbutiken! Poäng!)

Denna plan kan vara en halv sida lång 5 sidor lång, eller kanske ännu längre. Det finns inget rätt eller fel, vad som än hjälper dig att sätta din vision på papper.

Steg 2: Forskning, juridik och utveckling

En sak som jag inte kunde gissa i början av min UX -designresa är hur mycket forskning jag skulle göra. Låt nu inte detta avskräcka dig alls, för det avskräckade mig verkligen lite till en början på grund av att jag bara blev överraskad av hur mycket jag inte visste om detta område (vilket är exakt vad vi skulle undersöka, därav forskningsprojektet.)

Detta är steget där du bestämmer om du vill skriva din kod från grunden eller använda en av många webbplatser för mobilapplikation. Jag började personligen med att tänka att jag "bara skulle använda mina avancerade" färdigheter i Java för att utveckla den här appen eftersom jag föreställde mig att det skulle vara lättare än att lära mig att använda ett appbyggande program. Det här blev ett mycket ineffektivt och obekvämt sätt att bygga min app som gjorde att jag faktiskt slutade byta till Adobe XD. Jag rekommenderar starkt att titta på detta som ditt huvudsakliga konstruktiva sätt att visuellt kartlägga din app med användarvänlig prototyp. Även om detta inte är en början till slut perfekt appbyggare, fungerar det bra för att bygga benen i din app så att du enkelt kan överlämna din preliminära design till en professionell utvecklare (helst en som har rätt att ladda upp till iTunes Store och Google Play store.) Jag betonar detta för att uppmärksamma dig på att om du använder XD, även om det är mycket användbart för planering, är appen inte redo att ladda upp till butiker.

Dessutom, om du genom din forskning bestämmer dig för att du inte längre är upphetsad över din appidé längre är inte allt förlorat. Med byggprocessen ännu inte påbörjad kan du bara återgå till din projektplan och antingen justera eller helt repa din ursprungliga plan.

Om det finns möjliga juridiska krav för skaparen eller för användaren, är det här när du vill ta reda på alla platser där du behöver hjälp. Det är så mycket lättare att förbereda sig för att ta itu med dessa frågor nu så att du kan planera för dem istället för att överraska dig. Detta kan möjligen orsaka veckor av förseningar och i slutändan påverka din ursprungliga tidslinje.

Steg 3: Utvecklarprogram (valfritt)

Om du nu officiellt vill bli en utvecklare med tillgång till iTunes -butiken, bör du fylla i ansökan så snart som möjligt (Det finns en avgift på $ 99 för att lämna in denna ansökan). Deras ansökningsprocess tar ett tag tills du accepteras. Det skulle vara snabbast om du sökte till Apple -utvecklare vid denna tidpunkt och går igenom väntetiden medan du fortfarande bygger din app.

developer.apple.com/programs/

Steg 4: Programvarukodning

Nu när du har slutfört forskningen bakom ditt projekt är det nu dags att börja koda i Adobe XD.

1. Det första är det första. Du vill följa varje steg i handledningen (jag är inte en för långa självstudier men det är viktigt för din framgång med den här appen jag lovar).
2. Se till att du förstår hur du lägger till text, sidor, bilder, tar bort objekt, ordnar om skärmar och till och med hur du ansluter dina sidor.
3. När du är klar och förstår repen kan du äntligen börja utarbeta och koda din app, testa prototypen och felsöka problem!

Vid det här laget kan du börja använda några av de undersökningar jag har hittat om olika verktyg och hur du gör vissa saker med Adobe Creator för att förbättra din app. Jag rekommenderar dock definitivt att gå in i sökfältet för att leta efter specifika element som är unika för ditt projekt.

Steg 5: Slutsträckning/ utveckling

Grattis, du har kommit till den här punkten vilket innebär att du inte har några buggar i din kod! Härifrån bör du börja betatesta med målet att inte bara hitta främmande buggar, utan också för att få en opartisk åsikt om din produkt. När du är nöjd med din kod kan du börja utvecklas genom att använda externa resurser.