Padroneggia il tuo mestiere con questi migliori strumenti UX

Avere a portata di mano gli strumenti UX giusti può fare la differenza cruciale tra avere un flusso di lavoro di progettazione collaborativo, senza interruzioni e nel complesso altamente efficace e un flusso di lavoro lento, improduttivo e irresponsabile.

È importante rimanere aggiornati con gli strumenti e le tecnologie più recenti e conoscere gli interessanti modi in cui i designer possono usarli per creare e collaborare in modo più efficiente. Alcuni strumenti sono più efficaci di altri a seconda delle dimensioni del team, della fase del processo di progettazione e di qualsiasi altro strumento che fa già parte del flusso di lavoro.

Diamo un'occhiata ai migliori strumenti UX, dal wireframing e prototipazione alla ricerca e analisi UX, che stanno aiutando i team a fare cose incredibili nel 2018.

Progettazione + Prototipazione + Strumenti di trasferimento del progetto

InVision/InVision Studio

Piattaforma: web (si integra con Sketch e Photoshop) e macOS
Prezzo: da $ 13/mese per i singoli, o $ 89/mese per squadre di cinque

Nota: il prezzo si applica all'app Web InVision principale, non a InVision Studio, che è gratuito.

InVision è probabilmente lo strumento UX più potente di sempre. Consente ai progettisti di Sketch e Photoshop di importare le loro schermate statiche e trasformarle in prototipi dinamici e alle parti interessate di offrire feedback costruttivi che possono quindi essere convertiti in attività gestibili e attuabili. Combina tutto ciò con i test utente e la tecnologia della lavagna collaborativa e l'app Web InVision diventa uno strumento inestimabile e davvero impressionante.

Nel 2017, InVision ha distribuito nuove funzionalità di trasferimento del design e ora, nel 2018, InVision è diventata una soluzione completa e all-in-one poiché introduce il proprio strumento di progettazione UX, Studio, che è gratuito e include funzioni avanzate di animazione e prototipazione.

Per i team che desiderano una cassetta degli attrezzi completamente fornita con un abbonamento, InVision è qui.

corniciaio

Piattaforma: macOS
Prezzo: $ 12/mese per utenti individuali o da $ 250/mese per squadre di tre

In termini di offerta, Framer è lo strumento che assomiglia di più a InVision, poiché entrambi combinano un'interfaccia web matura con un nuovissimo strumento di progettazione UX. Si tratta di preferenze personali con questi due, ma mentre Framer è leggermente più economico per gli individui, InVision è chiaramente il fratello maggiore quando si tratta di collaborazione di progettazione.

Figma

Piattaforma: Web, macOS e Windows
Prezzo: gratuito per le squadre iniziali o $ 12 al mese

Figma si è distinto dagli altri all'inizio del suo sviluppo come strumento leader per la progettazione multiplayer, consentendo a più designer di lavorare sullo stesso file di progettazione contemporaneamente. Con la possibilità di creare design reattivi e funzionalità aggiuntive di trasferimento, è impressionante come abbiano offerto queste funzionalità nelle versioni Web, macOS e Windows del prodotto.

Se ti piace un flusso di lavoro di progettazione energico e collaborativo, Figma fa per te.

Adobe XD

Piattaforma: Windows e macOS
Prezzo: gratuito per 1 prototipo o $ 20,99/mese per prototipi illimitati

Quando Sketch è diventato lo strumento numero 1 per il wireframing e la progettazione di interfacce, Adobe non aveva quasi altra scelta che ammettere che Photoshop non avrebbe mai potuto essere lo strumento di progettazione dell'interfaccia utente di cui i designer avevano bisogno. Adobe ha deciso di rendere Adobe XD disponibile per gli utenti Windows dove Sketch non lo faceva, e ha anche integrato la capacità di prototipare flussi utente e ispezionare i progetti, aiutando i designer veterani che hanno familiarità con l'ecosistema Adobe a mantenere un flusso di lavoro familiare.

Pin UX

Piattaforma: web
Prezzo: da $ 8,10/mese per un utente, con altre opzioni per i team

UXPin è una piattaforma di progettazione di prodotti completa che offre di tutto, dalla progettazione, wireframing, prototipazione, collaborazione, test utente e trasferimento, tutto in un'unica applicazione Web. Lo svantaggio è che UXPin è uno degli strumenti più difficili da utilizzare a causa del numero di funzionalità, dell'interfaccia disordinata e (a volte) del ritardo delle prestazioni che spesso perseguita app Web ingombranti. Tuttavia, i team aziendali che necessitano di funzionalità straordinarie come i sistemi di progettazione e la capacità di sfruttare framework Web e tecnologie come Bootstrap e Google Fonts non dovrebbero trascurarlo troppo rapidamente.

Strumenti di progettazione + prototipazione

Schizzo

Piattaforma: macOS
Prezzo: $ 99/anno

Photoshop ha consegnato la corona a Sketch poiché è diventato lo strumento di progettazione leader sia per il wireframing che per la progettazione di interfacce nel 2015 e dal 2017 sono ancora in testa. L'approccio innovativo di Sketch alla progettazione dello schermo ha introdotto funzionalità inestimabili come tavole da disegno, simboli ed esportazioni, che avrebbero poi ispirato un'ondata di nuovi strumenti di progettazione come Adobe XD, Framer Studio e InVision Studio. Questo strumento vettoriale incredibilmente intuitivo (e leggero) aiuta i progettisti dell'interfaccia utente a scorrere molto più velocemente che mai.

Tuttavia, ecco il "ma" (ed è un grande ma): Sketch non è disponibile per Windows e la loro decisione di implementare strumenti per i progettisti di prototipi così tardi nel gioco significa che i loro concorrenti hanno rapidamente conquistato questo mercato, con InVision essendo probabilmente lo strumento di prototipazione più dinamico disponibile oggi. Anche se la funzionalità di Sketch può essere personalizzata con un impressionante catalogo di plugin (comprese integrazioni con artisti del calibro di Flinto, Zeplin, Marvel, Principle e persino InVision stessi), alcuni designer potrebbero preferire un'esperienza più nativa con queste funzionalità prontamente disponibili fuori dal scatola.

Tutto sommato, Sketch è eccellente per l'ideazione e il wireframing, o per coloro a cui non dispiace riempire la propria cassetta degli attrezzi per aggiungere strumenti di prototipazione e collaborazione migliori.

Flusso web

Piattaforma: web
Prezzo: una varietà di opzioni rivolte a singoli, siti multipli e team

Webflow è un editor WYSIWYG per il designer moderno che desidera creare siti Web reattivi senza codice e persino ospitarli, il tutto con un unico abbonamento. Webflow genera un codice semantico pulito in modo che non sia necessario e offre funzionalità solide che consentono ai web designer di creare qualsiasi cosa, dai siti Web statici ai negozi di e-commerce, in cui anche il contenuto e l'inventario sono gestiti dalla stessa dashboard.

Principio

Piattaforma: macOS
Prezzo: $ 129/anno

Sebbene sia più uno strumento di prototipazione che uno strumento di progettazione, l'app Principle è per i designer che si concentrano su prototipi ad alta fedeltà e utilizza l'animazione della sequenza temporale per aiutare a progettare micro-interazioni avanzate dove Sketch e Adobe XD non lo fanno. Se le funzionalità di progettazione non sono sufficientemente sofisticate per le tue esigenze, Principle si integra con Sketch.

Strumenti di prototipazione (solo)

Flinto

Piattaforma: macOS
Prezzo: $ 99/anno

Flinto porta le transizioni e le micro-interazioni a un livello superiore con strumenti di animazione avanzati, tra cui molle e allentamenti, rotazione 3D, effetti di scorrimento e consente persino ai designer alla moda di esportare animazioni come video, GIF e Dribbble.

Sebbene Flinto si concentri esclusivamente sulle interazioni di prototipazione, lo fa bene. Abbinalo a Sketch per ottenere i migliori risultati.

Origami

Piattaforma: macOS
Prezzo: gratuito/open source

Origami è uno strumento di prototipazione di app sviluppato dal team di progettazione di Facebook. Sebbene sia simile a Flinto (meno il cartellino del prezzo), non viene mantenuto così spesso come strumenti simili e il suo approccio basato sulla logica alla progettazione delle interazioni si traduce in una curva di apprendimento più ripida.

Per i designer con un budget limitato, vale la pena dare un'occhiata a Origami.

Strumenti di prototipazione + design Handoff

meraviglia

Piattaforma: web
Prezzo: $ 0-12/mese per i singoli o $ 42-84/mese per i team

I team aziendali che richiedono SSO e funzionalità di trasferimento dovrebbero informarsi direttamente.

Marvel è uno strumento di prototipazione online noto per essere uno dei più facili da padroneggiare, tuttavia, il compromesso è che non è sofisticato come InVision quando si tratta di funzionalità di prototipazione dinamica e richiede l'integrazione con Sketch per diventare una soluzione completa di progettazione e prototipazione . Detto questo, si integra con Lookback, portando i test degli utenti sul tavolo e include funzionalità di trasferimento del design.

Marvel consente inoltre ai team (anche non designer) di scegliere una tavola da disegno e illustrare un'idea a bassa fedeltà utilizzando forme e testo, rendendola ideale per gli sprint di progettazione (soprattutto perché consente anche agli utenti di convertire prototipi di carta in prototipi Marvel a bassa fedeltà).

Strumenti di trasferimento del progetto (solo)

Zeplin

Piattaforma: web
Prezzo: gratuito per un progetto, $17/mese e $26/mese per tre e 12 progetti rispettosamente

Per le grandi organizzazioni, l'opzione $ 7,65/utente/mese offre autorizzazioni utente più avanzate e la possibilità di copiare stili di colore e testo tra i progetti.

Zeplin ha costantemente superato i concorrenti Sympli e Avocode, dove ha recentemente aggiunto integrazioni Adobe XD e Figma insieme alle integrazioni già esistenti di Sketch e Photoshop CC. Mentre molti strumenti all-in-one hanno aggiunto il trasferimento del design al loro elenco di funzionalità, Zeplin riempie il vuoto per gli strumenti che non lo hanno (Sketch, Photoshop) e quelli che stanno ancora sperimentando le funzionalità di trasferimento (Adobe XD, Figma).

Wireframing + Strumenti di prototipazione

Asso

Piattaforma: Windows e macOS
Prezzo: $ 29/49/99/utente/mese rispettivamente per utenti Pro/Team/Enterprise

Sono disponibili anche acquisti una tantum di Axure RP 8 a partire da $ 495.

Axure è stato creato appositamente per la progettazione di wireframe e prototipi grezzi e include funzionalità che rendono la creazione di modelli basati sui dati, dinamici e adattivi così semplice che dimenticherai che si tratta di uno strumento senza funzionalità di prototipazione UX ad alta fedeltà. Per i designer che si concentrano esclusivamente su wireframe e prototipazione, Axure è la scelta migliore, utilizzata dall'87% delle aziende Fortune 100.

Giustino mente

Piattaforma: Windows e macOS
Prezzo: $ 19/utente/mese o $ 39/utente/mese per i team aziendali

Justinmind non riceve abbastanza amore per ciò che offre, che è prototipazione UX avanzata, collaborazione, alcuni strumenti di progettazione di base e anche oltre 500 widget Web e mobili per il wireframing. Il wireframing non è qualcosa su cui si sono concentrate molte app di prototipazione concorrenti, rendendo Justinmind uno dei pochi strumenti UX che lo fa.

Strumenti Wireframing (solo)

OmniGraffle

Piattaforma: macOS
Prezzo: $ 100 o $ 200 per una licenza Pro

OmniGraffle è uno strumento di wireframing con funzionalità di creazione di diagrammi, utile per app e siti Web in cui il flusso utente o l'architettura delle informazioni potrebbero richiedere maggiore attenzione. Essendo un'app nativa per macOS, l'interfaccia è molto intuitiva, il che la rende uno strumento UX facile da padroneggiare.

OmniGraffle ha una caratteristica molto utile: gli "stencil", che sono componenti di progettazione riutilizzabili e pronti per l'uso in una "libreria di stampini" che i progettisti possono utilizzare per costruire wireframe, modelli o persino progetti visivi finali. Gli utenti possono creare la propria libreria e ci sono anche migliaia di librerie di stencil disponibili sul Web per il download, molte delle quali gratuite, risparmiando tempo e fatica.

Graffletopia è uno dei più grandi depositi di stencil sul web che contiene un mix di librerie gratuite e a pagamento. Con oltre 1.100 stencil, Graffletopia ha stencil per ogni uso: progettazione di app mobili, siti Web, diagrammi di rete, diagrammi di flusso e altro ancora.

Balsamiq

Piattaforma: Web, macOS e Windows
Prezzo: da $ 90/utente/anno per l'accesso al cloud o $ 89 per le app desktop

Balsamiq è l'opposto di Justinmind, incentrato più sul wireframing che sulla prototipazione. I loro elementi dell'interfaccia utente integrati utilizzano un'estetica visiva abbozzata per incoraggiare il brainstorming ed è rivolto esclusivamente a product manager e sviluppatori, nonché ai progettisti di wireframing, consentendo a interi team di prendere parte al processo di progettazione sin dall'inizio.

Strumenti di ricerca e test UX

Guardare indietro

Piattaforma: web
Prezzo: $ 49/utente/mese o $ 99/utente/mese a seconda delle funzionalità

Lookback introduce test utente dal vivo e moderati nel processo di progettazione dell'esperienza utente, consentendo ai designer di registrare il volto, lo schermo e la voce di chiunque nel mondo. Per i team che utilizzano Marvel come strumento di prototipazione, Lookback si integra perfettamente con esso.

Test utente

Piattaforma: web
Prezzo: $ 49/test (min. 15 test), con opzioni aziendali disponibili

UserTesting è simile a Lookback in termini di funzionalità. Sebbene sia un fantastico strumento di test utente autonomo con un vasto repertorio di tester utente esperti (con Marvel dovrai trovare tu stesso tester utente), UserTesting si integra perfettamente anche con InVision.

Eyequant

Piattaforma: web
Prezzo: $ 499/mese per individui, $ 999/mese per team di 10 (+ opzioni aziendali)

Eyequant utilizza l'apprendimento automatico per aiutare i team a prendere decisioni di progettazione migliori e migliorare i propri sforzi CRO. Il suo prezzo elevato potrebbe scoraggiare alcuni clienti, ma quelli che investono ricevono formazione su come simulare gli utenti, analizzare le metriche, ottenere il massimo dai loro test A/B e altro ancora.

Hotjar

Piattaforma: web
Prezzo: prezzo variabile in base al numero di visualizzazioni di pagina giornaliere

Hotjar consente ai team di ottimizzare facilmente le esperienze degli utenti combinando il feedback degli utenti con analisi, mappe di calore, mappe di clic, mappe di scorrimento e registrazioni dei visitatori. Laddove le mappe di calore e le mappe di clic illustrano rispettivamente dove gli utenti si muovono e fanno clic con il mouse, le mappe di scorrimento indicano a che punto gli utenti potrebbero perdere interesse.

Uovo pazzo

Piattaforma: web
Prezzo: da $ 29/mese per 20.000 pagine visualizzate

Simile a Hotjar, Crazy Egg viene utilizzato per ottimizzare le esperienze degli utenti e i tassi di conversione analizzando il comportamento degli utenti con mappe di calore e registrazioni dei visitatori, sebbene includa anche strumenti di test A/B facili da usare per aiutare a decifrare cosa funziona e cosa non funziona.

Officina ottimale

Piattaforma: web
Prezzo: $ 166/utente/mese, con opzioni gratuite e aziendali disponibili

Optimal Workshop è un toolkit per la ricerca degli utenti incentrato sull'ordinamento delle carte, sui sondaggi, sul test degli alberi, sul test del primo clic e sulla scoperta dei dati qualitativi.

Strumenti di analisi

statistiche di Google

Piattaforma: web
Prezzo: gratuito

Sebbene Google Analytics non offra l'interfaccia più stimolante o più utilizzabile, fornisce una discreta quantità di dati per uno strumento gratuito, rendendolo un punto di partenza adatto per la ricerca degli utenti e l'acquisizione di informazioni che potresti voler esplorare ulteriormente in un altro strumento .

Pannello misto

Piattaforma: web
Prezzo: da $ 99 per 1 milione di punti dati, con opzioni gratuite e aziendali disponibili

Mixpanel consente a chiunque, dai dirigenti ai semplici collaboratori, di utilizzare i dati per prendere decisioni più strategiche. Con un'interfaccia più intuitiva rispetto a Google Analytics, i progettisti potrebbero scoprire che è più facile analizzare i percorsi degli utenti, imparare come gli utenti interagiscono con il prodotto e decifrare complesse analisi comportamentali con Mixpanel.

Pendo

Piattaforma: web
Prezzo: il prezzo è determinato in base al numero di utenti e alle funzionalità richieste

Pendo, con un'interfaccia molto più semplice rispetto alla maggior parte degli altri strumenti di analisi, consente ai progettisti di monitorare NPS (punteggio del promotore netto), segmentare gli utenti, ottimizzare le canalizzazioni e i percorsi degli utenti e qualsiasi altra cosa ti aspetteresti da uno strumento di analisi dei siti Web di alto livello. Oltre a ciò, i progettisti possono fornire annunci mirati, aiuto contestuale ed esperienze su misura in base ai dati che sono stati tracciati.

Conclusione

La scelta degli strumenti UX giusti richiede un'attenta considerazione. Dobbiamo tenere conto dei costi, del livello richiesto di collaborazione con altri progettisti e parti interessate, della piattaforma e di qualsiasi altro strumento con cui potremmo aver bisogno di integrarci per mantenere un flusso di lavoro senza interruzioni. Una volta che hai ristretto le tue scelte, iscriviti alle loro prove gratuite e considera di eseguire uno sprint di progettazione di cinque giorni per testare le acque.