Sviluppo di app mobili con Adobe XD: 5 passaggi

2024 Autore: John Day | [email protected]. Ultima modifica: 2024-01-30 10:02

Salve, voi tutti! Sono Elizabeth Kacerek, una laureanda al liceo e ho creato questo istruttore perché ho notato un buco in questa piattaforma ampiamente utilizzata che potevo riempire. Avrei adorato questo tipo di guida quando ho iniziato il mio progetto di ricerca di un anno sullo sviluppo di software UI/UX/EX, ma purtroppo ho dovuto scoprire a mie spese come progettare un'app. Questo tutorial è rivolto sia ai nerd dell'informatica che agli hobbisti. Quindi, se pensi di avere una grande idea ma non hai la minima idea di come eseguirla, dai un'occhiata a questo.

Fase 1: Piano del progetto

All'inizio potrebbe sembrare inutile, ma digitare un piano di progetto ti aiuterà sicuramente a lungo termine definendo:

• Cosa vuoi che la tua app faccia in particolare (questo mi ha tenuto nel mio "ambito di pratica")
• Chi è il pubblico previsto
• Se sono possibili implicazioni legali (la mia era un'app medica)
• Qualsiasi altra cosa pensi di dover delineare per tenerti concentrato.

Non potrei davvero sottolineare abbastanza questo passaggio: questo piano di progetto preliminare può essere facilmente adattato in molti documenti necessari per lo sviluppo futuro.

(Nota che questa è fondamentalmente la descrizione della tua app per l'app store! Punteggio!)

Questo piano può essere lungo mezza pagina e 5 pagine, o forse anche di più. Non c'è giusto o sbagliato, qualunque cosa ti aiuti a mettere nero su bianco la tua visione.

Fase 2: ricerca, legale e sviluppo

Una cosa che non avrei potuto immaginare all'inizio del mio viaggio nel design UX è l'enorme quantità di ricerche che avrei fatto. Ora non lasciare che questo ti scoraggi affatto, perché sicuramente mi ha scoraggiato un po' inizialmente a causa del fatto di essere stato colto alla sprovvista da quanto non sapevo di questo campo (che è esattamente quello che dovevamo ricercare, da qui il progetto di ricerca.)

Questo è il passaggio in cui decidi se vuoi scrivere il tuo codice da zero o utilizzare uno dei tanti siti Web di compilazione di applicazioni mobili. Personalmente ho iniziato pensando che avrei "utilizzato semplicemente le mie competenze avanzate" in Java per sviluppare questa app perché immaginavo che sarebbe stato più facile che imparare a utilizzare un'applicazione per la creazione di app. Questo si è rivelato un modo molto inefficiente e scomodo per creare la mia app, il che mi ha fatto finire per passare ad Adobe XD. Consiglio vivamente di esaminarlo come il principale modo costruttivo per mappare visivamente la tua app con una prototipazione intuitiva. Anche se questo non è un perfetto costruttore di app dall'inizio alla fine, funziona bene per costruire le ossa della tua app in modo da poter facilmente consegnare il tuo progetto preliminare a uno sviluppatore professionista (preferibilmente uno che ha i diritti per caricare su iTunes Store e Google Play Store.) Sottolineo questo per portare alla tua attenzione che se usi XD, sebbene sia molto utile per la pianificazione, l'app non sarà pronta per il caricamento negli store.

Inoltre, se attraverso la tua ricerca decidi che non sei più entusiasta della tua idea di app, non tutto è perduto. Con il processo di costruzione non ancora iniziato, puoi semplicemente tornare al tuo piano di progetto e modificare o graffiare completamente il tuo piano originale.

Se ci sono possibili requisiti legali per il creatore o per l'utente, questo è il momento in cui vuoi scoprire tutti i luoghi in cui avrai bisogno di aiuto. È molto più facile prepararsi ad affrontare questi problemi ora in modo da poterli pianificare invece di sorprenderti. Ciò può causare settimane di ritardi, con ripercussioni finali sulla cronologia originale.

Passaggio 3: applicazione per sviluppatori (opzionale)

Ora, se vuoi diventare ufficialmente uno sviluppatore con accesso all'iTunes Store, devi compilare l'applicazione il prima possibile (c'è una commissione di $ 99 associata alla presentazione di questa applicazione). Il loro processo di richiesta richiede un po' di tempo prima che tu venga accettato. Sarebbe più rapido se a questo punto facessi domanda per lo sviluppatore Apple e seguissi il processo di attesa mentre stai ancora costruendo la tua app.

developer.apple.com/programs/

Passaggio 4: codifica del software

Ora che hai completato la ricerca alla base del tuo progetto, è giunto il momento di iniziare a programmare in Adobe XD.

1. Cominciando dall'inizio. Vuoi seguire ogni fase del tutorial (non sono uno per lunghi tutorial, ma questo è indispensabile per il tuo successo con questa app, lo prometto).
2. Assicurati di aver capito come aggiungere testo, pagine, immagini, eliminare oggetti, riordinare le schermate e persino come collegare le tue pagine.
3. Una volta che hai finito e hai compreso le corde, puoi finalmente iniziare a disegnare e codificare la tua app, testare il prototipo e risolvere i problemi!

A questo punto, puoi iniziare a utilizzare alcune delle ricerche che ho trovato su vari strumenti e su come realizzare determinate cose con Adobe Creator per migliorare la tua app. Tuttavia, consiglio vivamente di accedere alla barra di ricerca per cercare elementi specifici che siano unici per il tuo progetto.

Passaggio 5: allungamento/sviluppo finale

Congratulazioni, sei arrivato a questo punto, il che significa che non hai alcun bug nel tuo codice! Da qui dovresti iniziare il beta testing con l'obiettivo non solo di trovare bug estranei, ma anche di ottenere un'opinione imparziale sul tuo prodotto. Una volta che sei soddisfatto del tuo codice, puoi iniziare a spingere allo sviluppo utilizzando risorse esterne.