7 instrumente de prototip pentru web designeri

Știți diferența dintre cadru de sarma, să batjocorească și prototip? Acești trei termeni sunt adesea folosiți interschimbabil pentru a însemna același lucru. Problema este că nu ar trebui.

A cadru de sarma este a imagistică statică, redusă de fidelitate a unui design. Acesta oferă o schiță a aspectului sau formei unui design propus, dar nu funcționalitatea sau simțul său. A să batjocorească oferă o cantitate mai mare de informații. Mockups sunt de la mijlocul până la imaginile de înaltă fidelitate a unui proiect propus. Mockups sunt, de asemenea, statice, și ei nu dau dovadă de interactivitate.

prototipuri, pe de altă parte, sunt dinamic. Ei pot reprezinta designul final pentru aproape orice detaliu ales. Un prototip poate fi chiar testat ca și cum ar fi produsul final efectiv, deoarece poate oferi același aspect și simț. Dintre cei trei, cel care ar face cel mai mult o impresie ar fi prototipul.

Cum se construiește un prototip

Acum, scopul unui prototip este să dovedească cu exactitate caracteristicile de design alese. Prototipurile pentru aplicații web sau aplicații sunt de obicei dezvoltate în Trei etape:

1. Pagina fluxurilor (modul în care un utilizator ar putea naviga) sunt schițate.
2. Mai multe versiuni cu fidelitate redusă ale fiecărei pagini sunt construite și testate pentru uzabilitate.
3. Din lecțiile învățate, se adaugă detalii pentru a crea un model de înaltă fidelitate al designului propus.

În acest post, vom fi verificați câteva instrumente de prototip care vă pot ajuta să ușurați procesul, să faceți lucrurile mai ușoare și să vă transformați prototipurile mult mai repede. Iată 7 instrumente de prototip pentru a încerca.

Invision

InVision este, potrivit Forbes, în partea de sus a listei companiilor private de cloud din lume, alături de corpuri de iluminat precum Slack, Dropbox și MailChimp. Această onoare se datorează în parte platformei "întotdeauna pe" a InVision, care o face colaborarea, feedbackul și construirea de prototipuri de înaltă fidelitate atât de ușor.

Cu InVision, este posibil să gestionați ecrane și stadii de proiect dintr-o singură locație, să colaborați în timp real și să mențineți controlul versiunii, în timp ce construind prototipuri pixel-perfect care au aspectul și realitatea aplicațiilor web și mobile reale. Cu InVision, puteți chiar efectuarea testării gratuite, nelimitate pe prototipurile tale.

Pentru a descoperi ce lumea de design și cei peste 2 milioane de utilizatori ai InVision iubește în legătură cu această platformă, înregistrați-vă pentru o încercare gratuită. Doar faceți clic pe linkul InVision pentru a începe.

Pidoco

Indiferent dacă aveți nevoie de a click-through wireframe, sau a prototip complet UX interactiv, Pidoco vă va duce repede acolo și fără agitație. Începând cu caracteristica ușor de schițare, puteți construi un set de șabloane personalizate, creați elemente interactive ai nevoie, prezentați-vă prototipul la alții și așteaptă feedback-ul lor - care nu ar trebui să fie lungi în viitor.

Pidoco vă oferă tot ce este necesar pentru a construi prototipuri de fidelitate scăzută pentru a solicita feedback rapid, sus-jos sau de înaltă fidelitate având același aspect și simț ca designul web sau al aplicației propuse. Acest instrument va genera chiar și documentele de specificație care pot servi ca planuri pentru membrii echipei sau pot fi prezentate clientilor pentru semnare.

Proto.io

Proto.io va fi o alegere ideală dacă aveți nevoie de un instrument de prototip de calitate pentru a vă ajuta cu activitățile dvs. de proiectare a aplicațiilor mobile. Proto.io este o platformă dedicată pentru prototipuri mobile care rulează pe majoritatea browserelor, nu necesită codificare, și vă permite să să implementeze prototipuri de aplicații mobile pe deplin interactive și simulări care au aspectul și simțul realității.

Trei părți se combină pentru a face acest instrument: un tablou de bord, un editor și un jucător. Tabloul de bord servește drept comandant principal și manager de proiect. Editorul este alcătuit dintr-un set de instrumente care să vă îmbogățească designul și să construiască interacțiunile. Cu playerul, puteți să vă vedeți prototipul în browserul dvs. web, să îl interacționați, să solicitați feedback și să îl testați pe dispozitivele mobile reale. Dacă designul de aplicații mobile este chestia dvs., acesta este instrumentul pentru dvs..

Webflow

Pentru oricine caută un all-in-one design, prototipuri și instrumente de dezvoltare, căutarea se termină aici. În primul rând, cu Webflow, poți construiește și testează prototipurile de înaltă fidelitate trebuie să vă ajutați eforturile de proiectare. Dar aici intră diferența - tot ce construiți este alimentat de HTML / CSS și JavaScript de producție. Rezultatul?

Poti trece fără probleme de la un prototip complet interactiv la un produs dezvoltat. Prototipul, designul și dezvoltarea vin în același pachet, care include și caracteristicile și capabilitățile de colaborare necesare. Și apropo, totul este receptiv de asemenea.

PowerMockup

Acest kit de instrumente pentru prototipuri de specialitate a fost dezvoltat cu utilizatorul PowerPoint în minte. PowerMockup este de fapt un add-on PowerPoint pe care îl puteți utiliza a crea cadre de tip wireframes și mockups pentru site-uri web, aplicații desktop sau aplicații mobile. Este pur și simplu o chestiune de selectare a unor forme și elemente de design din biblioteca PowerMockup și plasarea acestora pe un diapozitiv PowerPoint.

Atunci poti utilizați funcțiile de slideshow și animație ale PowerPoint pentru a previzualiza designul dvs. cu alții. Puteți adăuga propriile forme și elemente și în bibliotecă și le puteți partaja cu alți utilizatori PowerPoint, dacă doriți.

LucidChart

Lucidchart este o aplicație online care include un bibliotecă de elemente de proiectare și tipuri de dispozitive de unde poți să construiești rapid rame de tip wireframes sau mockups ale site-ului tău sau ale aplicațiilor pentru aplicații mobile. Are o curată, ușor de utilizat, și dispune de tehnologia drag and drop, capabilități interactive de demonstrație, și o tehnologie de strat care vă permite să construiți simulări foarte complexe.

Lucidchart este, de asemenea, un instrument util pentru crearea de diagrame și scheme de flux de lucru cu aspect profesional, iar funcțiile sale de colaborare funcționează fără probleme și sunt ușor de utilizat.

HotGloo

Emularea unei UX propuse de design poate uneori să prezinte provocări. De aceea ai nevoie de HotGloo. Cu un imens element bibliotecă și UI widget galerie, export și partajați caracteristici, precum și colaborarea cu membrii echipei pe care le obțineți ați început în aproape nici un moment.

Dacă aveți întrebări sau aveți nevoie de asistență, aveți o documentație completă, precum și tutoriale video utile și live webinars disponibil. Creați-vă prototipurile chiar în browser, partajați-le sau previzualizați-le pe orice dispozitiv mobil. Puteți chiar exportați munca dvs. în HTML. Wireframing & prototipul nu a fost niciodată mai ușor și mai distractiv!

Înfășurați-o

Există o mulțime de a alege din această listă de la instrumente dedicate scopurilor speciale, la un instrument all-in-one care merită cu siguranță o privire. Acestea sunt toate instrumentele de cea mai bună calitate, deci nu există nici un risc implicat și puteți vedea oricând un demo sau puteți cere o încercare gratuită.

Aceste produse au o bază de utilizatori mare. Acestea sunt utilizate sau recomandate de companii importante. Deci, indiferent de ce alegeți, veți fi în compania bună. Fie că sunteți în căutarea unui instrument mockup, wireframe sau prototip, veți găsi un instrument pentru nevoile dvs. de mai sus.