Migliore risposta
Designer dellinterfaccia utente:
Sistema: Mac
Vantaggi: completamente per la progettazione di “interfacce”
Sketch è uno strumento di progettazione vettoriale leggero e facile da usare che rende la progettazione dellinterfaccia utente più semplice ed efficiente . La piattaforma semplifica le funzionalità utilizzate in Photoshop e Illustrator, progettate specificamente per la progettazione UX / UI. Prima di Sketch, i designer dovevano passare da Photoshop a Illustrator per ottenere funzionalità specifiche come il vettore e altri effetti fotografici. Ora, Sketch consente agli utenti di sbarazzarsi delle funzionalità gonfie e concentrarsi sullesperienza utente / sulla progettazione dellinterfaccia utente per ottenere il massimo dal design dellinterfaccia utente. Una delle migliori caratteristiche di Sketch è la possibilità di installare plug-in per compensare le funzionalità non incluse nel software.
Tuttavia, anche se è uno degli strumenti più pratici per la progettazione di interfacce utente di app Android, il supporto di Sketch per lanteprima in tempo reale del lato Android non è molto efficace. Gli utenti devono scaricare SkalaPreview e solo dopo una serie di operazioni scomode possono visualizzare il design effettivo dellinterfaccia Android sul lato del telefono.
Sistema: Mac e Windows
Vantaggio: progettazione della collaborazione in linea e progettazione dellhand-off per progettisti e sviluppatori dellinterfaccia utente
Come nuovissimo strumento di collaborazione e trasferimento, iDoc dispone di potenti plug-in che supportano limportazione di file da Photoshop, Adobe XD e Sketch . Con laiuto dei plugin, iDoc è possibile generare specifiche e risorse automaticamente per lutilizzo da parte del designer dellinterfaccia utente. Per trasformare i file di progettazione statica in prototipi hi-fi animati e interattivi, carica i tuoi file nel modulo prototipo di iDoc.
Invision – uno strumento di prototipazione basato sul Web che fa vivere rapidamente il tuo progetto
Costo: gratuito per 1 progetto (15 $ / mese per 3 progetti | 25 $ / mese per progetti illimitati | 99 $ / mese per team)
Compatibilità: Mac e Windows
Funzionalità ：
- Con InVision, i progettisti possono caricare i file di progettazione e aggiungere animazioni, gesti e transizioni per trasformare i loro schermi statici in prototipi interattivi cliccabili. Ottieni lalta fedeltà in meno di 5 minuti.
- Supporta file in formato PNG, JPG, GIF, AI e PSD. InVision App è ideale per collaborare alle bozze di progetto e raccogliere feedback da colleghi e clienti.
- Un nuovo magico flusso di lavoro dalla progettazione allo sviluppo. Crea fogli di stile, ottieni composizioni perfette per i pixel, discuti delle sfide di progettazione, esporta in modo adattivo e genera codice reale per qualsiasi elemento di progettazione.
Prezzo – Gratuito per uso personale utilizzare
– $ 12 a persona per gruppo / mese
Introduzione: Figma è il primo strumento di progettazione dellinterfaccia per davvero -tempo di collaborazione. Ha tre caratteristiche lodevoli: collaborazione in tempo reale, networking vettoriale e controllo della versione. Semplicemente, Figma è come uno schizzo basato su browser con collaborazione in tempo reale .
Esperienza personale: inizialmente ero scettico nei confronti di Figma ” esperienza utente perché è uno strumento di progettazione di interfacce basato su browser. Ma in seguito lho trovato ancora molto sensibile da usare. Inoltre, gli strumenti del browser hanno il vantaggio che il destinatario non ha bisogno di installare nulla, deve solo aprire il browser sul computer per partecipare al progetto. I file Figma sono disponibili su Mac, Windows, Linux e dispositivi mobili (solo visualizzazione).
Risposta
Se uno sviluppatore mi dicesse “no”, chiederei prima il motivo e proverei a capire il motivo per cui hanno detto di no. Se si scopre che esiste un modo migliore per affrontare la sfida del design, sarei più che disposto a cambiare il design.
Tuttavia, gli sviluppatori sono generalmente in grado di codificare qualsiasi funzionalità e design dei designer dellinterfaccia utente venire con. Come ha sottolineato William Hurley in questa risposta, quasi tutto è possibile quando si tratta di software.
Ho chiesto agli sviluppatori di software se la “funzione x” è possibile o se il progetto può essere codificato per funzionare in un determinato e non mi è mai stato detto “no”.
Detto questo, lobiettivo come designer dellinterfaccia utente dovrebbe non creare un design complesso. Lobiettivo dovrebbe essere quello di rendere linterfaccia il più semplice e intuitiva possibile per lutente.
Per questo motivo, ho utilizzato i principi di Google Material Design nei miei progetti più recenti (vedi 5 potenti e pratici motivi per utilizzare Material Design ).
Ci sono diversi vantaggi che ne derivano:
- Familiarità per gli utenti – Gmail, YouTube, Evernote, Buzzfeed e molte altre app utilizzano Material Design, quindi cè una maggiore possibilità che gli utenti della tua app conoscano come linterfaccia appare e funziona.
- Framework esistenti – Sono stati creati molti framework che includono componenti già pronti per gli sviluppatori, come Materializza CSS , AngularJS Material e Material-UI . Questo aiuta i progettisti a vedere cosa è prontamente disponibile per gli sviluppatori e a utilizzare quei componenti nei loro progetti.
- Processo decisionale più veloce – Quando sviluppatori e designer può funzionare dalla stessa tavolozza di componenti, rende più veloce il processo di progettazione e sviluppo.
Ecco un ottimo video su come Google ha reso coerente la sua pletora di app, anche prima del rilascio Material Design. Applicando i principi utilizzati allora e adesso, i progettisti possono creare interfacce migliori ed eliminare virtualmente il “no” dal vocabolario degli sviluppatori.