Ontwikkeling van mobiele apps met Adobe XD: 5 stappen

2024 Auteur: John Day | [email protected]. Laatst gewijzigd: 2024-01-30 11:16

Hoera, allemaal! Ik ben Elizabeth Kacerek, een afstuderende senior op de middelbare school en ik heb deze instructable gemaakt omdat ik een gat in dit veelgebruikte platform zag dat ik kon vullen. Ik zou dol zijn geweest op dit soort gids toen ik begon aan mijn onderzoeksproject van een jaar over UI/UX/EX-softwareontwikkeling, maar helaas moest ik op de harde manier ontdekken hoe ik een app moest ontwerpen. Deze instructable is bedoeld voor zowel de informatica-nerds als voor de hobbyisten. Dus als je denkt een geweldig idee te hebben, maar geen flauw idee hebt hoe je het moet uitvoeren, kijk dan hier eens naar.

Stap 1: Projectplan

Dit lijkt in eerste instantie misschien overbodig, maar het uittypen van een projectplan zal je op de lange termijn zeker helpen door te definiëren:

• Wat u specifiek wilt dat uw app doet (dit hield me in mijn "oefengebied")
• Wie het beoogde publiek is
• Als er juridische implicaties mogelijk zijn (de mijne was een medische app)
• Al het andere waarvan u denkt dat u het nodig heeft om u bij de les te houden.

Ik kan deze stap echt niet genoeg benadrukken: dit voorlopige projectplan kan gemakkelijk worden aangepast in vele documenten die u bij de hand hebt voor toekomstige ontwikkeling.

(Merk op dat dit in feite uw app-beschrijving is voor de app store! Score!)

Dit plan kan een halve pagina lang zijn, 5 pagina's lang, of misschien zelfs langer. Er is geen goed of fout, wat je ook helpt om je visie op papier te zetten.

Stap 2: Onderzoek, juridisch en ontwikkeling

Een ding dat ik aan het begin van mijn UX-ontwerpreis niet had kunnen raden, is de enorme hoeveelheid onderzoek die ik zou doen. Laat dit je helemaal niet afschrikken, want het heeft me in het begin zeker een beetje ontmoedigd omdat ik gewoon overrompeld was door hoeveel ik niet wist over dit vakgebied (wat precies is wat we moesten onderzoeken, vandaar het onderzoeksproject.)

Dit is de stap waarin u beslist of u uw code helemaal opnieuw wilt schrijven of een van de vele websites voor het compileren van mobiele applicaties wilt gebruiken. Ik begon persoonlijk met te denken dat ik "gewoon mijn geavanceerde" vaardigheden in Java zou gebruiken om deze app te ontwikkelen, omdat ik me voorstelde dat het gemakkelijker zou zijn dan het leren gebruiken van een app-bouwtoepassing. Dit bleek uiteindelijk een zeer inefficiënte en onhandige manier om mijn app te bouwen, waardoor ik uiteindelijk overschakelde naar Adobe XD. Ik raad ten zeerste aan dit te onderzoeken als uw belangrijkste constructieve manier om uw app visueel in kaart te brengen met gebruiksvriendelijke prototyping. Hoewel dit geen perfecte app-builder van begin tot eind is, werkt het wel goed om de botten van je app te bouwen, zodat je je voorlopige ontwerp gemakkelijk kunt overhandigen aan een professionele ontwikkelaar (bij voorkeur iemand die de rechten heeft om te uploaden naar de iTunes Store en Google Play Store.) Ik benadruk dit om onder uw aandacht te brengen dat als u XD gebruikt, hoewel erg handig voor planning, de app niet klaar zal zijn om naar winkels te uploaden.

Bovendien, als je door je onderzoek besluit dat je niet langer enthousiast bent over je app-idee, is niet alles verloren. Nu het bouwproces nog niet is begonnen, kunt u gewoon teruggaan naar uw projectplan en uw oorspronkelijke plan aanpassen of volledig schrappen.

Als er mogelijke wettelijke vereisten zijn voor de maker of voor de gebruiker, dan is dit het moment waarop je alle plaatsen wilt weten waar je hulp nodig hebt. Het is nu zoveel gemakkelijker om u voor te bereiden om deze problemen aan te pakken, zodat u ze kunt plannen in plaats van u te verrassen. Dit kan mogelijk wekenlange vertraging veroorzaken, wat uiteindelijk van invloed is op uw oorspronkelijke tijdlijn.

Stap 3: Ontwikkelaarstoepassing (optioneel)

Als je nu officieel een ontwikkelaar wilt worden met toegang tot de iTunes Store, moet je de aanvraag zo snel mogelijk invullen (er is een vergoeding van $ 99 verbonden aan het indienen van deze aanvraag). Hun aanvraagproces duurt even voordat je wordt geaccepteerd. Het zou het snelst zijn als u zich op dit moment voor Apple-ontwikkelaar zou aanmelden en het wachtproces zou doorlopen terwijl u nog steeds uw app aan het bouwen bent.

developer.apple.com/programs/

Stap 4: Softwarecodering

Nu u het onderzoek achter uw project hebt voltooid, is het nu tijd om te beginnen met coderen in Adobe XD.

1. Het eerste komt op de eerste plaats. Je wilt elke stap van de tutorial volgen (ik ben niet iemand voor lange tutorials, maar dit is absoluut noodzakelijk voor je succes met deze app, dat beloof ik).
2. Zorg ervoor dat u begrijpt hoe u tekst, pagina's, afbeeldingen kunt toevoegen, objecten kunt verwijderen, schermen kunt herschikken en zelfs hoe u uw pagina's kunt verbinden.
3. Als je klaar bent en de kneepjes van het vak begrijpt, kun je eindelijk beginnen met het opstellen en coderen van je app, het testen van het prototype en het oplossen van problemen!

Op dit punt kun je beginnen met het gebruik van een deel van het onderzoek dat ik heb gevonden over verschillende tools en hoe je bepaalde dingen kunt doen met Adobe Creator om je app te verbeteren. Ik raad echter zeker aan om naar de zoekbalk te gaan om te zoeken naar specifieke elementen die uniek zijn voor uw project.

Stap 5: Laatste stretch/ontwikkeling

Gefeliciteerd, je bent op dit punt gekomen, wat betekent dat je geen bugs in je code hebt! Vanaf hier moet u beginnen met bètatesten met als doel niet alleen externe bugs te vinden, maar ook om een onbevooroordeelde mening over uw product te krijgen. Zodra u tevreden bent met uw code, kunt u beginnen met ontwikkelen door externe bronnen te gebruiken.