Progetta con precisione: una recensione di Adobe XD

Pubblicato: 2022-03-11

Mentre concludiamo il 2018 e entriamo nel 2019, esaminiamo lo stato attuale dell'industria del design, il ruolo del designer, gli strumenti di progettazione UX e il flusso di lavoro.

Dalla creazione di un sistema di progettazione coeso alla progettazione di flussi per la prossima innovazione del dispositivo o alla prototipazione di interfacce complesse per i test degli utenti, i progettisti possono scegliere tra un'ampia gamma di strumenti di progettazione UX. Che si tratti di uno dei programmi più popolari come Sketch, Figma basato sul Web, Adobe XD in crescita aggressiva o InVision Studio di recente introduzione, la familiarità con i giusti strumenti di progettazione UX, inclusa questa recensione di Adobe XD, accelererà il processo di progettazione del prodotto.

C'è una sovrabbondanza di strumenti di progettazione UX.

Scegliere lo strumento di progettazione UX giusto

Osservando gli strumenti utilizzati dai progettisti, è importante notare che le responsabilità dei progettisti cambiano e si espandono costantemente. Solo 6-7 anni fa, poche persone capivano cosa faceva un designer dell'esperienza utente. In questi giorni ci si aspetta che ogni designer esegua almeno una sorta di ricerca sugli utenti, prototipazione e analisi competitiva.

Questi cambiamenti influiscono sul modo in cui i progettisti devono considerare il flusso di lavoro, la conoscenza del dominio, le tecniche e gli strumenti. I clienti di oggi si aspettano di vedere non solo un prodotto finale raffinato, ma qualsiasi cosa, dal wireframing alla prototipazione, fino a un'interfaccia utente che si anima senza intoppi.

Ampliare la tua area di competenza non è solo un modo per guadagnare di più, è diventato un requisito lavorativo. I processi di progettazione di nuovi prodotti di solito significano nuovi strumenti, il che significa che i progettisti devono dedicare tempo all'apprendimento di come utilizzarli, motivo per cui l'emergere di nuovi strumenti di progettazione è accelerato così tanto negli ultimi anni.

Un prototipo di Adobe XD
Schermi collegati in un progetto prototipo Adobe XD.

I giorni in cui i designer si affidavano a Photoshop come principale strumento di progettazione sono ormai lontani. Ora è una corsa per le piattaforme software di progettazione per attirare sia i principianti che i professionisti. Sketch è stato un attore importante per diversi anni e Figma, dopo aver ricevuto un sostegno finanziario di oltre 46 milioni di dollari, sta recuperando terreno con il suo strumento di prototipazione interattiva basato sul web.

Di recente, la piattaforma di prototipazione InVision ha deciso di entrare nello spazio con il proprio strumento di progettazione, InVision Studio. Non si è mosso così velocemente come tutti speravano, quindi anche se Studio sembra piuttosto solido, è ancora in qualche modo deludente e notoriamente pieno di bug nonostante il clamore iniziale.

Dopo aver dominato l'universo del design digitale per così tanto tempo, Adobe è indietro in questa corsa per lo strumento di progettazione UX/UI definitivo. Non avere il lusso di rimanere in quella posizione a lungo... entra in Adobe XD. Anche se un po' in ritardo per la gara, Adobe XD è cresciuto in popolarità ed è diventato un promettente contendente sin dalla sua uscita nel 2016.

Recensione di Adobe XD: caratteristiche e vantaggi

Alcuni potrebbero dire che un gigante del settore come Adobe è un dinosauro e non è in grado di essere agile come i suoi concorrenti più giovani. Tuttavia, un'azienda come Adobe ha le risorse per evolversi rapidamente, oltre alla stabilità finanziaria che renderebbe la padronanza di Adobe XD un buon investimento. Questo è un enorme vantaggio, che rende Adobe XD molto prezioso e potenzialmente lo strumento di progettazione UX leader per il futuro.

Una recensione di Adobe XD
Adobe Design Library Manager semplifica il flusso di lavoro di creazione delle risorse di progettazione.

Prima di immergerci nella revisione delle funzionalità di Adobe XD, fermiamoci e chiediamoci: "Vale anche la pena di imparare un nuovo strumento che fornisce funzionalità simili agli strumenti che già conosciamo?" Per rispondere, diamo un'occhiata a quattro criteri: prezzo, facilità d'uso, ecosistema e quota di mercato.

Prezzo

Uno dei fattori del successo iniziale dei favoriti del settore come Sketch e Figma è stata la loro relativa convenienza. Adobe XD fa parte dell'abbonamento Adobe Creative Cloud, che ti dà accesso a oltre 20 app come Photoshop, Illustrator, Premiere Pro, ecc. per $ 50 al mese, quindi è difficile separare il prezzo in modo specifico per quel prodotto. A meno che tu non abbia già un abbonamento, potrebbe essere difficile giustificare la spesa così tanto per provare un nuovo strumento.

Tuttavia, a maggio 2018 Adobe ha annunciato un piano di avviamento che consente l'uso gratuito di Adobe XD! È limitato a un solo progetto attivo, ma è un modo perfetto per testare le acque e provare tutto ciò che ha da offrire.

Facilità d'uso

La maggior parte dei designer digitali ha utilizzato un'applicazione Adobe a un certo punto e ha familiarità con l'interfaccia generale: pannello degli strumenti a sinistra, area principale al centro, livelli, ecc. a destra. Il bello di Adobe XD è che ti sentirai a casa non appena inizierai a usarlo. La curva di apprendimento è leggera e si verifica principalmente attorno a sistemi di progettazione più complessi e sostituzioni di simboli.

Come strumenti simili, Adobe XD gestisce sistemi di progettazione complessi e librerie di simboli. Dispone inoltre di strumenti intuitivi per collegare facilmente gli schermi e creare prototipi interattivi che possono essere utilizzati nei test degli utenti senza bisogno di codice. La recente versione dell'animazione automatica rende ancora più semplice la creazione di prototipi di interazioni avanzate animando automaticamente le micro-interazioni tra le tavole da disegno in Adobe XD.

Esempi di prototipi Adobe XD
Adobe XD può creare transizioni con animazione automatica utilizzando un gesto di trascinamento.

Ecosistema

Avere Adobe XD nell'ecosistema Adobe è uno dei suoi punti di forza più importanti perché è probabile che tu abbia già Creative Cloud o utilizzi altri prodotti Adobe su base settimanale. Dai vettori alle foto, la suite di prodotti Adobe ha uno strumento dedicato per la maggior parte delle esigenze dei designer che funzionerà senza problemi con Adobe XD.

Quota di mercato

Nel 2017 Adobe XD aveva una posizione media nel mercato e non poteva mettere in ombra il dominio di Sketch. Sono passati due anni e Adobe sta recuperando rapidamente terreno (con oltre 12 milioni di abbonati a Creative Cloud) e ha dimostrato un grande potenziale per continuare la sua rapida crescita.

Tornando alla domanda se vale la pena spendere del tempo per imparare un nuovo strumento di progettazione, si può pensare in questo modo: se hai un martello, puoi piantare un chiodo ma non puoi rimuovere una vite, e non lo fai mai sapere quando dovrai togliere una vite. Con l'aumento della popolarità di Adobe XD, aumentano anche le possibilità di incontrare un team o un cliente che si affida esclusivamente ai prodotti Adobe. Più strumenti ha un designer nella sua cassetta degli attrezzi, più progetti di design sarà in grado di affrontare e più team saranno in grado di lavorare in modo efficace.

Un elenco crescente di funzionalità e plugin di Adobe XD

"Attraverso le integrazioni con Creative Cloud possiamo rendere i nostri clienti più felici e più produttivi collegandoli senza problemi a tutti i servizi che utilizzano e a una fornitura infinita di strumenti che estendono le nostre applicazioni in modi potenti e personalizzati."– Vijay Vachani, Direttore, Capo della piattaforma partner e dell'ecosistema, Adobe Creative Cloud.

Funzionalità, plug-in e componenti aggiuntivi di Adobe XD
Plugin e integrazioni migliorano lo strumento di prototipazione Adobe XD.

Per quanto "leggera e semplice" possa sembrare, l'interfaccia di Adobe XD gestisce sistemi di progettazione complessi e librerie di simboli, consentendo ai progettisti di creare e aggiornare facilmente progetti complessi. Altrettanto importanti per il processo di progettazione e test degli utenti sono i sofisticati prototipi XD e gli strumenti di animazione. Quando un designer è pronto per ricevere feedback sui progetti, i plug-in di UserTesting e Userlytics consentono loro di farlo senza uscire dal programma.

La creazione dello strumento di progettazione UX definitivo che avrà tutte le funzionalità giuste è ciò per cui aziende come InVision, Adobe e altre si battono. Il compito è enorme e complicato, quindi uno dei modi per raggiungere questo obiettivo è che le piattaforme sviluppino plug-in (e incoraggino gli altri a fare lo stesso).

Il recente annuncio di Adobe di un Design Fund da 10 milioni di dollari per questo preciso scopo dimostra l'importanza di supportare i plug-in e incentivare gli sviluppatori a crearli. Durante la recente conferenza Adobe MAX, ci sono stati diversi annunci importanti su plug-in, kit di interfaccia utente e integrazioni di app per espandere l'utilità di Adobe XD.

Sebbene Sketch sia un ottimo strumento di progettazione, ciò che lo rende davvero eccezionale è la disponibilità di plug-in di terze parti come Runner, Color Accessibility Check, Magic Mirror, Auto Animate, ecc. Adobe XD sta intensificando il proprio gioco con plug-in come RenameIt, Pixel Perfect , Generatore di dati, ecc. e integrazioni con Trello, Dribbble, Fogli Google, ecc.

Strumento di prototipazione Adobe con un gran numero di plugin disponibili
I vantaggi di Adobe XD includono un'ampia disponibilità di plug-in e componenti aggiuntivi.

Versando denaro nell'hosting e nel supporto di talenti emergenti in Adobe Creative Residency, Adobe mantiene l'importante vantaggio del suo ecosistema. Un altro elemento chiave del successo futuro è qualcos'altro che il team di Adobe XD sta facendo bene: ascoltare l'utente finale e coinvolgerlo nel processo di sviluppo invitandolo a suggerire e votare le prossime funzionalità da sviluppare.

Fin dall'inizio, Adobe XD è stato posizionato come un "prodotto da designer a designer" e stanno fedelmente mantenendo quella rotta. Ogni mese vengono implementati nuovi set di funzionalità. Ad esempio, solo negli ultimi mesi, Adobe ha introdotto nuove funzionalità di Adobe XD come il ridimensionamento reattivo, le transizioni temporizzate, il controllo ortografico, l'integrazione di Jira e altro ancora.

Animazione in Adobe XD, uno strumento di prototipazione Adobe
Lo strumento di animazione automatica utilizzato in un prototipo Adobe XD.

Adobe ha anche annunciato di recente l'aggiunta della prototipazione vocale al set di strumenti Adobe XD. Non è la funzionalità più ovvia che ti aspetteresti da uno strumento di progettazione dell'interfaccia utente dello schermo, ma le interfacce utente dei comandi vocali stanno diventando sempre più comuni.

Da Siri ad Alexa e altre esperienze oltre lo schermo, l'interazione vocale sta guadagnando terreno. L'esclusiva prototipazione vocale di Adobe XD offre ai designer il vantaggio di stare al passo con questa tendenza in rapida crescita.

Espandere la casella degli strumenti di un designer

I designer che lavorano con una varietà di aziende e su progetti diversi avranno probabilmente bisogno di uno spettro di capacità di risoluzione dei problemi. Una cassetta degli attrezzi di progettazione più ampia può essere un grande vantaggio rispetto ad altri potenziali candidati. Ciò è particolarmente importante per i liberi professionisti che potrebbero lavorare con clienti diversi ogni pochi mesi: prima o poi arriverà un progetto che richiede una conoscenza approfondita di uno specifico strumento di progettazione. Non avere familiarità con quello strumento può significare la perdita del potenziale coinvolgimento.

C'è qualche discussione sul fatto che un designer debba concentrarsi sull'espansione del proprio repertorio anziché sull'affinamento di una particolare specializzazione. Adobe XD è veloce, gratuito e facile da imparare: non c'è niente da perdere nel fare il grande passo ed espandere la tua versatilità.

• • •

Ulteriori letture sul blog di Toptal Design:

  • I migliori strumenti UX (con infografica)
  • Figma vs. Sketch vs. Axure: una revisione basata su attività
  • Progettazione di una VUI – Interfaccia utente vocale
  • I migliori portfolio di designer UX - Casi di studio ed esempi stimolanti
  • Prototipare con facilità: un tutorial di InVision Studio