Stăpânește-ți meseria cu aceste instrumente UX de top

A avea la îndemână instrumentele UX potrivite poate fi diferența crucială între a avea un flux de lucru de proiectare colaborativ, fără întreruperi și în general extrem de eficient și un flux de lucru care este lent, neproductiv și neresponsabil.

Este important să fii la curent cu cele mai recente instrumente și tehnologii și să înveți despre modalitățile interesante în care designerii le pot folosi pentru a crea și a colabora mai eficient. Unele instrumente sunt mai eficiente decât altele, în funcție de dimensiunea echipei, de stadiul procesului de proiectare și de orice alte instrumente care fac deja parte din fluxul de lucru.

Să aruncăm o privire la cele mai importante instrumente UX, de la wireframing și prototipare la cercetare și analiză UX, care ajută echipele să facă lucruri incredibile în 2018.

Design + Prototyping + Design Handoff Tools

InVision/InVision Studio

Platformă: web (se integrează cu Sketch și Photoshop) și macOS
Preț: de la 13 USD/lună pentru indivizi sau 89 USD/lună pentru echipe de cinci

Notă: prețul se aplică aplicației web de bază InVision, nu InVision Studio, care este gratuită.

InVision este, fără îndoială, cel mai puternic instrument UX de până acum. Le permite designerilor Sketch și Photoshop să-și importe ecranele statice și să le transforme în prototipuri dinamice, iar părților interesate să ofere feedback constructiv care poate fi apoi transformat în sarcini acționabile și gestionabile. Combină asta cu testarea utilizatorilor și tehnologia de tablă albă colaborativă, iar aplicația web InVision devine un instrument de neprețuit, serios impresionant.

În 2017, InVision a livrat noi funcții de transfer al designului, iar acum, în 2018, InVision a devenit o soluție completă, all-in-one, deoarece își introduc propriul instrument de design UX, Studio, care este gratuit și include funcții avansate de animație și prototipare.

Pentru echipele care doresc o cutie de instrumente complet aprovizionată sub un singur abonament, InVision este aici.

Încadrator

Platformă: macOS
Preț: 12 USD/lună pentru utilizatorii individuali sau de la 250 USD/lună pentru echipe de trei

În ceea ce privește oferta, Framer este instrumentul care seamănă cel mai mult cu InVision, deoarece ambele combină o interfață web matură cu un nou instrument de design UX. Se reduce la preferințele personale cu acești doi, dar în cazul în care Framer este puțin mai ieftin pentru persoane fizice, InVision este în mod clar fratele mai mare atunci când vine vorba de colaborarea în proiectare.

Figma

Platformă: web, macOS și Windows
Preț: gratuit pentru echipele de start sau 12 USD/lună

Figma s-a evidențiat de restul de la începutul dezvoltării sale ca instrument principal pentru proiectarea multiplayer, permițând mai multor designeri să lucreze la același fișier de design simultan. Cu capacitatea de a crea modele receptive și funcții de transfer adăugate, este impresionant modul în care au oferit aceste funcții pe versiunile web, macOS și Windows ale produsului.

Dacă vă bucurați de un flux de lucru de proiectare energic și colaborativ, Figma este pentru dvs.

Adobe XD

Platformă: Windows și macOS
Preț: gratuit pentru 1 prototip sau 20,99 USD/lună pentru prototipuri nelimitate

Când Sketch a devenit instrumentul numărul 1 pentru wireframing și proiectarea interfeței, Adobe aproape nu a avut de ales decât să admită că Photoshop nu ar putea fi niciodată instrumentul de design UI de care aveau nevoie designerii. Adobe a decis să facă Adobe XD disponibil pentru utilizatorii Windows acolo unde Sketch nu a făcut-o și, de asemenea, a construit capacitatea de a prototipuri fluxuri de utilizatori și de a inspecta design-uri, ajutând designerii veterani familiarizați cu ecosistemul Adobe să se mențină cu un flux de lucru familiar.

UXPin

Platformă: web
Preț: de la 8,10 USD/lună pentru un utilizator, cu alte opțiuni pentru echipe

UXPin este o platformă completă de proiectare a produselor care oferă totul, de la design, wireframing, prototipare, colaborare, testare de utilizatori și transfer, toate într-o singură aplicație web. Dezavantajul este că UXPin este unul dintre instrumentele mai dificil de utilizat din cauza numărului de funcții, a interfeței aglomerate și (uneori) a decalajului de performanță care bântuie adesea aplicațiile web voluminoase. Cu toate acestea, echipele de întreprindere care au nevoie de caracteristici impresionante, cum ar fi sistemele de proiectare și capacitatea de a profita de cadrele și tehnologiile web precum Bootstrap și Google Fonts, nu ar trebui să treacă cu vederea prea repede.

Design + Instrumente de prototipare

Schiță

Platformă: macOS
Preț: 99 USD/an

Photoshop i-a înmânat coroana lui Sketch, deoarece acestea au devenit instrumentul principal de proiectare atât pentru wireframing, cât și pentru designul interfeței în 2015, iar din 2017 încă sunt lideri. Abordarea inovatoare a lui Sketch în ceea ce privește designul ecranului a introdus funcții de neprețuit, cum ar fi panouri de artă, simboluri și exporturi, care ar inspira apoi un val de noi instrumente de design precum Adobe XD, Framer Studio și InVision Studio. Acest instrument vectorial incredibil de intuitiv (și ușor) îi ajută pe designerii UI să repete mult mai rapid decât oricând.

Cu toate acestea, iată „dar” (și este un mare dar): Sketch nu este disponibil pentru Windows, iar decizia lor de a implementa instrumente pentru designerii de prototipuri atât de târziu în joc înseamnă că concurenții lor au preluat rapid această piață, cu InVision. fiind, fără îndoială, cel mai dinamic instrument de prototipare disponibil astăzi. Chiar dacă funcționalitatea Sketch poate fi adaptată cu un catalog impresionant de plugin -uri (inclusiv integrări cu Flinto, Zeplin, Marvel, Principle și chiar și InVision înșiși), unii designeri pot prefera o experiență mai nativă cu aceste funcții ușor disponibile din cutie.

Una peste alta, Sketch este excelent pentru ideare și wireframing, sau pentru cei cărora nu le deranjează să își completeze cutia de instrumente pentru a adăuga instrumente mai bune de prototipare și colaborare.

Flux web

Platformă: web
Preț: o varietate de opțiuni destinate persoanelor cu un singur site, mai multor site-uri și echipe

Webflow este un editor WYSIWYG pentru designerul modern care vrea să creeze site-uri web receptive fără cod și chiar să le găzduiască, toate cu un singur abonament. Webflow produce cod semantic curat, astfel încât să nu fie nevoie și oferă caracteristici robuste care le permit designerilor web să creeze orice, de la site-uri web statice la magazine de comerț electronic, unde chiar și conținutul și inventarul sunt gestionate din același tablou de bord.

Principiu

Platformă: macOS
Preț: 129 USD/an

Deși este mai mult un instrument de prototipare decât un instrument de proiectare, aplicația Principle foarte apreciată este destinată designerilor care se concentrează pe prototipuri de înaltă fidelitate și utilizează animația cronologică pentru a ajuta la proiectarea microinteracțiunilor avansate, acolo unde Sketch și Adobe XD nu o fac. Dacă caracteristicile de design nu sunt suficient de sofisticate pentru nevoile dvs., Principle se integrează cu Sketch.

Instrumente de prototipare (numai)

Flinto

Platformă: macOS
Preț: 99 USD/an

Flinto duce tranzițiile și micro-interacțiunile la nivelul următor cu instrumente avansate de animație, inclusiv arcuri și ușuri, rotație 3D, efecte de defilare și chiar permite designerilor la modă să exporte animații ca videoclipuri, GIF-uri și fotografii Dribbble.

În timp ce Flinto se concentrează exclusiv pe interacțiunile de prototipare, o face bine. Asociați cu Sketch pentru cele mai bune rezultate.

Origami

Platformă: macOS
Pret: gratuit/open source

Origami este un instrument de prototipare a aplicației dezvoltat de echipa de proiectare de la Facebook. Deși este similar cu Flinto (minus prețul), nu este menținut la fel de des ca instrumentele similare, iar abordarea sa bazată pe logică pentru proiectarea interacțiunilor are ca rezultat o curbă de învățare mai abruptă.

Pentru designerii cu buget redus, Origami merită o privire.

Instrumente pentru prototipare + design Handoff

Minune

Platformă: web
Preț: 0-12 USD/lună pentru indivizi sau 42-84 USD/lună pentru echipe

Echipele întreprinderilor care necesită SSO și funcții de transfer trebuie să se întrebe direct.

Marvel este un instrument de prototipare online cunoscut pentru că este unul dintre cele mai ușor de stăpânit, totuși, compromisul este că nu este la fel de sofisticat ca InVision atunci când vine vorba de funcții de prototipare dinamică și necesită integrarea cu Sketch pentru a deveni o soluție completă de proiectare + prototipare. . Acestea fiind spuse, se integrează cu Lookback, aducând testarea utilizatorilor la masă și include funcții de transfer de proiectare.

De asemenea, Marvel permite echipelor (chiar și non-designeri) să aleagă o planșă de artă și să ilustreze o idee cu fidelitate scăzută folosind forme și text, făcându-l ideal pentru sprinturi de design (mai ales că permite utilizatorilor să convertească prototipuri de hârtie în prototipuri Marvel cu fidelitate scăzută).

Design Handoff Tools (numai)

Zeplin

Platformă: web
Preț: gratuit pentru un proiect, 17 USD/lună și 26 USD/lună pentru trei și 12 proiecte respectuos

Pentru organizațiile mari, opțiunea lor de 7,65 USD/utilizator/lună oferă permisiuni de utilizator mai avansate și abilitatea de a copia stiluri de culoare și text între proiecte.

Zeplin a depășit constant concurenții Sympli și Avocode, unde a adăugat recent integrările Adobe XD și Figma alături de integrările deja existente Sketch și Photoshop CC. În timp ce multe instrumente all-in-one au adăugat transferul de design la lista lor de funcții, Zeplin umple golul pentru instrumentele care nu au făcut-o (Sketch, Photoshop) și pentru cei care încă experimentează cu funcții de transfer (Adobe XD, Figma).

Wireframing + Instrumente de prototipare

Axure

Platformă: Windows și macOS
Preț: 29 USD/49/99 USD/utilizator/lună pentru utilizatorii Pro/Team/Enterprise, respectiv

Achizițiile unice ale Axure RP 8 sunt disponibile și de la 495 USD.

Axure este construit special pentru proiectarea de wireframes și prototipuri brute și vine cu caracteristici care fac crearea de modele bazate pe date, dinamice și adaptive atât de ușoară încât veți uita că este un instrument fără caracteristici de prototipare UX de înaltă fidelitate. Pentru designerii care se concentrează exclusiv pe wireframes și prototipuri, Axure este o alegere de top, folosită de 87% dintre companiile Fortune 100.

Justinmind

Platformă: Windows și macOS
Preț: 19 USD/utilizator/lună sau 39 USD/utilizator/lună pentru echipele de întreprindere

Justinmind nu primește suficientă dragoste pentru ceea ce oferă, adică prototipuri UX avansate, colaborare, câteva instrumente de design de bază și, de asemenea, peste 500 de widget-uri web și mobile pentru wireframing. Wireframingul nu este ceva pe care s-au concentrat multe aplicații de prototipare concurente, făcând din Justinmind unul dintre puținele instrumente UX care o face.

Instrumente de wireframing (numai)

OmniGraffle

Platformă: macOS
Preț: 100 USD sau 200 USD pentru o licență Pro

OmniGraffle este un instrument de wireframing cu funcții de diagramare, util pentru aplicații și site-uri web în care fluxul de utilizatori sau arhitectura informațiilor ar putea avea nevoie de mai multă atenție. Fiind o aplicație nativă macOS, interfața este foarte prietenoasă, ceea ce o face un instrument UX ușor de stăpânit.

OmniGraffle are o caracteristică foarte utilă: „șabloane”, care sunt gata de utilizat, componente de design reutilizabile prin glisare și plasare într-o „bibliotecă de șabloane” pe care designerii o pot folosi pentru a construi wireframes, machete sau chiar proiecte vizuale finale. Utilizatorii își pot crea propria bibliotecă și există, de asemenea, mii de biblioteci de șabloane disponibile pe web pentru descărcare, multe dintre ele gratuite, economisind timp și efort.

Graffletopia este unul dintre cele mai mari depozite de șabloane de pe web, care conține o combinație de biblioteci gratuite și plătite. Cu peste 1.100 de șabloane, Graffletopia are șabloane pentru orice utilizare — proiectând aplicații mobile, site-uri web, diagrame de rețea, diagrame de flux și multe altele.

Balsamiq

Platformă: web, macOS și Windows
Preț: de la 90 USD/utilizator/an pentru acces la cloud sau 89 USD pentru aplicațiile desktop

Balsamiq este opusul lui Justinmind, concentrându-se mai mult pe wireframing decât pe prototip. Elementele lor de interfață de utilizare încorporate folosesc o estetică vizuală schițată pentru a încuraja brainstormingul și se adresează în mod unic managerilor de produse și dezvoltatorilor, precum și designerilor de wireframing, permițând echipelor întregi să facă parte din procesul de proiectare de la început.

Instrumente de cercetare și testare UX

Uită-te înapoi

Platformă: web
Preț: 49 USD/utilizator/lună sau 99 USD/utilizator/lună, în funcție de caracteristici

Lookback introduce testarea în direct, moderată de utilizatori în procesul de design UX, permițând designerilor să înregistreze fața, ecranul și vocea oricărei persoane din lume. Pentru echipele care folosesc Marvel ca instrument de prototipare, Lookback se integrează perfect cu acesta.

Testarea utilizatorului

Platformă: web
Preț: 49 USD/test (min. 15 teste), cu opțiuni de întreprindere disponibile

UserTesting este similar cu Lookback în ceea ce privește caracteristicile. Deși este un instrument autonom de testare a utilizatorilor, cu un repertoriu imens de testeri de utilizatori experimentați (cu Marvel va trebui să găsiți singuri testeri de utilizatori), UserTesting se integrează perfect și cu InVision.

Eyequant

Platformă: web
Preț: 499 USD/lună pentru persoane fizice, 999 USD/lună pentru echipe de 10 (+ opțiuni pentru întreprinderi)

Eyequant folosește învățarea automată pentru a ajuta echipele să ia decizii mai bune de proiectare și să-și îmbunătățească eforturile CRO. Prețul său ridicat ar putea descuraja unii clienți, dar cei care investesc primesc instruire despre cum să simuleze utilizatorii, să analizeze valorile, să profite la maximum de testarea lor A/B și multe altele.

Hotjar

Platformă: web
Preț: preț variabil în funcție de numărul de afișări zilnice de pagină

Hotjar facilitează echipelor să optimizeze experiențele utilizatorilor, combinând feedback-ul utilizatorilor cu analize, hărți termice, hărți de clic, hărți de defilare și înregistrări ale vizitatorilor. Acolo unde hărțile termice și hărțile de clic ilustrează locul în care utilizatorii se mișcă și, respectiv, dau clic pe mouse, hărțile de defilare indică momentul în care utilizatorii își pot pierde interesul.

Ou nebun

Platformă: web
Preț: de la 29 USD/lună pentru 20.000 de afișări de pagină

Similar cu Hotjar, Crazy Egg este folosit pentru a optimiza experiențele utilizatorilor și ratele de conversie prin analizarea comportamentului utilizatorului cu hărți termice și înregistrări ale vizitatorilor, deși include și instrumente de testare A/B ușor de utilizat pentru a ajuta la descifrarea a ceea ce funcționează și nu.

Atelier optim

Platformă: web
Preț: 166 USD/utilizator/lună, cu opțiuni gratuite și pentru întreprinderi disponibile

Optimal Workshop este un set de instrumente de cercetare a utilizatorilor care se concentrează pe sortarea cardurilor, sondaje, testarea arborilor, testarea la primul clic și descoperirea datelor calitative.

Instrumente de analiză

Google Analytics

Platformă: web
Pret: gratuit

Deși Google Analytics nu are cea mai inspirată sau cea mai utilizabilă interfață, oferă o cantitate suficientă de date pentru un instrument gratuit, ceea ce îl face un punct de plecare potrivit pentru cercetarea utilizatorilor și obținerea de informații pe care ați dori să le explorați mai departe într-un alt instrument. .

Panoul de mixare

Platformă: web
Preț: de la 99 USD per 1 milion de puncte de date, cu opțiuni gratuite și pentru întreprinderi disponibile

Mixpanel permite oricui, de la directori la simpli colaboratori, să folosească datele pentru a lua decizii mai strategice. Cu o interfață mai prietenoasă în comparație cu Google Analytics, designerii ar putea descoperi că este mai ușor să analizeze călătoriile utilizatorilor, să învețe cum interacționează utilizatorii cu produsul și să descifreze analize comportamentale complexe cu Mixpanel.

Pendo

Platformă: web
Preț: prețul este determinat în funcție de numărul de utilizatori și de funcțiile necesare

Pendo, cu o interfață mult mai simplă în comparație cu majoritatea altor instrumente de analiză, permite designerilor să urmărească NPS (scorul net al promotorului), să segmenteze utilizatorii, să optimizeze canalele și călătoriile utilizatorilor și orice altceva la care te-ai aștepta de la un instrument de analiză de site-uri web de top. Pe lângă asta, designerii pot oferi anunțuri direcționate, ajutor contextual și experiențe personalizate pe baza datelor care au fost urmărite.

Concluzie

Alegerea instrumentelor UX potrivite necesită o analiză atentă. Trebuie să luăm în considerare costurile, nivelul necesar de colaborare cu alți designeri și părți interesate, platforma și orice alte instrumente cu care ar putea fi nevoie să ne integrăm pentru a menține un flux de lucru fără întreruperi. Odată ce ați restrâns opțiunile, înscrieți-vă pentru testele lor gratuite și luați în considerare rularea unui sprint de design de cinci zile pentru a testa apele.