Lezione dal corso UX Design
Come abbiamo visto, in genere si definisce mockup per la prototipazione statica del prodotto, mentre quella dinamica, quella che permette di emulare il rapporto tra i vari Touch point e i vari componenti, viene definito prototipo o anche prototipo funzionale.
Realizzare un prototipo funzionale oggigiorno è davvero molto semplice, in quanto sono state integrate tali funzionalità all'interno dei tool che servono per realizzare i prototipi.
Cosa significa avere un prototipo funzionale? Avere un prototipo che potenzialmente utilizzato, simula il funzionamento del prodotto.
Io posso dire al mio tool che se L'utente prova a cliccare sul bottone del prototipo, questo bottone porterà la pagina esattamente come farà il prodotto.
Una volta che sarà sviluppato questo esercizio, possiamo farlo tranquillamente con Fig.
Ma quindi, dopo aver fatto un bel po' di pratica con la prototipazione statica, dopo aver preso un po' di esempi averli manipolati, proviamo a renderli funzionali, quindi a collegarli tra di loro attraverso dei touch point, ad esempio, prendiamo la mia home page, la homepage del mio prodotto.
Voglio fare in modo che l'utente cliccando su Aggiungi pianta, vada alla pagina dove effettivamente può aggiungere una pianta.
Per realizzare questo esercizio dovro', selezionare il mio bottone e selezionare la Fleur prototipi di Fig.
Ma una volta selezionato prototipi, notiamo che qualcosa è cambiato nel componente che abbiamo selezionato.
Infatti un pallino con all'interno un più è comparso sul lato del nostro componente.
Questo ci permette di creare un collegamento.
Raggiungiamo la nostra schermata che è un po' lontano e in questo modo abbiamo detto Fig.
Ma ogni volta che da quella schermata l'utente clicca su Aggiungi Pianta deve atterrare su Quest'altra schermata la prototipazione in Fig.
Ma è abbastanza completa.
Infatti ci permette di inserire sia informazioni su come vogliamo che l'utente interagisca col componente la piu' comune al click, ma possiamo anche dirgli quando l'utente fa over sul componente quindici passa semplicemente col mouse.
In questo caso a noi va bene al click possiamo anche dire in che modo la schermata farà il suo ingresso, quindi anche gestire delle piccole animazioni e anche dirgli se ho scrollato in basso preserva la posizione dello scroll.
Quindi se io ho scrollato una schermata fino in basso, la prossima partirà esattamente da quella posizione, altrimenti partirà dall'alto della schermata.
Facciamo una prova per vedere se ha funzionato cliccando sul tasto play ecco Fig.
Ma ha caricato il mio prototipo.
Noterete che andando sul bottone é un link, clicco, si aggiunge pianta, visualizzo la schermata che dovrebbe uscire sul prodotto al click su Aggiungi pianta.
Tornando al prototipo possiamo fare anche cose molto più complesse.
Io infatti per il mio esercizio ho provato a simulare un flusso.
Vediamo insieme come viene il flusso simulato.
Ho provato a simulare il momento in cui un utente prova a cambiare la frequenza di innaffiature di una pianta, dato che il mio Thule una V al momento è tutto manuale.
Quindi l'utente a inserire la frequenza di innaffiature.
Vado sulle mie piante e seleziona una pianta questa nella mia scheda pianta voglio cambiare la frequenza.
Innaffiature, quindi clicco sul tasto modifica.
I campi diventano cliccabili.
Seleziona la tipologia di innaffiature.
Seleziona la frequenza di innaffiature da una volta al mese.
Voglio cambiarla in due volte al mese nelle note mi va bene così.
Clicco su salva messaggio di controllo che mi avvisa che quello che sto facendo sovrascrive ra.
Le informazioni precedenti sono d'accordo sopra.
Scrivo e adesso la mia scheda contiene le informazioni aggiornate.
Immaginate quante potenzialità avere un prototipo del genere da testare con gli utenti.
Infatti molto spesso si parla di prototipi testing il prototipo testing sono utilissimi e possiamo assolutamente simulare il funzionamento del prodotto prima ancora che questo venga sviluppato in modo tale da non sprecare è forte tecnico e andare a identificare eventuali problematiche o eventuali frizioni prima ancora che vada in sviluppo.
Il prodotto nell'esercizio che vi consiglio di fare è di provare a prendere i prototipi che avete fatto in precedenza e in qualche modo a giocare con la fessura prototipi di FIG.
Ma quindi provando a simulare dei flussi, ovviamente tenendo sempre in mente il flow chart che abbiamo realizzato in precedenza.
Provare quindi a connettere tutti point e farlo.
Puoi provare a qualche amico in modo tale da avere un po' delle indicazioni su come sarà l'utilizzo del nostro prodotto.
Learnn è la piattaforma online che ti aiuta a 360 gradi a crescere nel digitale. Sviluppa competenze con oltre 220 corsi, condividi i tuoi risultati, fai networking con otre 120.000 professionisti/e e oltre 300 aziende.
Vogliamo cambiare l’Italia, una persona alla volta.
Per farlo ci proponiamo di democratizzare l’apprendimento e accelerare la crescita di persone, idee e aziende attraverso strumenti tecnologici a supporto di qualsiasi professionista.
Learnn prevede un piano totalmente gratuito (Free) che ti permette di iniziare qualsiasi corso che abbiamo su Learnn.
Per chi volesse finire i corsi, ottenere certificazioni e connettersi con professionisti e aziende, Learnn Pro permette di avere accesso illimitato a tutto questo. Il corso di Learnn Pro è 9.99 euro / mese e puoi disdire quando vuoi.
Per i team di aziende abbiamo anche un Piano Team con oltre 300 clienti aziendali.
Potrai seguire i contenuti da computer, tablet e smartphone.
Scarica l’App iOS/Android Learnn e segui i contenuti in modalità video, audio e testo.
Learnn ha un piano gratuito che ti permette di accedere all 40% di ogni corso in maniera gratuita e solo con la tua email.
Learnn offre sia un piano gratuito con accesso limitato ai contenuti, sia un piano PRO del costo di soli 9.99 euro al mese con cui potrai avere accesso a tutti i nostri contenuti senza limiti o sorprese.
Una volta completata l’iscrizione sarà possibile gestire i propri dati e disdire in qualsiasi momento e in completa autonomia.
No, non offriamo certificazioni, facciamo di meglio.
Man mano che completi corsi potrai verificare le tue competenze e condividerle sul tuo profilo LinkedIn o CV.
Inoltre abbiamo sviluppato una feature chiamata Profile attraverso il quale otterrai un link personale per mostrare in tempo reale tutti i contenuti da te completati e molto altro.
Immagine personale, username, badge, link esterni e molto altro.
Crea una vera e propria sales page dove il prodotto in vendita sono le tue competenze.
Se avessi altre domande puoi usare la live chat qui di fianco.
Per partnership compila questo form
La nostra vision è rendere l'Italia famosa nel mondo per l'esecuzione.
La missione di Learnn
è accelerare la crescita di ogni individuo rendendo accessibili conoscenza, opportunità e tecnologia per avere un impatto positivo sul mondo e sugli altri.
Tutto incluso (come Netflix), IVA inclusa, nessuna sorpresa o addebito indesiderato.
Disdici quando vuoi, in 1 click.
Scegli di migliorare ogni giorno per 12 mesi senza interruzioni scegliendo il piano annuale.
In un unico pagamento annuale
Disdici quando vuoi, in 1 click.
Con l’abbonamento otterrai:
Consuma i +200 corsi e webinar di Learnn da webapp o app iOS e Android, in formato video, audio o testo.
Con l'abbonamento a Learnn hai accesso a tutto (proprio tutto) ciò che contiene la piattaforma.
Ogni mese registriamo nuovi corsi su tutto cio di cui potresti avere bisogno nel mondo digitale.
Con l'app Learnn trasformi ogni momento di vuoto in un'occasione di apprendimento.
Scarica tutto il materiale che ti serve e utilizza i moduli riassuntivi per fissare i concetti.
Ogni settimana nuove offerte di lavoro da parte di tantissime aziende che operano nel mondo digitale.