Ontwikkeling van mobiele programme met behulp van Adobe XD: 5 stappe

2024 Outeur: John Day | [email protected]. Laas verander: 2024-01-30 07:25

Hallo, julle almal! Ek is Elizabeth Kacerek, 'n afgestudeerde senior op die hoërskool, en ek het dit leerbaar gemaak omdat ek 'n gat opgemerk het in hierdie wyd gebruikte platform wat ek kon vul. Ek sou hierdie soort gids graag gehad het toe ek met my jaarlange navorsingsprojek oor die ontwikkeling van UI/UX/EX sagteware begin het, maar ek moes ongelukkig op die moeilike manier uitvind hoe om 'n app te ontwerp. Hierdie instruksies is bedoel vir sowel die rekenaarwetenskaplike nerds as vir die stokperdjies. As u dink dat u 'n goeie idee het, maar nie die minste idee het hoe u dit moet uitvoer nie, kyk gerus hierna.

Stap 1: Projekplan

Dit lyk aanvanklik onnodig, maar om 'n projekplan uit te tik, sal u beslis op die lange duur help deur te definieer:

• Wat u wil hê dat u app spesifiek moet doen (dit het my in my 'praktyk' gehou)
• Wie die doelgroep is
• As daar regsimplikasies moontlik is (myne was 'n mediese app)
• Enigiets anders wat u dink u sal moet skets om u op die taak te hou.

Ek kon hierdie stap regtig nie genoeg beklemtoon nie: hierdie voorlopige projekplan kan maklik aangepas word in baie dokumente wat u benodig vir toekomstige ontwikkeling.

(Let daarop dat dit basies u appbeskrywing vir die appwinkel is! Telling!)

Hierdie plan kan 'n halwe bladsy lank wees, 5 bladsye lank, of miskien selfs langer. Daar is geen reg of verkeerd nie, wat ook al u help om u visie op papier te plaas.

Stap 2: Navorsing, regsgeleerdheid en ontwikkeling

Een ding wat ek aan die begin van my UX -ontwerpreis nie kon raai nie, is die hoeveelheid navorsing wat ek sou doen. Moenie toelaat dat dit u heeltemal afskrik nie, want dit het my aanvanklik beslis 'n bietjie ontmoedig omdat ek net onkant betrap is oor hoeveel ek nie van hierdie veld weet nie (dit is presies wat ons moes ondersoek, vandaar die navorsingsprojek.)

Dit is die stap waar u besluit of u u kode van nuuts af wil skryf of een van die vele mobiele toepassingswebwerwe wil gebruik. Ek het persoonlik begin dink dat ek 'net my gevorderde' vaardighede in Java sou gebruik om hierdie app te ontwikkel, want ek het gedink dit sou makliker wees as om 'n app -app te leer gebruik. Dit was uiteindelik 'n baie ondoeltreffende en ongemaklike manier om my app te bou, wat veroorsaak het dat ek eintlik na Adobe XD oorgeskakel het. Ek beveel sterk aan dat u dit as u belangrikste konstruktiewe manier beskou om u app visueel in kaart te bring met gebruikersvriendelike prototipering. Alhoewel dit nie die perfekte appbouer is nie, werk dit goed om die bene van u app te bou, sodat u u voorontwerp maklik aan 'n professionele ontwikkelaar kan oorhandig (verkieslik een wat die regte het om na die iTunes -winkel op te laai) en Google Play -winkel.) Ek beklemtoon dit om u aandag te vestig dat as u XD gebruik, hoewel dit baie nuttig is vir beplanning, die app nie gereed is om na winkels op te laai nie.

As u deur u navorsing besluit dat u nie meer opgewonde is oor u app -idee nie, gaan alles nie verlore nie. As die bouproses nog nie begin is nie, kan u net terugkeer na u projekplan en u oorspronklike plan aanpas of heeltemal krap.

As daar moontlike wetlike vereistes vir die skepper of die gebruiker is, is dit die beste manier om alle plekke waar u hulp nodig het, uit te vind. Dit is soveel makliker om voor te berei om hierdie probleme nou aan te spreek, sodat u dit kan beplan in plaas daarvan om u te verbaas. Dit kan moontlik weke se vertragings veroorsaak, wat u oorspronklike tydlyn uiteindelik kan beïnvloed.

Stap 3: Ontwikkelaarstoepassing (opsioneel)

As u nou amptelik 'n ontwikkelaar wil word met toegang tot die iTunes -winkel, moet u die aansoek so gou as moontlik invul (daar is 'n fooi van $ 99 verbonde aan die indiening van hierdie aansoek). Die aansoekproses duur 'n rukkie totdat u aanvaar word. Dit sou die vinnigste wees as u op hierdie stadium aansoek doen vir die Apple -ontwikkelaar en deur die wagproses gaan terwyl u nog u app bou.

developer.apple.com/programs/

Stap 4: Sagteware -kodering

Noudat u die navorsing agter u projek voltooi het, is dit nou tyd om te begin met die kodering in Adobe XD.

1. Eerste dinge eerste. U wil elke stap van die tutoriaal volg (ek is nie een vir lang tutoriale nie, maar dit is noodsaaklik vir u sukses met hierdie app, ek belowe).
2. Maak seker dat u verstaan hoe u teks, bladsye, prente byvoeg, voorwerpe uitvee, skerms herrangskik en selfs hoe u u bladsye kan koppel.
3. As u klaar is en die toue verstaan, kan u uiteindelik u app begin opstel en kodeer, die prototipe toets en probleme opspoor!

Op hierdie stadium kan u begin met die navorsing wat ek oor verskillende instrumente gevind het en hoe u sekere dinge met Adobe Creator kan maak om u app te verbeter. Ek beveel egter beslis aan om in die soekbalk te gaan om te kyk na spesifieke elemente wat uniek is vir u projek.

Stap 5: Finale rek/ ontwikkeling

Baie geluk, u het tot op hierdie punt gekom, wat beteken dat u geen foute in u kode het nie! Van hier af moet u met die beta -toets begin met die doel om nie net vreemde foute te vind nie, maar ook om 'n onbevooroordeelde mening oor u produk te kry. As u tevrede is met u kode, kan u begin ontwikkel deur hulpbronne van buite te gebruik.