Creazione di prototipi interattivi con Adobe XD

Prototipazione interattiva con Adobe XD

“Siamo giunti alla fine del corso, spero vi sia piaciuto tanto quanto me. Ora hai imparato tutto ciò che devi fare per realizzare prototipi animati con Adobe XD. Ti invito a creare il tuo prototipo, puoi utilizzare qualsiasi problema esistente o usarne uno immaginario come ho fatto io. Non preoccuparti perché non percorrerai questo percorso da solo, ti guiderò e ti supporterò attraverso il forum. Condivido con voi la serie di passaggi che mi piacerebbe vedere dal vostro progetto. Cosa vuoi risolvere? Tutto nasce da questa domanda, quindi prenditi il tuo tempo e pensa al problema che vuoi risolvere, pensaci con calma, ricorda che molte App hanno ottenuto il loro successo grazie alle loro proposte di risoluzione.

Crea e ricerca Una volta definito il problema, è il momento di iniziare a creare una mappa dell'esperienza, utilizzarla per scaricare tutte le informazioni che possono aiutare il tuo utente a risolvere il problema, nonché le varianti che possono sorgere lungo il percorso. Ricorda che i tuoi "giocatori" devono raggiungere l'obiettivo! Con questo definito quindi, è il momento di iniziare a indagare, assumersi il compito di vedere se ci sono altre persone che risolvono la tua stessa cosa, se ce ne sono, quindi dai un'occhiata a ciò che hanno creato, cerca le lacune che le loro proposte hanno e pensano a un elemento di differenziazione per la tua proposta. Se invece sei il primo, cerca quelli che consideri per risolvere problemi simili ai tuoi. Infine, con tutte le informazioni della tua ricerca, crea un mood board che possa servire come riferimento e ispirazione. Gli schizzi Esamina il flusso per vedere se ci sono delle lacune. Se non li hai trovati, ora sì, inizia a fare gli schizzi dei tuoi schermi che hanno le caratteristiche che ritieni importanti. I tuoi schermi risolvono il tuo obiettivo? Sei soddisfatto di come appare il tuo schizzo? Digitalizzazione Porta i tuoi schizzi in Adobe XD. Esplora percorsi visivi, fino ad arrivare al percorso che ti piace di più. Ricorda che tutto deve essere coerente, ovvero prova a utilizzare lo stesso carattere e la stessa dimensione per tutti i tuoi schermi. Con il tuo mood board a portata di mano, scegli i tuoi caratteri, le tue icone, tutto. Ricordati di mantenere un ordine e assicurati che tutto sia sullo schermo che desideri. Nasce il prototipo Sai già come apparirà il tuo prodotto, ora è il momento di iniziare a collegare i pulsanti con le schermate di destinazione. Per fare ciò, organizza i tuoi schermi in Adobe Xd. Quando provi come funzionano i tuoi pulsanti, non preoccuparti se commetti un errore, puoi imparare tutto. Organizza il tuo flusso! Cosa viene prima e cosa viene dopo? Anima il tuo prototipo All'interno di Adobe XD vai all'opzione Autoanimate, così inizierai a dare vita al tuo prototipo. Assicurati di ripetere i componenti della schermata di destinazione nelle schermate precedenti. Verifica che ciò che stai preparando sia effettivamente fatto. Sii paziente e ordinato, questo renderà l'animazione più facile! Tutto funziona! Usando il mirror con il tuo computer e il tuo cellulare prova il tuo prototipo, questo sarà molto importante perché ti aiuterà a identificare alcune aree di opportunità. Ricorda anche che puoi esportare il tuo prototipo per eseguire alcuni test utente. Se decidi di fare il tuo test utente, assicurati di sapere se il tuo prototipo risolve il problema e se la tua esperienza è buona, cogli anche l'occasione per ottenere maggiori informazioni che si aggiungono al tuo progetto. Il tuo prototipo è pronto! Ricorda che non importa se non hai un progetto alla porta, puoi esercitarti a portare a termine un ipotetico problema. Ti invito a non smettere di costruire o sviluppare altri prototipi. Non scoraggiarti se non è perfetto la prima volta, troverai sempre qualcosa da migliorare, questo ci aiuta a crescere, imparare ed essere migliori. Non smettere di creare, testare, sbagliare e imparare! Ti ringrazio di cuore per aver partecipato a questo corso. Continua a esercitarti, non arrenderti. Aspetterò di vedere il tuo progetto, ti risponderò nel forum il prima possibile. A presto! ”

Trascrizione parziale del video

“Progetto finale Facciamo un riassunto del corso. Per prima cosa ti ho parlato di me e delle mie influenze e parliamo del progetto su cui lavoreremo nel corso. Definiamo cos'è un prodotto digitale e come interagiamo con esso. oltre a cos'è un prototipo e perché è utile animarlo. Ti ho dato i vantaggi di Adobe XD per creare prototipi animati. Successivamente, abbiamo rilanciato il progetto e creato una mappa di navigazione. Definiamo un obiettivo principale e cerchiamo possibili soluzioni. Disegniamo gli schermi per rivedere l'esperienza e poi passiamo gli schizzi ad Adobe XD per lavorarci so...”

Questa trascrizione è stata generata con sistemi automatici, quindi può contenere errori.

Riepilogo del corso: Creazione di prototipi interattivi con Adobe XD

• Livello: Principiante
• 96% valutazioni positive (78)
• 1965 allievi
• 5 unità didattiche
• 17 lezioni (2h 36m)
• 11 download

• Categoria

  Web & App Design

• Software

  Adobe XD

• Aree

  Design digitale, Design interattivo, Progettazione di applicazioni, UX / UI, Web design