Designeri 15 UX & UI Tools pentru a crește productivitatea

Dacă vă aflați prea mult timp petrecând prea mult timp în realizarea prototipului viitorului dvs. mare proiect, ar putea fi necesar să faceți un pas înapoi și evaluați instrumentele și resursele pe care le aveți la dispoziție. Nu există niciun motiv să rămânem la același instrument de tipframe sau prototipuri atunci când noi și îmbunătățite instrumente UX și resurse UI sunt adăugate tot mai des pe Web. Lucrați mai repede, mai bine și îmbibați cu instrumente mai puternice și cu kituri UI mai proaspete.

Pentru a vă ajuta în acest sens, avem aici 15 instrumente UX și UI care sunt minunate pentru prototipuri. Unii dintre ei poartă tragere și plasare funcționalități și puternice caracteristici de colaborare echipa, în timp ce altele conțin resurse foarte bune pentru a testa utilitatea designului dvs. în faza de dezvoltare și, în unele cazuri, în timp real.

Mai multe despre Hongkiat:

20 portofolii frumoase de designer UI & UX
(Mai mult) instrumente utile de testare a utilizabilității web
Ce trebuie să știți despre testarea utilizabilității
Rezultatele testului A / B și studiile de caz pentru proiectarea experienței utilizatorului
20 schițe de concept UI vs. modele gata ar trebui să vedeți

Proto.io

Puteți să vă creați prototipurile pe browser prin drag-and-drop și zero-cod cu Proto.io, iar în plus, aplicați mai multe evenimente tactile și mouse-uri către orice element UI. Proto.io poartă, de asemenea, una dintre cele mai realiste și mai utile biblioteci interactive UI pe care le veți găsi în orice prototip. Testați-vă prototipul pe un dispozitiv real și discutați despre informațiile legate de design cu membrii echipei cu instrumentul său de colaborare.

Pidoco

Creați cadre de tip clickabile rapid și ușor cu caracteristica drag and drop al Picodo, apoi creați, editați și partajați un număr nelimitat de machete sau prototipuri de wireframe cu membrii echipei și clienții în timp real. Funcțiile sale puternice de feedback și de discuție fac colaborarea ușoară și ușoară. Salvați șabloanele personalizate pentru reutilizare mai târziu și testați-vă prototipurile pe dispozitive mobile preferate.

Kitul UI pentru designul materialului mobil

Kitul UI de design al materialelor Vonn by Ierarhia vizuală are 100 de șabloane uimitoare de drag-and-drop în 8 categorii, toate perfecte pentru crearea de aplicații Android. Șabloanele sunt proiectate la 1920 × 1080 pixeli pentru a asigura o potrivire perfectă pe un dispozitiv mobil. Nu este nevoie de codificare. Kitul Vonn UI este pe deplin compatibil cu ghidul de design material al Google pentru stil și aspect.

AppCooker

Cu funcțiile avansate pe care AppCooker le aduce la masă, veți economisi timp, bani și impresionați clienții, în timp ce proiectați și partajați machete minunate iPhone și iPad prin utilizarea widget-urilor iOS native. Nu aveți timp să creați un mockup de la zero? Apoi AppCooker este aplicația pentru dvs..

Licurici

Firefly este un instrument extrem de practic pentru dezvoltarea aplicațiilor care oferă o combinație utilă de funcții de proiectare, gestionare a datelor și colaborare, excelentă pentru organizațiile cu echipe de dezvoltare foarte dispersate. Cu Firefly, este posibil să încărcați machete, modele de aplicații, imagini și chiar pagini web întregi în timpul procesului de proiectare. Acest instrument are capacitatea de a gestiona mai multe versiuni de proiectare, permițând în același timp colaboratorilor să fie aduse în imagine în orice moment în timpul procesului de proiectare pentru scopuri de schimb de informații.

Invision

InVision oferă o platformă de prototipare, colaborare și flux de lucru potrivită pentru aplicații într-un mediu bazat pe design. Transformă ușor și rapid ecrane statice în prototipuri interactive. Funcția de drag-and-drop face prototipuri rapide în timpul oricărei faze de dezvoltare. Caracteristicile de informare care au fost încorporate în acest instrument fac ca prezentarea design-ului în timp real, colaborarea și feedback-ul afișat în mod convențional să devină realitate.

Ace iOS 8 Mobile UI Kit

Ace Module UI Kit este bine organizat și gata de utilizare pentru a micsora design-ul aplicațiilor mobile iOS 8 în beneficiul utilizatorului final. Cu șapte șabloane PSD și peste 100 de icoane la dispoziția designerului, design-ul iPhone-ului este mai ușor decât oricând. Ecranele disponibile în kit permit crearea a peste 1000 de aplicații diferite. Șabloanele sunt create pentru dimensiunea Retina HD 4.7 și se potrivesc perfect pentru crearea de aplicații uimitoare pe iPhone 6.

Testarea utilizatorilor

Testarea utilizatorilor este o platformă de cercetare a utilizatorilor care poate fi utilizată pentru a testa aplicațiile mobile lansate sau neîncastrate pe dispozitive iOS și Android. Testarea utilizatorilor vă va crea un test sau vă puteți crea singur un test. Puteți efectua testul în câteva minute și obțineți rezultatele într-o oră. Ceea ce este interesant este că feedback-ul nu este doar sub formă de valori, ci și video de oameni reali care comentează utilitatea aplicației dvs..

PROTT

Prott este un puternic instrument de prototipare rapid și de colaborare special conceput pentru crearea de aplicații mobile. Grafica, schițele și imaginile pot fi ușor animate, ecranele pot fi sincronizate împreună, iar prototipul rezultat poate fi previzualizat pe un dispozitiv real și împărtășit membrilor echipei pentru feedback colectiv. Rezoluțiile și dimensiunile ecranului iOS și Android sunt pe deplin acceptate.

Optimizely

Optimizată este o platformă de optimizare care oferă teste rapide și puternice A / B pentru aplicații mobile. Un editor vizual permite modificări vizuale în aplicația dvs. în timp real și în zbor fără a aștepta examinarea App Store, indiferent cât de personalizată ar putea fi. O singură linie de cod, generată de Optimizely și introdusă în codul HTML este singura codificare necesară.

Notism

Notism are o capabilitate UX care permite evenimentelor de proiectare și progresului să fie împărtășite cu ușurință remarcabilă și în timp real. Acest lucru se traduce în iterații mai rapide de proiectare, mai puțin timp necesar pentru semnări și un proces simplificat de testare a utilizabilității. Cea mai semnificativă caracteristică pe care Notism o aduce la masă este capacitatea de a colabora cu alții prin intermediul unui videoclip, o caracteristică considerată de unii ca o adevărată schimbare de joc.

PowerMockup

PowerMockup este un instrument util de prototipare care are o întorsătură unică. Acest instrument oferă șabloanele și funcționalitatea necesare pentru fâșia de sârmă, însă permite realizarea efectivă a fireframing-ului pe PowerPoint. Acest lucru permite utilizatorilor finali și participanților non-tehnici să urmărească mai ușor procesul de proiectare. PowerMockup iterează și redefinește design-ul în timp real, rămânând în același timp axat pe utilizarea produsului final.

myna

Myna aduce la masă o formă de testare A / B care învață în timp real pe măsură ce testezi. Acesta optimizează testele dvs. în mișcare, permițând celor mai bune modele să fie văzute de mai mulți clienți sau potențiali clienți. Testele sunt efectuate pe baza vizitatorilor dvs. individuali, nu prin afișări individuale de pagină. Rezultatele testului sunt disponibile rapid, iar Myna chiar vă permite să efectuați modificări ale designului în timp ce testarea este în desfășurare.

Instrumente de utilizare

Instrumentele de utilizare oferă două seturi de instrumente utile pentru a testa utilitatea aplicației dvs. Un set identifică problemele de uzabilitate în zbor și vă spune ce caracteristici ale aplicației dvs. atrage atenția vizitatorilor dvs. și ce caracteristici sunt ignorate. Cel de-al doilea set oferă feedback utilizatorilor referitoare la aspectul aplicației dvs. Ambele seturi oferă o varietate de opțiuni de testare.

Antetype

Antetipul a fost dezvoltat de designerii UI și oferă toate instrumentele de care aveți nevoie pentru a proiecta prototipuri bogate, de înaltă fidelitate. Mai mult de 400 de widget-uri sunt disponibile pentru toate platformele majore, dar aveți totuși opțiunea de a adăuga widgeturi suplimentare, inclusiv propria dvs. Interacțiunile integrate și caracteristicile de adnotare vă permit să demonstrați activitatea de proiectare continuă și să faceți comentarii și feedback pentru membrii echipei și părțile interesate.

Nota editorului: Această postare este scrisă de Kate Dagli pentru Hongkiat.com. Kate se bucură de scris roundups pentru web dev și site-uri web de tehnologie. Ea este în prezent membru al echipei -webdesigner.co.