Prototipizarea în UX: ce este și cum se aplică

Ce sunt prototipurile, cum se realizează acestea și câteva dintre cele mai utilizate tool-uri pentru prototipizare

Prototipurile sunt o formă simplificată a UX design-ului, folosite pentru a experimenta noi idei de creare sau dezvoltare a unui produs și pentru a primi feedback rapid înainte de realizarea produsului final și de lansarea acestuia pe piață.

Prototipizarea în UX reprezintă parte importantă a procesului de design. Fie că este vorba despre un website, aplicație sau un produs digital inovativ, prototipizarea este mijlocul prin care ele sunt executate la o scară mai mică.

De ce este nevoie de prototipizare în UX?

Prototipurile sunt în esență draft-uri ale viitoarelor produse digitale. Rolul lor major este de a simula modul în care respectivul produs funcționează. În acest mod, UX designerii și restul echipei implicate în realizarea produsului pot înțelege și vedea caracteristicile acestuia, precum și modalitățile în care se interacționează cu acesta.

Totodată, prototipurile sunt și cele care pot fi date spre testare utilizatorilor reali. Ei sunt cei care pot identifica problemele reale legate de utilizarea viitorului produs. În consecință, ulterior se pot efectua modificările necesare.

Ține minte: procesul de prototipizare în UX nu înseamnă realizarea unui singur prototip și atât. De-a lungul procesului de design, este foarte posibil să fie nevoie de mai multe prototipuri pentru atingerea rezultatului dorit.

Mai multe detalii despre procesul de design poți afla din articolul etape de parcurs în design thinking. (Link aici către articol) 

Cum se realizează prototipizarea în UX? 

Metodologia de prototipizare în UX presupune câteva metode care ajută la testarea performanțelor unui produs digital, la economisirea resurselor financiare și la îmbunătățirea experienței utilizatorilor. (Link aici către articolul User Experience - cuvinte cheie) 

1. Prototipurile pe hârtie

Sursă foto: https://cdn-images-1.medium.com/max/1600/1*qUFeRumxuyh8LA7S5-Wg7A.jpeg

Se realizează în fazele incipiente al procesului de UX design pentru a obține idei privind dezvoltarea noului produs și pentru a identifica anumite dorințe ale utilizatorilor. Realizarea acestora este rapidă și eficientă, întrucât ai nevoie doar de hârtie și creion.

Mai mult decât atât, această metodă permite alăturarea tuturor părților implicate, încurajează schimbul de idei și discuțiile scurte și la obiect și transformă procesul de prototipizare într-un colaborativ. 

Pe măsură ce proiectul avansează, schițele devin ineficiente, întrucât ele sunt o reprezentare nearealistică a formei digitale a produsului.


2. Prototipurile digitale 

Sursă foto: https://www.uxpincdn.com/studio/wp-content/uploads/2016/01/image025.png

Sunt cea mai comună formă de prototipizare în UX, întrucât sunt mai ușor de realizat decât prototipurile HTML și îndeajuns de realistice încât să poți testa majoritatea elementelor interfaței. 

Prototipurile digitale se pot realiza cu ușurință cu ajutorul unor diverse aplicații și software-uri. Dezavantajul major al acestui tip de prototipizare este tranziția către cod. În funcție de software-ul folosit, s-ar putea ca în procesul de traducere al elementelor de design în coduri, anumite aspecte să fie pierdute.


3. Prototipurile HTML

Sursă foto: https://www.justinmind.com/wp-content/uploads/2018/02/what-is-a-prototype-types-of-prototyping-interactive-prototyping-ux-design.png

Reprezintă fundația tehnică a viitorului produs digital, facilitând astfel scrierea codului final. De asemenea, prototipurile digitale presupun costuri reduse și pot fi vizualizate din orice browser. 

Aspectul nefavorabil al acestei metode de prototipizare în UX este faptul că implică atât partea de design, cât și cea de scriere a codului, astfel că de-a lungul procesului există riscul să pierzi din vedere utilizatorii și experiența acestora. În cazul software-urilor de prototipizare, ai șansa să explorezi mai mult și chiar să-ți fie sugerate anumite idei în secțiunea de built-in libraries.

Procesul de prototipizare în UX 

1. Prototip digital lo-fi  → Prototip digital hi-fi → Codare 

Prototipul digital lo-fi testează elemente importante precum navigația și permite implementarea feedback-ului înainte de a se ajunge într-o etapă în care ar fi foarte dificil de făcut unele schimbări.

Prototipul digital hi-fi oferă o imagine mai aproape de realitate în ceea ce privește produsul final, astfel că totul este pregătit pentru momentul codării.

2. Prototip pe hârtie → Prototip digital lo-fi → Codare 

Acest tip de prototipizare în UX este recomandat în cazurile proiectelor experiment, deoarece se economisesc timp și resurse.

3. Prototip HTML → Codare 

În astfel de situații, prototipul evoluează în același ritm cu procesul de design, devenind componenta principală a produsului final sau chiar produsul digital propriu-zis. 

Tool-urile pentru prototipizare în UX 

1. Wireframe.cc

Te ajută să creezi prototipuri low-level, iar usability este principala caracteristică a acestui instrument. Mai mult, întreaga echipă a proiectului poate vizualiza prototipul și poate lăsa comentarii direct în wireframe.

2. Pidoco

Este eficient pentru realizarea prototipurilor interactive și dispune de variate template-ri, astfel încât să poți crea elemente cât mai detaliate.

3. Mockplus

Poți crea și analiza prototipuri lo-fi. Mockplus îți permite de asemenea să faci prototipuri interactive, indiferent de nivelul de dificultate al acestora.

4. JustInMind

Permite crearea prototipurilor hi-fi foarte detaliate ale aplicațiilor mobile pentru iOS și Android.

5. Proto.io

Ajută la crearea prototipurilor foarte detaliate și oferă posibilitatea de a lucra la nivelul micro-interacțiunilor cu utilizatorii, precum și de a testa prototipurile dezvoltate. 

6. Flinto

Este un serviciu web și o aplicație pentru Mac, care permite realizarea prototipurilor hi-fi.

7. UXPin

Este util atât pentru crearea prototipurilor lo-fi, cât și pentru cele hi-fi. 

8. InVision Studio

Ajută la realizarea prototipurilor interactive cu o interfață animată. 

9. Framer X

Realizarea prototipurilor în Framer X implică în mare parte scrierea codurilor. 


La final, te invit să ne spui într-un comentariu părerea ta de tool-urile de prototipizare în UX pe care le-ai folosit până acum sau despre modalitățile tale preferate de prototipizare. 


UX Essential Training (RO)

Are you a designer, product owner or entrepreneur and want to better understand the needs of your users? Learn about User Experience Design techniques and practices in this online course.

Learn more
Tools & Resources

A good collection of resources and presentations we've used during the years is now available to you for download.

Learn more
Need UX Services

We are ready to help with any product design and research challenges you might have. Here’s a list of things we can do best for your best use.

Learn more