Adobe XD vs. Sketch: quale strumento UX è giusto per te?

Un designer UX ha bisogno di molti strumenti per completare le numerose fasi del flusso di lavoro UX, dalla ricerca alla progettazione, al prototipo e al trasferimento. Se lavori su un PC, probabilmente sei perseguitato dalla menzione costante di Sketch, un popolare editor di grafica vettoriale semplificato con innumerevoli utili plug-in che sta rapidamente diventando uno standard del settore, ma disponibile solo su Mac OS . Ciò significa che, a meno che tu non abbia una macchina Apple, sei escluso. Ma ora Adobe sta lavorando attivamente a un vero concorrente di Sketch multipiattaforma (e sosia?), dopo anni di assenza: Adobe XD.

Cos'è Adobe XD?

Adobe Experience Design CC, o Adobe XD, è un editor di grafica vettoriale leggero e uno strumento di prototipazione annunciato ad Adobe MAX 2015 come Project Comet. Il software è stato lanciato in anteprima a marzo 2016 come parte di Creative Cloud, e oggi è in fase beta, ricevendo aggiornamenti quasi ogni mese.

Prima di allora, Adobe stava lavorando all'aggiunta di funzionalità per i designer UX sui loro strumenti consolidati come Photoshop e Illustrator. Sebbene siano entrambi ottimi software, non sono né leggeri né ottimizzati per questo tipo di lavoro. Nel corso degli anni, e soprattutto dopo il ritiro nel 2013 di Adobe Fireworks (il classico strumento di prototipazione web-oriented acquisito da Macromedia), sempre più designer di UX hanno ritenuto che Creative Cloud non corrispondesse alle aspettative del mercato. Quindi, sono passati a Sketch (se avevano un Mac). Sebbene la risposta di Adobe a questo esodo di massa sia stata un po' tardiva (Bohemian Coding ha lanciato Sketch ben 6 anni fa), vale la pena aspettare, soprattutto se sei stato limitato a utilizzare strumenti meno adeguati sul tuo PC. Confrontiamo Adobe XD e Sketch

Interfaccia utente e funzionalità esclusive

Quando apri Adobe XD, la prima impressione che avrai è che l'interfaccia sia molto familiare, sia per gli utenti di Sketch che per i fan di Adobe di lunga data. Adobe si è discostata dai previsti pulsanti e menu più scuri di Creative Cloud e ha scelto di offrire il meglio di due mondi. A differenza di Sketch, vedrai una serie di strumenti sul lato sinistro dello schermo, ma anche il pannello dei livelli più alti e le proprietà dinamiche sulla destra, come visto in Sketch. È un gioco da ragazzi da usare e facile da imparare, indipendentemente dallo strumento utilizzato in precedenza.

Ripeti griglia

Adobe XD ha anche una serie di funzionalità uniche come la griglia di ripetizione, uno strumento che consente di replicare un gruppo di oggetti come una scheda Material Design con dati variabili e spaziatura configurabile tra le copie.

Prototipazione

In XD, puoi creare un prototipo interattivo senza bisogno di plug-in di terze parti come faresti in Sketch. L'editor di prototipazione Adobe consente ai progettisti di collegare visivamente aree interattive ad altri schermi utilizzando cavi e impostando transizioni. Con il prototipo interattivo pronto, puoi pubblicare e condividere il prototipo, che può essere visualizzato sul Web o con l'app mobile Adobe XD. I prototipi XD, tuttavia, non hanno ancora il supporto per i gesti o le sezioni fisse come le intestazioni, cosa possibile su InVision e altri strumenti di soli prototipi che si collegano a Sketch.

Pannello Risorse

Nell'aggiornamento di agosto 2017, Adobe ha aggiunto il pannello Risorse, un modo intelligente per riunire una guida di stile interattiva con colori, stili di carattere e simboli. Quando modifichi qualcosa nel pannello Risorse, segue ogni utilizzo della risorsa nella grafica. Sketch ha anche variabili di colore, stili di carattere e simboli, ma ognuno è contenuto nel proprio pannello.

Adobe ha annunciato alcune delle prossime funzionalità che verranno visualizzate su XD sul blog del prodotto. Uno di questi estende la funzionalità Risorse, consentendo al designer di pubblicare la guida allo stile del progetto con font scaricabili, risorse e codici esadecimali dei colori, insieme al prototipo interattivo e una funzione di ispezione per il rilevamento da parte dello sviluppatore degli elementi all'interno del prototipo. Questo è chiamato "handoff per gli sviluppatori" ed è già possibile in Sketch (e Photoshop) utilizzando plug-in come Zeplin. Un'altra funzionalità futura presa in giro è la collaborazione in tempo reale all'interno di XD, qualcosa che ricorda la funzionalità di collaborazione presente su Google Docs e già disponibile su altri strumenti di progettazione UX come Figma.

Sketch (e i suoi plugin) rispetto ad Adobe XD

Quando vedi il quadro più ampio, diventa chiaro che Adobe intende rendere XD non solo tutto ciò che fa Sketch come strumento di grafica vettoriale, ma anche i suoi plug-in, coprendo l'intero flusso di lavoro di progettazione UX. Dalla progettazione alla prototipazione fino al trasferimento, Adobe XD sarà probabilmente lo strumento di progettazione UX definitivo, ma che dire di oggi?

È ora di cambiare?

Adobe XD è innanzitutto per gli utenti Windows (che non possono utilizzare Sketch solo per macOS) e gli attuali abbonati Adobe Creative Cloud (che non dovrebbero pagare di più per XD oltre a Photoshop, Illustrator, ecc.).

Ci sono molti designer di UX che stanno già facendo il salto, sia perché sono abbonati a Creative Cloud anche su macOS, sia perché credono che XD sarà il prossimo standard e sono soddisfatti dell'attuale set di funzionalità. Se sei un utente esperto di Sketch, godrai di un'interfaccia complessivamente migliore, funzionalità XD uniche, ma dovrai anche fare i conti con le attuali limitazioni e la mancanza di supporto per i plug-in. In ogni caso, provalo e condividi le tue impressioni con noi!

• • •

Ulteriori letture sul blog di Toptal Design:

• eCommerce UX: una panoramica delle migliori pratiche (con infografica)
• L'importanza del design incentrato sull'uomo nel design del prodotto
• I migliori portfolio di designer UX: casi di studio ed esempi stimolanti
• Principi euristici per interfacce mobili
• Design anticipatorio: come creare esperienze utente magiche