Share
Benvenuti a questa introduzione super-rapida all'uso delle librerie di componenti; utile per designer, sviluppatori e utenti allo stesso modo. Saltiamo dentro!
Ogni interazione che un utente incontra, deve imparare, crea un carico cognitivo. È particolarmente difficile per un utente se gli elementi dell'interfaccia utente sono quasi lo stesso, ma diverso. L'utente deve quindi analizzare domande come "perché sono diverse?", "La stessa cosa succederà se premo questi due pulsanti?"
Inizia identificando oggetti comuni nei tuoi progetti, definiscili come componenti, quindi in un secondo momento (quando crei schermi) puoi iniziare a trascinarli indietro. In questo modo ti costringerai ad essere più coerente. Potresti anche essere sorpreso dal chilometraggio che puoi ottenere utilizzando gli stessi oggetti per risolvere diversi problemi.
In pratica, puoi creare simboli all'interno del tuo progetto Sketch o utilizzare il plugin Craft by InVision. Per ottenere veramente valore dalla libreria dei componenti, lavorare con gli sviluppatori per ottenere le stesse cose definite anche nel codice.
Non ha bisogno di essere puramente visivo; dovresti definire i diversi stati di ogni oggetto e anche le interazioni complesse.
Quando si utilizza una libreria di componenti, i progettisti e gli sviluppatori possono utilizzare gli stessi oggetti ancora e ancora, per risolvere diversi problemi. E per gli utenti, incontreranno componenti familiari, dovendo dedicare meno tempo a capire come utilizzare la tua app o il tuo sito web.
Avrai notato un paio di kit per l'interfaccia utente presenti in questo video; prendili ora come parte del tuo abbonamento Envato Elements!
Oltre 100 elementi Photoshop modificabili e ridimensionabili, basati su forme vettoriali pulite. I livelli sono raggruppati e ben organizzati, gli elementi sono facili da ridimensionare e regolare, nonché modificare i colori.
Social Media Mobile app per Sketch; tutte le schede dello schermo sono ben organizzate e stratificate.
Accentsconagua