CALENDARIO UX – 08 DICEMBRE – Strumenti a confronto per un sistema di progettazione nel 2020

Strumenti di prototipazione

Per chi : 

Designer Ux/Ui.

Perché?

  • Progetta i componenti.
  • Condividi librerie di componenti.
  • Lavora in modo collaborativo.

 

# 1 Figma

Inoltre:

Figma include tutte le funzioni di Sketch, Invision, Zeplin: progettazione, presentazione, prototipazione e ispezione del codice tutto da solo. 

  • condivisione collaborativa dal vivo.
  • librerie condivise abilitate e disabilitate.
  • commenti sullo spazio di lavoro.
  • facile modifica e recupero di componenti/stile a cascata.

Il prezzo:

  • 2 editor e 3 progetti gratuiti.
  • Librerie DS $ 12/mese/utente.

Compatibilità della piattaforma di condivisione del sistema di progettazione:

  • Altezza zero

Voto: 4 stelle / 4

 

# 2 Schizzo 

Inoltre:

  • Strumento più utilizzato dalla comunità Ux > compatibile con molti altri strumenti (editor di temi del materiale del plugin +++).
  • Librerie condivise native (adattate al DS).
  • Cancella separazione delle pagine dei simboli.
  • Molti plugin per l'editor di temi zeplin/marvel/material prima.
  • Opzione cloud per il lavoro collaborativo.
  • Stile modificabile.

Il minimo :

  • Gestione di stili tipografici complicati.
  • In leggero ritardo rispetto a Figma (attenzione, la gara non è finita!).

Il prezzo:

  • $ 9 per utente.
  • Cloud incluso nella licenza di Sketch.

Compatibilità della piattaforma di condivisione del sistema di progettazione:

  • Invisione DSM
  • Altezza zero 

Voto: 3,5 su 4 stelle

 

N.3AdobeXD

Inoltre:

  • Cloud di lavoro collaborativo.
  • Plugin Jira/zeplin/teams.
  • Strumento di sviluppo.
  • Ripetizione componente/griglia di stato.

Contro:

  • Nessuna possibilità di supportare più pagine.
  • Nessuna copia di stile.
  • Non ancora buono come Figma e ancora in versione beta.

Il prezzo:

  • Liberi di prototipare.
  • Per DS € 11,99/mese/utente.

Compatibilità della piattaforma di condivisione del sistema di progettazione:

  • Plugin DSM toollab (beta).
  • Altezza zero

Voto: 2 su 4 stelle

piattaforme di condivisione di componenti

Per chi :  

Designer UX e sviluppatori frontali e tutta la squadra.

Perché?

Fornisci agli sviluppatori i componenti, gestisci il controllo delle versioni e fornire al team tutta la documentazione del sistema di progettazione.

Obbligatorio

La piattaforma deve gestire il controllo delle versioni.

 

# 1 Altezza zero

La maggior parte:

Strumento accessibile per i progettisti.

Visualizza per componente.

Visualizzazione di una guida di stile online facile da documentare.

In allegato alle librerie condivise SFigma o XD ketch.

Cronologia delle versioni per ogni componente.

Contro:

Nessun commento possibile.

Nessun plugin per sviluppatori nativi.

Il prezzo: 

45€/mese/utente

Compatibile: 

Adobe Xd (ok) / Figma (molto facile) / Sketch (un po' complesso) 

Storia lato libro dev.

Nota: 

3 4 sulle stelle

 

# 2 Invision DSM

La maggior parte:

Strumento accessibile per i progettisti.

Documentazione direttamente dal sistema versione.

Gettoni di design.

Contro: 

Ancora in versione beta.

Nessuna ispezione codificata dei componenti.

Gli asset vengono recuperati uno per uno. 

Prezzo su preventivo (troppo caro).

Non funziona ancora con Figma.

Compatibile : 

Schizzo 

Nota: 

2 4 sulle stelle

 

Strumenti di consegna

Libro di storia

Per chi :  

Sviluppatori.

Perché?

Memorizza il codice componente anteriore e posteriore.

Metti a disposizione del team UX Star.

La maggior parte: 

Strumento accessibile ai progettisti a condizione che conoscano il codice.

Funziona con Raw HTML, React, React Native, Vue, Angular, Mithril, Marko, Ember, Riot, Svelte.

Libreria dei componenti generata da Componenti reattivi/angolari.

Integrato nel progetto dev, quindi versionato.

Concetto di playground, che permette di testare il parametri di un componente “live”.

Facoltativamente può essere collegato direttamente a Figma se non è presente una piattaforma di condivisione.

Il prezzo:

Gratuito.

Contro: 

Molto orientato ai "componenti di sviluppo", non ideale per Documentazione UX/UI.

Guida di stile gestibile solo da dsviluppatori.

per ricordare : 
1 Figma

Strumento più adatto al sistema Design, funzionalità avanzate, condivisione, lavoro di squadra, interfaccia molto semplice, ideale e veloce da imparare.

Molto fluido con Zero Eight.

Schizzo 2

Sketch è una scommessa sicura, non puoi sbagliare con questo strumento che è più usato dalla comunità.

https://uxtools.co/survey-2017/

Se andiamo avanti design dei materiali è lo strumento più adatto. 

3 Lo strumento di prototipazione guida la scelta di altri strumenti

Associamo facilmente sketch a invision DSM o figma + zero height & story book, l'importante è avere una catena di strumenti compatibile e un flusso di lavoro ben consolidato.

4 Lo strumento che vorrei avere

Sì editori di software vi parlo da quando è Natale: 

Quando ci sarà una piattaforma di condivisione accessibile per un designer e per uno sviluppatore che riunisce le funzionalità di un libro di storie ad altezza zero +? 🙂

 

Ci vediamo domani per nuove sorprese sul nostro calendario dell'Avvento di UX-Republic!

 

Leslie POCHAT, UX Designer @UX-Repubblica 

 

Grande gioco di parole nascoste!
Una parola nascosta è scivolata nel testo ma non ha nulla a che fare con esso. Eppure questa parola è importante per noi. Se, il giorno della pubblicazione, lo trovi e pubblichi prima questo articolo su Twitter con l'hashtag #CalendrierUXRepublic e la parola nascosta, vinci un set di UX-Card o un Set di Zoning Cards. Attenzione, puoi vincere solo una volta... poi devi dare una possibilità agli altri 😉!

 

[actionbox color=”default” title=”DESIGN SPRINT training -20%” description=”-20% di sconto sulla sessione di dicembre DESIGN SPRINT training fornendo il codice 12-UX-DEC al momento della registrazione! C'è ancora tempo…” btn_label=”I nostri corsi” btn_link=”http://training.ux-republic.com” btn_color=”primary” btn_size=”big” btn_icon=”star” btn_external=”1″]