Instrumentul potrivit pentru job: alegeți cel mai bun software de prototipare pentru proiectul dvs

Publicat: 2022-03-10
Rezumat rapid ↬ Instrumentele de prototipare au devenit o resursă importantă pentru noi, designerii, permițându-ne să documentăm mai multe stări ale unui singur ecran, inclusiv animații, tranziții și microinteracțiuni care sunt greu de reprezentat în documentația statică. Companiile care acordă atenție acestei tendințe au început să construiască instrumente de prototipare pentru a răspunde acestei nevoi; iar astăzi vedem că apar în mod regulat o multitudine de instrumente. Dar pe care ar trebui să alegi? Mai important, ce întrebări ar trebui să vă adresați dvs. și echipei dvs. pentru a vă asigura că o alegeți pe cea potrivită?

Instrumentele de prototipare au devenit o resursă importantă pentru noi, designerii, permițându-ne să documentăm mai multe stări ale unui singur ecran, inclusiv animații, tranziții și microinteracțiuni care sunt greu de reprezentat în documentația statică.

Companiile care acordă atenție acestei tendințe au început să construiască instrumente de prototipare pentru a răspunde acestei nevoi; iar astăzi vedem că apar în mod regulat o multitudine de instrumente. Dar pe care ar trebui să alegi? Mai important, ce întrebări ar trebui să vă adresați dvs. și echipei dvs. pentru a vă asigura că o alegeți pe cea potrivită?

Citiți suplimentare despre SmashingMag:

  • 12 factori în selectarea unui instrument de prototipare mobil
  • Ghidul scepticului pentru prototipuri cu fidelitate scăzută
  • Utilizarea Sketch pentru Web Design responsive
  • Obținerea corectă a fluxului de lucru pentru schiță: manualul schiței

„Ce instrument ar trebui să folosesc?” a devenit una dintre cele mai frecvente întrebări în forumurile online, întâlnirile de design și blogurile. S-a transformat într-o dezbatere destul de pasională – iar designerii tind să argumenteze rapid pentru un anumit instrument sau aplicație.

Mai multe după săritură! Continuați să citiți mai jos ↓

Adevărul este că nicio soluție nu este una pentru toate . Din ce în ce mai mult, designerii trebuie să aibă la dispoziție o gamă largă de instrumente, să înțeleagă avantajele și dezavantajele fiecăruia și să poată decide rapid asupra fluxului de lucru cel mai potrivit pentru contextul dat.

Instrumente
„Ce instrument ar trebui să folosesc?” a devenit una dintre cele mai frecvente întrebări adresate online. (Vezi versiunea mare)

În procesul de evaluare parcurg mai mulți pași. Profesioniștii cu experiență și managerii de echipă sunt capabili să aleagă instrumentul potrivit pentru job destul de rapid - de îndată ce sunt informați despre un nou proiect și înțeleg unde va fi utilizat prototipul.

Mai jos, vom explora cinci pași pentru a decide cu privire la instrumentul de prototipare potrivit pentru proiectul dvs.: de la definirea obiectivelor, la înțelegerea cerințelor și contextului, până la evaluarea opțiunilor disponibile. Obiectivul este de a ghida designerii care iau această decizie pentru prima dată sau care se confruntă cu un proiect cu cerințe și constrângeri unice.

Înainte de a ne murdari mâinile cu construirea prototipului, trebuie să ne gândim de ce o facem. Ce problemă încearcă să rezolve prototipul? De ce credem că va ajuta proiectul în acel moment?

1. Chiar aveți nevoie de un instrument de prototipare?

A fi capabil să arate în mod tangibil cum ar trebui să funcționeze un produs în timp ce este încă proiectat are beneficii incontestabile pentru proiect și le permite designerilor să se gândească la interacțiuni în cel mai dinamic și real mod posibil. Trăim într-o lume de interfețe vii, interactive, care sunt greu de reprodus în afara mediului lor live - iar prototipurile interactive fac o treabă foarte bună în a emula această experiență.

Dar, în unele cazuri, un instrument de prototipare nu este cu adevărat necesar. Când proiectul este în fazele sale incipiente și tot ce vrei să faci este să validezi un concept, un prototip de hârtie este adesea mai eficient în a reprezenta modul în care ar trebui să funcționeze produsul. Prototipurile de hârtie elimină nevoia de a petrece timp cu software-ul (și, în unele cazuri, de a învăța cum să-l folosească), permițând în același timp iterații rapide, cu fidelitate scăzută ale designului, care se concentrează mai mult pe testarea unui concept decât pe validarea problemelor specifice de utilizare. .

Prototipuri de hârtie
Prototipurile din hârtie pot fi incredibil de eficiente în validarea unei idei de produs. (Vezi versiunea mare)

În alte cazuri, în loc să creați un prototip de sine stătător cu software dedicat, cel mai bun lucru de făcut este să începeți construirea produsului în limbajul final de programare. Când construiesc un site web, unii oameni încep imediat cu un prototip HTML. Framework-uri precum Bootstrap vă pot ajuta să creați un site web receptiv destul de rapid și, în unele cazuri, nu necesită cunoștințe tehnice avansate. Rețineți că tipul de cod care este scris pentru un prototip HTML este aproape întotdeauna aruncat, deoarece este scris rapid și posibil de neexperti.

Înainte de a cheltui energie încercând să selectați software-ul potrivit pentru lucrare, discutați cu echipa dacă un prototip interactiv este într-adevăr cea mai bună soluție și ce tip de prototip va îndeplini cel mai bine nevoile specifice ale proiectului respectiv.

2. Definiți Obiectivele

Definirea scopului prototipului vă poate ajuta să vă gândiți la nivelul de fidelitate și funcționalitate necesar - care informează direct alegerea instrumentului de prototipare.

Graficul de mai jos oferă o privire de ansamblu asupra unor motive comune pentru crearea unui prototip în faza de proiectare. Aceste categorii nu sunt exhaustive, iar în unele cazuri același prototip poate deservi zone diferite, dar cadrul poate fi folosit ca punct de plecare pentru a prioritiza obiectivele prototipului.

Care dintre următoarele este obiectivul dvs. cheie?

Matricea obiectivelor prototip
Definirea obiectivului cheie al prototipului dumneavoastră vă poate ajuta să evaluați nivelul de fidelitate și interactivitate necesar. (Vezi versiunea mare)
  • Pentru a vinde o idee într-o prezentare client . Prototipurile sunt incredibil de utile pentru a da viață conceptelor. Ele sunt, de asemenea, un instrument excelent de vânzări pentru a prezenta idei clienților și părților interesate importante; vizualizarea unei idei în formă interactivă îi poate ajuta să „viseze mare”. În astfel de cazuri, funcționalitatea prototipului tinde să fie mai superficială, reprezentând doar caracteristicile de bază și fluxurile de utilizatori care ajută la vânzarea ideii. Domeniul de aplicare al produsului nu trebuie să fie pe deplin reprezentat în prototip, dar un pic de lustruire vizuală va avea un impact mare. Rețineți că un prototip orientat spre vânzări trebuie adesea aruncat atunci când începe faza reală de proiectare centrată pe utilizator.
  • Pentru a testa experiența cu utilizatorii . Punerea prototipurilor în fața utilizatorilor este o parte importantă a ceea ce facem noi ca designeri atunci când pledăm pentru cea mai bună experiență posibilă pentru utilizator. Cu cât poți aduna mai devreme feedback pentru a corecta cursul, cu atât mai bine. Prototipurile pentru testarea utilizatorilor tind să fie puțin mai rafinate – deși prototipurile din hârtie funcționează bine și atunci când produsul este în stadiile incipiente. Prototipul trebuie să fie la fel de robust ca și complexitatea sarcinilor pe care le atribuiți utilizatorilor în timpul sesiunii de testare.
  • Pentru a demonstra un concept intern . Uneori, un prototip este folosit doar ca o dovadă internă a conceptului - aveți o idee și doriți să vă asigurați că funcționează cu adevărat sau se simte corect. Un prototip rapid vă va ajuta să căutați ideea cu mai multe părți interesate înainte de a investi timp și efort în proiectarea întregului produs sau caracteristică.
  • Pentru a testa logica și fezabilitatea . În unele cazuri, echipa chiar trebuie să testeze dacă o caracteristică este fezabilă înainte de a trece la dezvoltare. Prototipul poate funcționa ca un document viu, pentru a fi folosit în discuțiile dintre designeri și dezvoltatori, precum și un mediu sandbox pentru testarea ideilor și integrarea funcționalității.

Diagrama de mai sus vă poate oferi un avans în definirea obiectivelor pentru prototipul dvs. Dar rețineți că nivelul de fidelitate va varia în funcție de context. Punerea unui prototip de joasă fidelitate în fața utilizatorilor și clienților este perfect normală, mai ales dacă sunteți în căutarea unui feedback timpuriu asupra unui concept.

3. Înțelegeți cerințele

Odată ce obiectivul de nivel înalt al prototipului este definit, este timpul să analizați probleme mai specifice care vă vor informa decizia, cum ar fi cele legate de software, hardware, sincronizare și resurse.

O greșeală comună pe care designerii o fac la începutul unui proiect este să sară direct în instrumentul lor de prototipare preferat, fără a-și face timp să se întâlnească cu echipa și să discute contextul în care acel prototip va fi construit, partajat și vizualizat. Va fi greu să vă răzgândiți dacă ați investit multe ore în construirea unei prime versiuni a prototipului.

Fidelitate în UX
Nivelurile de fidelitate într-un proiect livrabil: schiță manuală, wireframe, machetă (Vezi versiunea mare)

Întâlnește-ți echipa și parcurge câteva dintre întrebările de mai jos. Implicați managerii de proiect, designerii și dezvoltatorii în discuție - grupul în ansamblu va trebui să răspundă la majoritatea întrebărilor din listă, luând în considerare cerințe precum calendarul, bugetul, setul de abilități și compatibilitatea tehnică.

În funcție de modul în care sunt configurați diferiți factori, un prototip poate lua diferite forme. S-ar putea să reușești să scapi cu schițe de mână și cadru de sârmă, de exemplu. În unele cazuri, o combinație HTML și CSS nelustruită, piratată va fi potrivită. În alte cazuri, va trebui să creați un prototip mai bogat și mai rafinat pentru a înțelege cu adevărat dacă și cum va funcționa o anumită interacțiune.

Domeniu de aplicare: Fluxuri de prototipuri vs. Interacțiuni

Intrebari obisnuite:

  • Încercați să demonstrați un flux cu o serie de pași sau reprezentați o interacțiune mai limitată?
  • Care este cea mai importantă parte a fluxului sau a interacțiunii pe care trebuie să o prototipați pentru a transmite ideea? Care este dimensiunea ecranului unde se va întâmpla acea experiență?

Lumea instrumentelor de prototipare poate fi împărțită destul de ușor în două grupuri: instrumente care vă permit să emulați fluxurile de utilizatori și instrumente care sunt mai concentrate pe reprezentarea unei interacțiuni specifice.

Dacă încercați să spuneți o poveste despre produsul dvs. sau despre modul în care utilizatorii îl vor experimenta, atunci prototiparea unui flux ar putea fi o abordare mai bună. În acest caz, instrumente precum InVision, Axure și Keynote sunt extrem de puternice în creșterea eficienței și pentru a face prototipul să se simtă conectat la povestea pe care încercați să o spuneți.

Dacă încercați să reprezentați o interacțiune unică și aprofundată și doriți să utilizați prototipul ca o modalitate tangibilă de a explica comportamentul acestuia părților interesate și membrilor echipei, atunci s-ar putea să doriți să vă concentrați pe un grup diferit de instrumente. Framer, Principle, Pixate și Origami sunt în fruntea acestei liste.


Un prototip de glisare de carduri creat cu Principle: concentrarea pe o interacțiune specifică, conținută

Considerații:

  • capacitatea de a emula un flux
  • nivelul de fidelitate și interactivitate permis de instrument
  • dispozitive acceptate

Fidelitate: definirea fluxului de lucru și a luminii vizuale

Intrebari obisnuite:

  • Intenționați să utilizați wireframes sau machete vizuale ca punct de plecare?
  • Mai trebuie proiectate ecranele?
  • Este aceeași persoană responsabilă pentru proiectarea și prototiparea?
  • Va trebui echipa ta să predea prototipul unei alte echipe la un moment dat?
  • Care este aspectul așteptat al prototipului final?

Unele instrumente de prototipare vă permit să proiectați și să construiți în același timp, în timp ce altele sunt mai concentrate pe importarea activelor existente - cum ar fi wireframes sau panouri vizuale - în pânză.

Acordați-vă timp pentru a discuta despre procesul de proiectare așteptat cu echipa dvs. În unele cazuri, prototipul va trebui să fie construit pe baza activelor existente (de exemplu, echipa s-ar putea să fi simulat deja compoziții vizuale pentru interfața de utilizare) - și tot ce va trebui să facă designerul este să conecteze machetele într-un flux coerent. sau narațiune. Mai multe instrumente sunt mai mult axate pe conectarea ecranelor și pe emularea interacțiunilor pe măsură ce utilizatorul trece prin flux. InVision și Keynote sunt exemple bune în acest sens.

În alte cazuri, același membru al echipei va trebui să proiecteze interfața de utilizare și să construiască prototipul în același timp . Posibilitatea de a repeta simultan aceste două aspecte ale designului va permite un produs mai rafinat și mai interactiv la sfârșitul fazei de prototipare. Dacă acesta este cazul, căutați un instrument care să depășească doar conectarea și care vă permite să proiectați și interfața de utilizare.

De asemenea, luați în considerare nivelul de rafinament vizual necesar. Un instrument precum Axure sau UXPin ar putea face livrabilul să arate și să se simtă ca un cadru sârmă, în timp ce altele permit un produs final mai perfect cu pixeli, lustruit vizual. Unele echipe de proiectare aleg să împerecheze instrumente care funcționează perfect împreună pentru a obține același rezultat (de exemplu, Sketch pentru proiectare și InVision pentru prototipare). Asigurați-vă că instrumentele pe care le alegeți oferă o integrare automată, pentru a vă economisi timp și muncă de fiecare dată când prototipul trebuie actualizat.

Considerații:

  • funcții de colaborare (distribuire, partajare live, comentarii și feedback)
  • integrarea cu alt software în fluxul dvs. de lucru (cum ar fi Photoshop, Sketch)
  • nivelul de fidelitate necesar (cadru fir versus design perfect cu pixeli)

Resurse: cartografierea setului de abilități necesare

Intrebari obisnuite:

  • Cine va crea prototipul?
  • Care sunt abilitățile software ale persoanei și cât de repede pot funcționa?
  • Dacă nu știu să folosească un anumit instrument, cât de repede pot învăța? Sunt ei dispuși să facă asta?
  • Câți designeri vor colabora la prototip?

Valorificarea abilităților software ale echipei dvs. va economisi mult timp - dar asigurați-vă că acest lucru nu împiedică organizația dvs. să testeze noi instrumente și să le încorporeze în procesul de proiectare. Instrumentele de prototipare devin din ce în ce mai ușor de învățat și de utilizat; designerii pot fi preocupați mai puțin de curba de învățare și mai mult de dacă instrumentul este potrivit pentru locul de muncă.

Hartă împreună cu echipa ta ce instrumente știu deja să folosească și fă câteva cercetări online pentru a vedea care instrumente sunt cel mai simplu de învățat. Încurajează-ți echipa să învețe și să se joace cu cât mai multe instrumente de prototipare posibil — varietatea de opțiuni și flexibilitatea setului de abilități ale echipei tale vor fi utile atunci când trebuie să alegi cel mai bun instrument pentru următorul tău proiect.

Considerații:

  • curbă de învățare
  • ușurință în utilizare
  • viteză

Context: definirea audienței și a utilizării

Intrebari obisnuite:

  • Cine este publicul prototipului tău? Cine trebuie să poată interacționa cu el și să ofere feedback?
  • În ce mediu trebuie vizualizat prototipul? Pe ce dispozitiv? In ce context?
  • Vei ghida publicul prin prototip sau pur și simplu vei trimite prin e-mail un link? Dacă primul, trecerea se va face personal, se va desfășura online prin partajare a ecranului sau va fi auto-dirijată?

Dacă construiți un prototip mobil și intenționați să stați lângă o parte interesată într-o întâlnire pentru a explica ideea, atunci va trebui să aveți combinația potrivită de software (un instrument care permite prototipuri mobile) și hardware (un telefon care corespunde specificațiilor dumneavoastră). Un mediu mai controlat ca acesta nu necesită ca întregul flux să fie dezvoltat - economisind timp și efort.

Dar combinația ar putea fi complet diferită dacă intenționați să utilizați același prototip pentru a rula teste de utilizare la distanță, asincrone, cu utilizatori din toată țara care nu au idee despre cum arată sau cum arată produsul. În acest caz, este posibil să aveți nevoie de un prototip mai funcțional, antiglonț, care să permită o experiență auto-ghidată.

Considerații:

  • dispozitive acceptate
  • experiență de clic auto-ghidată
  • ușurința de a partaja și de a capta feedback

Răspunsul la întrebările de mai sus vă va ajuta să înțelegeți contextul de utilizare și să definiți câteva cerințe de bază pentru prototip. Desenați o listă, asigurându-vă că includeți cerințe pentru toate cele patru grupuri identificate mai sus: domeniul de aplicare, fidelitatea, resursele și contextul . Următorul lucru pe care veți dori să-l faceți este să verificați dacă instrumentele pe care le aveți în vedere oferă funcționalitatea de care aveți nevoie.

Prototiparea și testarea
(Imagine: Juhan Sonin)

4. Evaluați instrumentele

Noi aplicații apar în fiecare lună, fiecare promițând să rezolve toate problemele pe care cele anterioare nu le-au putut. Realitatea este că atunci când lucrezi în această industrie de mai bine de 10 ani, acea poveste devine repetitivă și începi să vezi modelul în aceste anunțuri.

Odată ce ați parcurs lista inițială de întrebări cu echipa dvs., este timpul să căutați instrumente potențiale. Doar răspunzând la întrebările de la pasul 3, veți putea elimina rapid unele opțiuni și veți veni cu o listă scurtă pentru o analiză mai atentă.

Pentru fiecare instrument din lista dvs. scurtă, evaluați următoarele:

  • Platformă și canale . Creați prototip pentru un site web sau o aplicație? Este o experiență desktop sau mobilă? Aveți nevoie de o interfață receptivă și cum se va comporta pe dimensiunile ecranului? Unele instrumente vă vor oferi mai multă flexibilitate în a oferi o experiență peste canale, în timp ce altele sunt mai concentrate.
  • Fidelitate . Ce nivel de lustruire permite instrumentul? Instrumentul vă permite să creați prototipuri rapide, nelustruite pe bază de schelet? Puteți importa machete vizuale și le puteți anima?
  • Împărtășirea și colaborarea . Oferă instrumentul nivelul de colaborare de care aveți nevoie? Se integrează perfect cu celelalte instrumente de design și comunicare pe care le folosește echipa ta? Puteți partaja cu ușurință online lucrările în curs?
  • Curba de învățare . Știe cineva din echipa ta cum să opereze instrumentul? Cât de competenți trebuie să fie pentru a crea prototipul de care aveți nevoie? Cât de intuitiv este instrumentul? Sunt necesare cunoștințe de programare sau codare?
  • Pret . Dețineți o licență pentru software? Cât ești pregătit să plătești? Dacă instrumentul este vândut în planuri pe niveluri, care este potrivit pentru proiectul dvs.?

5. Hai să facem asta!

În acest moment, probabil că ați restrâns opțiunile la una sau două. Următorul pas este să vă regrupați cu echipa, să luați o decizie finală și să începeți munca. De obicei, apelul final se va baza pe calendar și costuri, dar parcurgerea procesului enumerat aici va asigura că toate criteriile sunt luate în considerare.

Discuția pe care o are echipa ta despre cel mai bun instrument de prototipare te va alinia la subiecte care depășesc cu mult livrabilul în sine - cum ar fi fluxul de lucru, procesele, rolurile și responsabilitățile.

De asemenea, executați un exercițiu post-mortem rapid după proiect. Discutați cu echipa dvs. ce a funcționat și ce nu cu instrumentul pe care l-ați ales. În următorul tău proiect, cu siguranță vei putea sări peste câțiva pași în procesul de alegere a instrumentului potrivit.

Să punem „U” înapoi în UX

Un ultim sfat: nu cădeți în capcana de a învăța toate cele mai recente și mai bune instrumente de prototipare existente. Pur și simplu sunt prea multe opțiuni. Fii atent la cele pe care le alegi și fii inteligent în ceea ce privește modul în care investești timpul în a învăța cum să le folosești.

Într-o epocă în care produsele sunt evaluate în funcție de cât de mult îndeplinesc nevoile utilizatorilor, a cheltui prea mult timp și energie pe instrumentul de prototipare în sine îți poate distrage atenția de la ceea ce este cu adevărat important în munca ta. La urma urmei, a petrece ore întregi creând și șlefuind o anumită interacțiune va fi inutilă dacă caracteristica pe care încercați să o construiți nu rezolvă o nevoie legitimă a utilizatorului, dovedită de cercetări.

Pentru o listă cuprinzătoare a instrumentelor de prototipare, consultați secțiunea Instrumente UX din UX Design.

Mulțumim lui Greg Siegal, Eugene Ahn și Caio Braga pentru contribuția lor în acest articol.