Table des matières:

Développement d'applications mobiles à l'aide d'Adobe XD : 5 étapes
Développement d'applications mobiles à l'aide d'Adobe XD : 5 étapes

Vidéo: Développement d'applications mobiles à l'aide d'Adobe XD : 5 étapes

Vidéo: Développement d'applications mobiles à l'aide d'Adobe XD : 5 étapes
Vidéo: Créer une APPLICATION MOBILE SANS CODER - développer une application mobile avec Adobe XD et Flutter 2024, Novembre
Anonim
Développement d'applications mobiles à l'aide d'Adobe XD
Développement d'applications mobiles à l'aide d'Adobe XD
Développement d'applications mobiles à l'aide d'Adobe XD
Développement d'applications mobiles à l'aide d'Adobe XD

Salut, vous tous ! Je suis Elizabeth Kacerek, diplômée du secondaire et j'ai créé cette instructable parce que j'ai remarqué un trou dans cette plate-forme largement utilisée que je pouvais combler. J'aurais adoré ce genre de guide lorsque j'ai commencé mon projet de recherche d'un an sur le développement de logiciels UI/UX/EX, mais malheureusement, j'ai dû découvrir à la dure comment concevoir une application. Cette instructable s'adresse à la fois aux nerds de l'informatique et aux amateurs. Donc, si vous pensez avoir une bonne idée mais que vous n'avez pas la moindre idée de comment l'exécuter, jetez un œil à ceci.

Étape 1: Plan de projet

Plan de projet
Plan de projet

Cela peut sembler inutile au début, mais la rédaction d'un plan de projet vous aidera certainement à long terme en définissant:

  • Ce que vous voulez que votre application fasse spécifiquement (cela m'a gardé dans mon "champ d'exercice")
  • Quel est le public visé
  • S'il y a des implications juridiques possibles (la mienne était une application médicale)
  • Tout ce que vous pensez avoir besoin de décrire pour vous garder sur la tâche.

Je ne saurais trop insister sur cette étape: ce plan de projet préliminaire peut être facilement adapté en de nombreux documents dont vous avez besoin pour un développement futur.

(Notez qu'il s'agit essentiellement de la description de votre application pour l'App Store ! Score !)

Ce plan peut faire une demi-page de 5 pages, voire plus. Il n'y a pas de bien ou de mal, peu importe ce qui vous aide à mettre votre vision sur papier.

Étape 2: Recherche, juridique et développement

Recherche, juridique et développement
Recherche, juridique et développement

Une chose que je n'aurais pas pu deviner au début de mon parcours de conception UX est la quantité de recherches que je ferais. Maintenant, ne vous laissez pas décourager du tout, car cela m'a certainement découragé un peu au début, car j'étais juste pris au dépourvu quant à tout ce que je ne savais pas sur ce domaine (ce qui est exactement ce que nous étions censés rechercher, d'où le projet de recherche.)

C'est l'étape où vous décidez si vous souhaitez écrire votre code à partir de zéro ou utiliser l'un des nombreux sites Web de compilation d'applications mobiles. Personnellement, j'ai commencé par penser que j'utiliserais simplement mes compétences avancées en Java pour développer cette application, car j'imaginais que ce serait plus facile que d'apprendre à utiliser une application de création d'applications. Cela s'est avéré être un moyen très inefficace et peu pratique de créer mon application, ce qui m'a amené à passer à Adobe XD. Je recommande fortement de considérer cela comme votre principal moyen constructif de cartographier visuellement votre application avec un prototypage convivial. Bien que ce ne soit pas un constructeur d'applications parfait du début à la fin, cela fonctionne bien pour construire les os de votre application afin que vous puissiez facilement confier votre conception préliminaire à un développeur professionnel (de préférence celui qui a le droit de télécharger sur l'iTunes Store et Google Play Store.) J'insiste sur ce point pour attirer votre attention sur le fait que si vous utilisez XD, bien que très utile pour la planification, l'application ne sera pas prête à être téléchargée dans les magasins.

De plus, si, grâce à vos recherches, vous décidez que vous n'êtes plus enthousiasmé par votre idée d'application, tout n'est pas perdu. Le processus de construction n'ayant pas encore commencé, vous pouvez simplement revenir à votre plan de projet et ajuster ou supprimer complètement votre plan d'origine.

S'il existe d'éventuelles exigences légales pour le créateur ou pour l'utilisateur, c'est à ce moment-là que vous souhaitez connaître tous les endroits où vous aurez besoin d'aide. Il est tellement plus facile de se préparer à résoudre ces problèmes maintenant afin que vous puissiez les planifier au lieu de vous surprendre. Cela peut éventuellement entraîner des semaines de retard, affectant en fin de compte votre calendrier initial.

Étape 3: Application de développeur (facultatif)

Application développeur (facultatif)
Application développeur (facultatif)

Maintenant, si vous souhaitez devenir officiellement un développeur avec accès à l'iTunes Store, vous devez remplir la demande dès que possible (des frais de 99 $ sont associés au dépôt de cette demande). Leur processus de candidature prend un certain temps jusqu'à ce que vous soyez accepté. Il serait plus rapide de postuler pour un développeur Apple à ce stade et de suivre le processus d'attente pendant que vous créez encore votre application.

developer.apple.com/programs/

Étape 4: Codage du logiciel

Codage du logiciel
Codage du logiciel
Codage du logiciel
Codage du logiciel

Maintenant que vous avez terminé la recherche derrière votre projet, il est maintenant temps de commencer à coder dans Adobe XD.

  1. Tout d'abord. Vous voulez suivre chaque étape du tutoriel (je ne suis pas du genre à suivre les longs tutoriels mais c'est impératif pour votre réussite avec cette application, promis).
  2. Assurez-vous de comprendre comment ajouter du texte, des pages, des images, supprimer des objets, réorganiser des écrans et même comment connecter vos pages.
  3. Une fois que vous avez terminé et compris les ficelles du métier, vous pouvez enfin commencer à rédiger et à coder votre application, à tester le prototype et à déboguer les problèmes !

À ce stade, vous pouvez commencer à utiliser certaines des recherches que j'ai trouvées sur divers outils et comment faire certaines choses avec Adobe Creator pour améliorer votre application. Cependant, je vous recommande vivement d'aller dans la barre de recherche pour rechercher des éléments spécifiques qui sont uniques à votre projet.

Étape 5: dernier tronçon/développement

Dernière ligne droite/Développement
Dernière ligne droite/Développement

Félicitations, vous êtes arrivé à ce point, ce qui signifie que vous n'avez aucun bogue dans votre code ! À partir de là, vous devriez commencer les tests bêta dans le but non seulement de trouver des bogues superflus, mais aussi d'obtenir une opinion impartiale sur votre produit. Une fois que vous êtes satisfait de votre code, vous pouvez commencer à pousser vers le développement en utilisant des ressources externes.

Conseillé: