Share
Obținerea de feedback de la clienți este o parte crucială a oricărui proiect. Nu contează dacă sunteți o echipă a uneia sau a unei echipe de dezvoltatori și designeri, aveți nevoie de feedback de la clientul dvs. pentru a menține proiectul în mișcare înainte.
Proiectarea prototipurilor este un prim pas important spre implicarea clientului dumneavoastră în proiectul general. Nu numai că veți economisi timp prețios în procesul de dezvoltare mai târziu, veți păstra clientul implicat și veți fi nevoiți să îndepărtați funcțiile de mult timp necesare. Folosesc prototipuri pentru toate proiectele mele web ca un prim pas in dezvoltarea unei interfete de utilizator care va ajuta clientul sa imagineze site-ul final.
InVision este instrumentul meu de alegere pentru instrumentele ușor de utilizat și abilitatea de a partaja prototipuri interactive cu clienții. Acest flux de lucru ajută clientul să înțeleagă aspectul unui proiect înainte de a se angaja să codifice. Acest tutorial vă va îndruma în trei moduri: InVision vă poate ajuta să obțineți feedback valoros de la clientul dvs..
Astăzi vom zgâria doar suprafața de utilizare a InVision în fluxul de lucru prototip. Asigurați-vă că ați verificat cursul meu complet privind Prototyping UX pentru dispozitive mobile cu InVision și vedeți cum să proiectați un prototip în Photoshop, să îl aduceți în InVision, să aplicați aceste sfaturi și multe altele.
Înainte de a putea primi feedback despre proiectul dvs., trebuie să trimiteți un link către clientul dvs. Odată ce proiectul dvs. este configurat în InVision, veți vedea două butoane pe ecranul principal. Unul pentru LiveShare și unul pentru Share. Dacă faceți clic pe verde Partajați butonul, veți putea să trimiteți un link de recenzie clientului dvs..
Există mai multe modalități de a împărți un proiect cu InVision. Puteți să copiați și să inserați o adresă URL, să trimiteți un e-mail, să trimiteți pe un dispozitiv mobil (avantajos pentru previzualizări de aplicații mobile), să încorporați o pagină web și să descărcați ecrane. De asemenea, aveți control asupra faptului dacă doriți sau nu să permiteți comentarea, navigarea între ecrane și permiterea navigării tuturor ecranelor din proiect. Cel mai probabil ați permite celor trei pentru interacțiunea maximă de la clientul dvs., dar puteți personaliza aceste setări în consecință.
Acum, că ați trimis un e-mail la clientul dvs., este timpul să analizați modul în care clientul dvs. poate lăsa feedback.
Comentariile au fost de mult timp o metodă universală de schimb de idei și feedback. Instrumentele InVision oferă flexibilitate pentru comentarea directă în ecranele prototip, precum și o căsuță poștală pentru o referință ușoară. Hai să aruncăm o privire.
În interiorul proiectului veți vedea o varietate de opțiuni în partea de sus. În mod implicit, veți ateriza pe pagina ecranelor care afișează toate ecrane pe care le-ați încărcat în proiectul dvs. În continuare, veți vedea o filă Activitate și o fila Comentarii.
Fila Comentarii conține toate comentariile dvs. pentru proiect. Această setare este similară cu formatul Inbox. Este ușor să scanați și să trimiteți un comentariu înapoi.
Faceți clic pe comentariu și va apărea o fereastră pentru a vă introduce răspunsul.
Dar dacă vrei să lași un comentariu pe o anumită parte a ecranului tău? Se îndreaptă spre ecran, trecând deasupra acestuia din ecranul principal și dând clic pe Afișați ecranul. Aceasta vă va duce în modul de previzualizare pentru prototipul dvs. Pentru a lăsa un comentariu, faceți clic pepeBula de dialog pictograma sau lovitura C pentru a activa modul de comentarii.
De aici puteți să faceți clic oriunde pe ecran și să lăsați un comentariu. Puteți chiar să faceți clic pe comentariile anterioare lăsate de clientul dvs. și să trimiteți un răspuns. Finalizați o sarcină solicitată de client prin intermediul unui comentariu? Verifica Marcați ca completă pentru a lăsa o notă că ați terminat-o.
Poate că trebuie să vă asigurați că numai utilizatorii selectați văd comentariile? Schimbare Toata lumea la oricare dintre ele colaboratori sau Dev Notă pentru a lăsa o notă dezvoltatorilor dvs..
Acum că ați revizuit comentariile de la clientul dvs., le puteți lua înapoi la proiectul dvs. și le puteți aplica fie pe ecrane noi pentru a le revizui mai mult, fie pentru a vă deplasa în restul dezvoltării.
LiveShare vă aduce feedback-ul în ceea ce vă permite acum să vă prezentați desenele și să colaborați în timp real. Puteți să vă permiteți accesul la ecrane de proiect, să le marcați cu o tablă virtuală și să participați chiar și la apeluri de conferință gratuite. Să o vedem în acțiune.
Pentru a activa LiveShare puteți să faceți clic pe butonul albastru LiveShare găsit în orice ecran al proiectului dvs. sau în ecranul principal când vă conectați pentru prima dată la proiectul dvs. Ecranul LiveShare se va încărca într-o filă nouă a browserului dvs. și va conține o varietate de opțiuni și instrumente de colaborare. Puteți distribui imediat link-ul către ecranul LiveShare cu alții.
Odată ce clientul și echipa dvs. se alătură LiveShare, puteți participa la un chat de grup direct pe ecran.
Desenați direct pe ecran sau mergeți la o tablă albă separată pentru mai mult spațiu. Puteți chiar să salvați sau să trimiteți prin e-mail desenele dvs. pentru referințe ulterioare.
Bacsis: deși nu este necesar, aceasta ajută la desenarea cu un stilou în loc de un șoarece.
De asemenea, puteți comuta între mai multe ecrane astfel încât să puteți revedea întregul flux de utilizator prototip. De asemenea, revizuiți sau lăsați noi comentarii ca o echipă în timp real. Acest lucru funcționează minunat dacă participați împreună cu echipa dvs. pentru a revizui un proiect înainte de a discuta totul cu clientul dvs..
Terminați LiveShare oricând și reveniți la ecranele de proiect, încărcați modificările pe baza conversației dvs. și continuați cu proiectarea și dezvoltarea.
LiveShare PS vă permite partajarea proiectelor în timp real în Photoshop. Acest lucru este ideal pentru echipe care lucrează la un design și trebuie să vadă opțiunile de culoare sau mai multe funcții. De asemenea, este minunat pentru acel client incert care ia decizii bazându-se pe prima vedere. Această metodă elimină definitiv e-mailurile înainte și înapoi partajând mai multe ecrane și așteptând un răspuns. În schimb, hop în Photoshop, activați pluginul LiveShare și sunteți gata să împărtășiți modificările proiectului în timp real.
Notă: LiveShare PS este compatibil numai cu cea mai recentă versiune a Photoshop CC 2014, pe OS X. Puteți descărca pluginul aici.
Vizualizarea pentru clienții și echipele dvs. este identică cu ecranul LiveShare. Diferența esențială este că designerul care inițiază LiveShare în Photoshop poate interacționa cu Photoshop pe lângă ecranul browserului. Toată lumea din LiveShare poate să vadă schimbările instantaneu, să lase feedback în chatul de grup sau în comentarii și să atragă pe orice zonă a ecranului.
De exemplu, să presupunem că doriți să schimbați culoarea bannerului "Fiți în cunoștință" de la gri la fantezie.
Ai face schimbarea pe stratul Photoshop corespunzător și ar apărea repede în timp real pe ecranul browserului LiveShare al tuturor. 
Aceasta este o colaborare excelentă în timp real, care face ca întregul flux de lucru al prototipurilor să devină mai eficient și raționalizat. Puteți obține imediat feedback și puteți rezolva orice incertitudine dintre clienții și echipele dvs. chiar în Photoshop, fără a mai merge vreodată înainte și înapoi în e-mailul dvs..
Acum că ați văzut ce este posibil cu InVision, este timpul să aplicați acest lucru proiectelor dvs. Îmbunătățiți fluxurile de lucru și obțineți feedback instant de la echipe și clienți!
Treceți la cursul meu privind Prototyping UX pentru dispozitive mobile cu InVision. Acest curs vă va ghida prin întregul flux de lucru al proiectului prototip, de la proiectul scurt și macheta în Photoshop la feedback-ul și revizuirile clienților. De asemenea, veți descoperi cum să creați prototipuri mobile în Photoshop înainte de a vă scufunda în InVision pentru a simula interacțiunile utilizatorilor.
Accentsconagua