CALENDARIO UX – 15 – 12 DICEMBRE Strumenti con accelerazione AI per progettisti UX/UI

Abbiamo visto tutti sui social media i lanci di nuove IA che generano immagini come DALL-MI-2, Immagine, Diffusione stabile ou Metà viaggio. Queste IA che creano, da un breve testo, immagini qualunque sia lo stile desiderato. Alcuni hanno persino ricevuto premi per le loro creazioni artistiche! Vedendo l'uso dell'intelligenza artificiale nel mondo dell'arte e del design grafico, è l'occasione per porre la questione del suo utilizzo nelle nostre professioni. Questa tecnologia cambierà senza dubbio molti dei nostri usi, a partire dagli strumenti che utilizziamo. Come strumento, l'intelligenza artificiale ci consente già di esplorare e semplificare alcuni aspetti del design dell'interfaccia. Ti offro una breve selezione di strumenti che possono essere interessanti da testare per velocizzare la progettazione della nostra interfaccia.

Genera interfacce

Lucertola

Uizard è uno strumento per creare wireframe e mockup. Include un servizio accelerato dall'intelligenza artificiale per convertire i wireframe cartacei in prototipi modificabili. Diversi stili possono essere rapidamente testati grazie a un modulo di estrazione dello stile dagli screenshot. I loro servizi, sebbene a pagamento, sembrano interessanti per soluzioni di prototipazione rapida all'interno di piccoli team che non includono necessariamente un UI Designer o per progetti con scadenze molto brevi aumentando i workshop di co-costruzione. Utilizzo della visione artificiale (rilevamento e interpretazione delle immagini da parte di un'intelligenza artificiale) e l'elaborazione del linguaggio naturale (comprensione di un insieme di parole da parte di un'intelligenza artificiale) nella loro soluzione è un esempio interessante delle potenziali accelerazioni nei nostri business per la progettazione di interfacce.

Prezzo : ggratuiti (nel limite di 3 progetti e 10 template) poi formule a pagamento

Genera immagini

 

Diffusione stabile

Stable Diffusion è un'intelligenza artificiale per la creazione di immagini. Ha il vantaggio di essere una delle rare soluzioni con licenza Creative ML OpenRAIL-M, il che significa che può essere utilizzato liberamente e gratuitamente per uso commerciale o non commerciale. Un altro vantaggio è che questa piattaforma è la più facilmente accessibile e completamente gratuita. Ma qual è l'utilità di questo strumento per le nostre professioni? 

Possiamo generare interfacce per trarre ispirazione da determinati elementi o da una UI presentata.

Set di interfacce ed elementi di interfaccia ottenuti con la richiesta “landing page e-commerce boardgame” su Stable Diffusion

Possiamo generare foto e illustrazioni per integrare le nostre risorse esistenti:

  • Foto di personaggi con controllo sui diversi tratti del personaggio (es: una fotografia di un uomo di 35 anni che indossa un maglione)

 

  • Illustrazioni e foto temporanee per modelli esenti da royalty (es: piatto di cibo con verdure sane)

 

 

 

 

 

 

  • Sperimenta con diverse generazioni di immagini per trarre ispirazione (es: una fotografia di un modello di telefono di un'app per ordinare cibo)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Prezzo : gratis

Elabora un'immagine

Vance AI

Vance AI è un insieme di strumenti di ottimizzazione e miglioramento delle immagini AI. Questa suite di strumenti ti consente di:

  • Migliora la risoluzione e la nitidezza di un'immagine
  • Rimuovi lo sfondo da un'immagine
  • Rimuovi il rumore digitale da un'immagine
  • Applicare filtri complessi a un'immagine

Tutte queste funzionalità sono automatizzate e possono essere personalizzate in una certa misura. Sebbene la versione di prova sia piuttosto limitata, l'elaborazione delle immagini è interessante e può essere automatizzata su una piattaforma di terze parti tramite un'API. Ciò rende questo strumento utile sia per i progettisti che per gli sviluppatori che desiderano incorporare questo servizio nella loro piattaforma.

Prezzo : pagato (prezzo per crediti)

Alternative a Vance AI

Remove.bg

Remove BG è uno strumento veloce e pratico per rimuovere gli sfondi dalle immagini grazie alla loro intelligenza artificiale. Questa soluzione permette un'elaborazione veloce di questo tipo di ritocco senza richiedere un passaggio su Photoshop (o alternative di terze parti).

Prezzo : crediti gratuiti + a pagamento per il download HD

 

 

Miglioriamo

Let's Enhance è uno strumento efficace per aumentare la risoluzione delle immagini senza perdere qualità. 100% automatico e veloce. È così possibile aumentare rapidamente la risoluzione dell'immagine a bassa definizione sia in attesa dell'immagine ad alta definizione sia come correttivo per un'immagine di qualità essenziale troppo bassa.

Prezzo : 10 foto gratis + crediti pagati.

Modifica le sue interfacce

 

Il testo predefinito per quasi tutti i mockup è "Lorem Ipsum….". Trovare il testo giusto da inserire nelle caselle di testo non è sempre facile. Con questo plug-in, è possibile generare rapidamente un testo della lunghezza scelta utilizzando parole chiave e descrivendo rapidamente di cosa dovrebbe trattarsi il testo. Sebbene il plugin sia utilizzato principalmente per verificare che il contenuto sia conforme a una strategia SEO, questa caratteristica specifica può essere pratica quando devi andare oltre "Lorem Ipsum", senza particolari spunti sul testo da implementare.
⚠️ Genera solo testi in inglese. 
Prezzo : gratis

Ando

Ando è un plugin Figma che permette di generare immagini da asset già presenti nelle interfacce che abbiamo creato direttamente in Figma. Disegna la forma di ciò che vuoi vedere nell'interfaccia o fai un'illustrazione vicino a ciò che stai cercando. Aggiungi una breve descrizione per chiarire la tua richiesta. Ando si prende cura del resto. Possiamo anche specificare quale elemento è più importante tra la nostra voce e l'elemento di ispirazione. Come se non bastasse, Ando ci permette anche di aumentare le dimensioni o rimuovere lo sfondo delle immagini già presenti nel nostro file Figma. Il plugin è quindi abbastanza completo e continua ad espandersi per soddisfare al meglio le diverse esigenze di visual nei nostri modelli.

Prezzo : gratuito (42 design all'inizio di ogni mese + 20 design per iscrizione giornaliera) e piano a pagamento illimitato

Mago

Anche se in accesso limitato, questo plugin è molto promettente. Per generare icone, testi e immagini, sembra essere il plug-in tutto in uno per facilitare l'implementazione dei contenuti per i progettisti UX/UI. Lo studio, Diagram, che ha sviluppato questo plugin sembra essere una buona fonte di plugin per facilitare i vari compiti dei progettisti dal mockup alla prototipazione avanzata. Sfortunatamente, dovremo essere pazienti per vedere demo più complete di questo plugin di quanto si aspetti gran parte della comunità di designer su Figma.

Prezzo : indeterminato fino ad oggi (in base al prezzo dei plug-in precedenti di questa azienda: gratuito per uso limitato + piano di abbonamento per uso illimitato)

Nome automatico Figma

Abbiamo sempre avuto il problema di avere modelli i cui elementi sono ben nominati. Tuttavia, rinominare gli elementi di un modello richiede tempo ed energia. Sono altrettanti piccoli secondi spesi qua e là per avere un documento pulito o per ripulire una risorsa fornita. Pertanto, Figma Autoname, un plug-in Figma, consente di rinominare automaticamente i frame e gli elementi del modello utilizzando l'intelligenza artificiale.

Prix: Gratuito

FigmaML

Verificare l'uso corretto di un sistema di progettazione nei prototipi può essere piuttosto complesso quando vengono utilizzati elementi dall'aspetto simile. Ogni elemento deve essere verificato per garantire che il collegamento al sistema di progettazione non sia stato interrotto o che non si tratti di un'implementazione locale. Queste verifiche sono comunque necessarie per garantire una buona evoluzione dei modelli seguendo l'implementazione e le modifiche del sistema di progettazione. Con Figma ML, i progettisti possono verificare rapidamente e visivamente se gli elementi implementati nei modelli fanno parte delle librerie importate nel progetto. Il plugin indica visivamente gli errori nei modelli e fornisce il posizionamento degli elementi da correggere nel pannello dei livelli.

Prezzo : gratis

Testa le sue interfacce

 

Attenzione Insight

Attention Insight è una soluzione per simulare i test di un'interfaccia con un eye tracker. Hanno addestrato le IA a simulare la mappa termica che un test eye tracker produrrebbe senza l'attrezzatura e il reclutamento richiesti da questo tipo di test. I test di tracciamento oculare sono un ottimo modo per identificare come gli utenti interagiscono con un'interfaccia. Tuttavia, questi test non sostituiscono i test degli utenti come sondaggi e interviste per determinare perché gli utenti si comportano in quel modo. Questo strumento andrebbe quindi ad aggiungersi ai test utente condotti in caso di limitazione del progetto in termini di budget, tempo o numero di progettisti coinvolti.

Prezzo : Versione di prova gratuita di 7 giorni poi formule diverse a seconda delle dimensioni dell'organizzazione

 

Per concludere

Attraverso questi diversi strumenti vediamo quanto l'intelligenza artificiale possa facilitare il lavoro degli UX/UI Designer. Sebbene ancora imperfette, queste automazioni abilitate dall'IA si sono diversificate negli anni e soddisfano esigenze sempre più variegate. Di fronte a questa automazione dei compiti e alle crescenti capacità dell'intelligenza artificiale di affrontare nuove sfide, possiamo porci la questione del futuro delle nostre professioni di fronte a tale concorrenza. Questa domanda è importante per comprendere meglio il futuro delle nostre professioni ma anche la singolarità delle nostre capacità di fronte alla macchina.

AI, una minaccia o un'opportunità per il design digitale? Questo sarà oggetto di un prossimo articolo che apparirà a gennaio sul nostro blog.
SECONDO IL PROGRAMMA DI DISTRIBUZIONE

 

 

Martin AUBAILLY, progettista UX @UX-Republic


 


I nostri prossimi corsi di formazione