Share
Ricevere feedback dai clienti è una parte cruciale di qualsiasi progetto. Non importa se sei un team di uno o un team di sviluppatori e designer, hai bisogno di feedback dal tuo cliente per far progredire il progetto.
Progettare prototipi è un ottimo primo passo per coinvolgere il cliente nel progetto complessivo. Non solo risparmierai tempo prezioso nel processo di sviluppo in seguito, manterrai il tuo cliente coinvolto e appianerai subito alcune funzionalità tanto necessarie. Io uso i prototipi per tutti i miei progetti web come primo passo nello sviluppo di un'interfaccia utente che aiuterà il cliente a immaginare il sito web finale.
InVision è il mio strumento di scelta per i suoi strumenti facili da usare e la possibilità di condividere prototipi interattivi con i clienti. Questo flusso di lavoro aiuta il cliente a capire l'aspetto di un progetto prima di impegnarsi a programmare. Questo tutorial ti guiderà attraverso tre modi in cui InVision può aiutarti a ottenere un prezioso feedback dal tuo cliente.
Oggi analizzeremo solo la superficie di come utilizzare InVision nel tuo flusso di lavoro prototipo. Assicurati di controllare il mio corso completo su UX Prototyping per dispositivi mobili con InVision e scopri come progettare un prototipo in Photoshop, portarlo in InVision, applicare questi suggerimenti e altro ancora.
Prima di poter iniziare a ricevere feedback sul tuo progetto, devi inviare un link al tuo cliente. Una volta che il tuo progetto è stato configurato in InVision, vedrai due pulsanti sulla schermata principale. Uno per LiveShare e uno per Share. Se clicchi sul verde Pulsante Condividi, sarai in grado di inviare un link di recensione al tuo cliente.
Esistono molti modi per condividere un progetto con InVision. È possibile copiare e incollare un URL, inviare una e-mail, inviare a un dispositivo mobile (ideale per le anteprime delle app mobili), incorporare una pagina Web e le schermate di download. Hai anche il controllo sull'opportunità o meno di consentire commenti, navigazione tra schermate e consentire la navigazione di tutte le schermate del progetto. Molto probabilmente permetteresti a tutti e tre di interagire al massimo con il tuo cliente, ma puoi personalizzare queste impostazioni di conseguenza.
Ora che hai inviato un'email al tuo cliente, è tempo di vedere come il cliente può lasciare un feedback.
Commentare è stato a lungo un metodo universale per scambiare idee e feedback. Gli strumenti di InVision offrono flessibilità per commentare direttamente nelle schermate del prototipo e una casella di posta elettronica per una facile consultazione. Diamo un'occhiata.
All'interno del progetto vedrai una varietà di opzioni nella parte superiore. Di default ti atterri sulla pagina degli schermi che mostra tutte le schermate che hai caricato nel tuo progetto. Accanto a questo, vedrai una scheda Attività e la scheda Commenti.
La scheda Commenti visualizza tutti i commenti per il progetto. Questa configurazione è simile a un formato di posta in arrivo. È facile scansionare e inviare un commento indietro.
Fai clic sul commento e verrà visualizzata una finestra in cui inserire la tua risposta.
Ma cosa succede se vuoi lasciare un commento su una parte specifica del tuo schermo? Andare sullo schermo passando sopra di esso dalla schermata principale e fare clic Visualizza schermo. Questo ti porterà nella modalità di anteprima per il tuo prototipo. Per lasciare un commento, cliccasulfumetto icona o hit C per attivare la modalità commenti.
Da qui puoi cliccare ovunque sullo schermo e lasciare un commento. Puoi anche fare clic sui commenti precedenti lasciati dal tuo cliente e inviare una risposta. Termina un compito richiesto dal cliente tramite un commento? Dai un'occhiata Contrassegna come completo lasciare una nota che hai finito.
Forse è necessario assicurarsi che solo gli utenti selezionati vedano i commenti? Modificare Tutti per entrambi collaboratori o Dev Note lasciare una nota ai tuoi sviluppatori.
Ora che hai esaminato i commenti del tuo cliente, puoi riportarli al tuo progetto e applicarli a nuovi schermi per ulteriori revisioni o passare al resto del tuo sviluppo.
LiveShare porta il tuo feedback nel momento in cui puoi presentare i tuoi progetti e collaborare in tempo reale. È possibile condividere le schermate del progetto, contrassegnarle con una lavagna virtuale e persino effettuare chiamate in conferenza gratuite. Vediamolo in azione.
Per attivare LiveShare è possibile fare clic sul pulsante blu LiveShare presente in qualsiasi schermata del progetto o nella schermata principale quando si accede per la prima volta al progetto. La schermata di LiveShare verrà caricata in una nuova scheda del browser e verrà fornita con una varietà di opzioni e strumenti di collaborazione. È possibile condividere immediatamente il collegamento alla schermata di LiveShare con gli altri.
Una volta che il tuo cliente e il tuo team si uniscono a LiveShare, puoi attivare una chat di gruppo direttamente sullo schermo.
Disegna direttamente sullo schermo o vai a una lavagna virtuale separata per più spazio. Puoi persino salvare o inviare per e-mail i tuoi disegni per riferimenti futuri.
Mancia: sebbene non richiesto, aiuta a disegnare con una penna invece che con un mouse.
È anche possibile passare da una schermata all'altra in modo da poter rivedere l'intero flusso dell'utente prototipo. Esamina o lascia nuovi commenti in team in tempo reale. Funziona alla grande se stai lavorando insieme al tuo team per rivedere un progetto prima di parlare del tuo cliente.
Terminare LiveShare in qualsiasi momento e tornare alle schermate del progetto, caricare le modifiche in base alla conversazione e continuare con la progettazione e lo sviluppo.
LiveShare PS porta la condivisione del tuo progetto in tempo reale direttamente in Photoshop. Questo è l'ideale per i team che stanno lavorando su un progetto e hanno bisogno di vedere le opzioni di colore o più funzioni. È anche fantastico per quel cliente incerto che prende decisioni basandosi sul vederlo prima. Questo metodo elimina definitivamente le email avanti e indietro condividendo più schermi e aspettando una risposta. Entra invece in Photoshop, attiva il plug-in LiveShare e sei pronto per condividere le modifiche del progetto in tempo reale.
Nota: LiveShare PS è compatibile solo con l'ultima versione di Photoshop CC 2014, su OS X. Puoi scaricare il plug-in qui.
La vista per i tuoi clienti e team è identica alla schermata LiveShare. La differenza principale è che il designer che avvia LiveShare in Photoshop può interagire con Photoshop oltre alla schermata del browser. Tutti in LiveShare possono vedere le modifiche istantaneamente, lasciare un feedback nella chat di gruppo o nei commenti e disegnare su qualsiasi area dello schermo.
Ad esempio, supponiamo di voler cambiare il colore del banner "Be in the Know" da grigio a verde acqua.
Dovresti apportare la modifica al livello di Photoshop corrispondente e apparire rapidamente in tempo reale sulla schermata del browser LiveShare di tutti. 
Questa è una collaborazione eccezionale in tempo reale che rende l'intero flusso di lavoro di prototipazione più efficiente e più snello. È possibile ottenere feedback istantaneamente e risolvere eventuali incertezze tra i clienti e i team direttamente in Photoshop senza mai andare avanti e indietro nella tua e-mail.
Ora che hai visto ciò che è possibile con InVision, è il momento di applicarlo ai tuoi progetti. Migliora i tuoi flussi di lavoro e ricevi feedback istantanei dai tuoi team e clienti!
Vai al mio corso su UX Prototyping per dispositivi mobili con InVision. Questo corso ti guiderà attraverso l'intero prototipo del flusso di lavoro di progettazione, dal brief di progetto e mock-up in Photoshop al feedback e alle revisioni dei clienti. Scoprirai inoltre come creare prototipi ottimizzati per dispositivi mobili in Photoshop prima di immergerti in InVision per simulare le interazioni dell'utente.
Accentsconagua