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
[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″]