Ottenere un lavoro come UX Engineer è difficile, ma non è impossibile. Questo elenco è stato creato per aiutare a restringere la vostra attenzione e padroneggiare le competenze necessarie per diventare un ingegnere UX nel 2020. Comprensibilmente, questa lista può essere un po ‘ opprimente per chiunque abbia appena iniziato. Per questo motivo, l’elenco è diviso in due parti:
- UX Design Skills Front-End Engineering Skills Se siete nuovo di zecca per entrambi i campi, vorrei raccomandare di concentrarsi su un elenco alla volta. In questo modo, si può ancora atterrare un lavoro incredibile e guadagnare un reddito come si costruisce le vostre abilità dall’altra lista.
- UX Engineer
- UX Capacità di Progettazione
- #1 – Empathy Empathy è al centro della progettazione ux. Hai bisogno della capacità di metterti nei panni del tuo utente per progettare prodotti che ameranno. Fortunatamente, l’empatia non è un’abilità difficile da sviluppare. Se capisci perché alcuni prodotti ti rendono felice e perché alcuni prodotti ti frustrano, allora sei a metà strada!Related: Empatia nel design: Come funziona?Gli sviluppatori a volte possono lottare con l’empatia perché i miglioramenti UX possono sembrare minori rispetto al” costo ” di implementarli. Se sei tu, resisti alla tentazione di mettere la tua convenienza al di sopra della soddisfazione del tuo utente. Non tagliare gli angoli. Avere empatia. Inizia con l’esperienza utente e lavorare a ritroso. #2 – Problem Solving Le capacità di problem solving sono importanti sia per la progettazione ux che per l’ingegneria front-end. Tuttavia, direi che è ancora più importante per ux. Perché? Perché la maggior parte dei problemi ux sono unici e specifici per le esigenze del proprio utente. Spesso è molto più facile trovare risposte alle domande di programmazione rispetto ai problemi ux.Con questo in mente, è necessario la capacità di trovare soluzioni creative per una varietà di problemi. Con empatia e capacità di problem-solving combinati, si può cominciare a capire i punti di dolore dell’utente e progettare soluzioni reali per loro. #3 – Osservazione Come accennato, la maggior parte dei problemi ux sono unici, ma non tutti. Avere abilità di osservazione acuto vi farà risparmiare molti mal di testa lungo la strada. Questa abilità è particolarmente utile per il pezzo “design” di ” ux design.”I tuoi utenti sono in tutto il web. Stanno usando i social media, leggendo blog, guardando video di YouTube. Se lo stanno facendo, allora dovresti farlo anche tu.Le capacità di osservazione ti aiutano a individuare i modelli e a superare le aspettative dell’utente quando le tendenze diventano la nuova norma.Correlati: Buona UX = Noioso UI. Non essere creativosenza grandi capacità di osservazione, è difficile tenere il passo nel settore dello sviluppo web veloce. #4 – Marketing Personalmente, non penso che questo sia menzionato abbastanza. In molte aziende, i progettisti UX lavorano a stretto contatto con il reparto marketing. Come un progettista ux si dovrebbe, per lo meno, avere una conoscenza di base di ciò che il marketing è e come funziona. Il concetto di marketing, in generale, ha una lunga storia di monitoraggio delle esigenze e dei punti dolenti del cliente. C’è più crossover tra marketing e design ux di quanto tu possa immaginare, specialmente nell’odierna tecnologia world.At alla fine della giornata, devi soddisfare gli utenti E chiunque firmi il tuo stipendio. Investendo un po ‘ di tempo per imparare le abilità di marketing, ti posizionerai meglio per fornire valore ai tuoi utenti e alla tua azienda. #5 – UX Research& Intervistando In molte aziende, ux research è un ruolo completamente separato da ux design. Questo non significa che sei fuori dai guai però. Non esiste una cosa come ux design senza ux research, quindi non andrai lontano senza impararlo. Per comprendere a fondo la ricerca ux è necessario una laurea in interazione uomo-computer o un campo correlato. Tuttavia, come ingegnere ux, credo che tu possa cavartela senza la laurea.Se impari come raccogliere dati qualitativi dagli utenti senza compromettere il risultato, avrai fondamentalmente la maggior parte delle abilità necessarie per condurre ricerche ux. L’abilità sottostante qui è la tua capacità di separarti dai tuoi disegni. Devi essere consapevole dei tuoi pregiudizi e imparare a progettare obiettivamente. Imparate questo e sarete pronti ad andare. #6 – Statistiche& Analisi dei dati
- #7 – UI Design Tools Ora stiamo finalmente arrivando al lato “design” delle cose. Uno dei più grandi aspetti del design ux è la creazione di wireframe, mockup e prototipi. Gli strumenti di progettazione dell’interfaccia utente più popolari di oggi sono Sketch e Figma. In realtà non ho mai usato nessuno di questi (ho detto che la tecnologia si muove velocemente?), ma se dovessi scegliere tra i due ora, sceglierei Figma.AJ & Smart fai un buon (e divertente) confronto in questo video. Ne vale la pena. #8 – Principi di progettazione dell’interfaccia utente Forse hai notato che “ux” e “ui” sono solitamente accoppiati insieme? Questo perché sono entrambi essenziali per l’esperienza utente complessiva. UX Research ti aiuterà a identificare e risolvere problemi di progettazione specifici, ma non ti aiuterà a creare un bel design. Per questo, è necessario comprendere i principi di progettazione dell’interfaccia utente e come usarli in modo efficace.Ci sono certe “verità” universali sul design che ogni designer ux dovrebbe conoscere. Se hai grandi capacità di osservazione (#3 in questa lista), probabilmente hai raccolto alcuni principi di progettazione dell’interfaccia utente senza nemmeno rendertene conto. Alcuni di questi principi includono equilibrio,allineamento, contrasto ecc.La tua interfaccia utente è una tela e tu sei l’artista. Applicare i principi di progettazione dell’interfaccia utente è la differenza tra fare un capolavoro e fare qualcosa da attaccare sul tuo frigorifero. Fa davvero una grande differenza. Se il tuo design dell’interfaccia utente manca il marchio, la gente noterà e non avrà fiducia nel tuo marchio.Correlati: UX Design & UI Design. Perché abbiamo bisogno di entrambi? #9 – Interaction Design Con l’abilità precedente, i principi di progettazione dell’interfaccia utente, hai a che fare con l’aspetto di singole pagine web o funzionalità alla volta. Con capacità di interaction design, d “altro canto, si deve fare un passo indietro e capire come quella pagina o caratteristica legami nel” quadro generale.”Come suggerisce il nome, interaction design si occupa di guidare l’interazione del vostro prodotto.Senza interaction design, il tuo prodotto si sentirà come se mancasse qualcosa. Nelle specifiche di Material Design di Google, ad esempio, l’obiettivo è quello di trattare gli elementi sulla tua pagina come se esistessero nel mondo reale. Ciò implica che gli oggetti che si muovono sulla pagina dovrebbero accelerare o rallentare come se seguissero le leggi della fisica. #10 – Scrittura& Comunicazione Le capacità di scrittura e comunicazione sono importanti per la maggior parte delle carriere, ma sono particolarmente importanti per i progettisti ux. Raramente si progettano interfacce che non richiedono testo, icone o immagini ai fini della comunicazione. Ciò significa che è necessario imparare come comunicare pienamente un messaggio nel modo più succinto possibile.Scrivere una copia efficace non è così facile come sembra. La leggibilità e la comprensione sono una scienza. È importante che tu impari a parlare la lingua del tuo pubblico, ma ancora più importante, coinvolgilo con la tua copia. Un errore che è facile da fare è l’uso casuale di parole grosse che possono essere difficili da capire per il pubblico. Non fare questo errore. Il vostro compito è quello di comunicare in modo efficace, non per impressionare i lettori con la vostra conoscenza. Competenze ingegneristiche front-end Non c’è mai stato un momento più emozionante per essere un ingegnere front-end. L’industria di sviluppo web di oggi è in piena espansione con l’innovazione. Ogni giorno vengono creati nuovi strumenti e risorse per facilitare il nostro lavoro. Tuttavia, questi strumenti e risorse sono dotati di una curva di apprendimento troppo. Se sei pronto per iniziare con l’ingegneria front-end, le prossime 10 abilità saranno fondamentali per te. #11 – HTML, CSS,& JavaScript
- #12 – HTML semantico & Accessibilità
- #13 – CSS Frameworks, Architecture,& Preprocessori Dopo aver trascorso un po ‘ di tempo ad imparare i CSS, inizierai ad apprezzare la necessità di framework, metodologie e preprocessori.A seconda della tua situazione, Bootstrap è un ottimo framework CSS per ottenere rapidamente stili sul tuo sito web. Tuttavia, se il progetto richiede qualcosa di meno “Bootstrappy”, è probabilmente preferibile scrivere il proprio CSS da zero (tornare alle basi). Inoltre, come ingegnere UX, le prestazioni saranno un fattore importante da considerare per i tuoi prodotti. Utilizzando Bootstrap fuori dalla scatola può avere svantaggi quando si tratta di prestazioni.Approfittando di un preprocessore CSS, come Sass, è grande per una serie di motivi. Soprattutto, rendono i CSS molto più facili da scrivere consentendo di annidare gli stili l’uno all’altro per creare specificità. Ci sono alcune altre caratteristiche interessanti troppo, come l’uso di variabili e mixins. Nei tempi moderni, non troverete molti ingegneri front-end che non utilizzano un preprocessore per semplificare il loro processo.Se stai scrivendo i tuoi stili da zero, l’adozione di un’architettura CSS è estremamente utile per mantenere il tuo codice organizzato. Ho usato solo l’architettura scalabile e modulare per CSS (SMACCS), il che è fantastico, ma recentemente ho imparato a conoscere alcune altre metodologie CSS. È facile per il tuo CSS sfuggire al controllo se non hai una buona strategia organizzativa. Vale sicuramente la pena adottare un’architettura CSS per il tuo processo di sviluppo.Related: Specificità CSS: Come evitare di usare !importante in CSS #14 – Responsive Design Responsive design non è più una novità. È quasi sinonimo di web design a questo punto. Tuttavia, è ancora importante imparare a tenere conto di molti dispositivi diversi e risoluzioni dello schermo con i vostri disegni. Non riuscire a imparare il responsive design è un modo veloce per lasciare la metà dei tuoi utenti fuori dall’equazione, il che ovviamente porterebbe a una scarsa esperienza utente.Siamo in un mondo mobile ora. Mobile non sta andando da nessuna parte. Scopri come progettare per dispositivi mobili, tablet e desktop e sarai a posto. #15 – Framework JavaScript I framework JavaScript sono importanti perché la programmazione è costosa. Framework come jQuery, Angular, Vue e React sono stati creati per accelerare lo sviluppo e fare gran parte del lavoro pesante per te. Per questo motivo, le aziende non hanno remore nell’adottare i framework JS perché fanno risparmiare loro denaro a lungo termine.Naturalmente, ci sono più framework JavaScript di quanto tu possa contare su due mani. Tutti cercano di risolvere un problema diverso. Varrebbe la pena di capire quali quadri sono là fuori. Sarebbe anche utile imparare almeno un framework JavaScript per aiutarti con il tuo sviluppo web. React sembra essere la scelta più popolare in questo momento, ma che potrebbe facilmente cambiare in pochi anni. #16 – Sviluppo back-end Gli sviluppatori front-end lavorano con gli sviluppatori back-end piuttosto da vicino. Non sto suggerendo che dovresti diventare un ingegnere full-stack (anche se sarebbe piuttosto impressionante). Tuttavia, sto suggerendo che varrebbe la pena di imparare abbastanza sullo sviluppo di back-end per interagire meglio con il tuo back-end coworkers.At alla fine della giornata, probabilmente deciderai quali dati sono necessari per supportare i tuoi progetti. Avere una comprensione decente dello sviluppo back-end contribuirà a promuovere tale comunicazione e garantire il successo del progetto. #17 – Test& Debug
- #18 – Gestori di pacchetti (NPM) I gestori di pacchetti, come npm, sono diventati una necessità per lo sviluppo front-end moderno. Rendono la vita più facile. Con l’esplosione di risorse, framework, librerie ecc. a portata di mano, inizia a diventare abbastanza doloroso per gestirli tutti…..a meno che non si utilizzi un gestore di pacchetti.Imparare npm richiederà di utilizzare l’interfaccia della riga di comando (CLI). Non è così spaventoso come sembra. Ci sono molti tutorial online che possono aiutarti quando sei pronto a incorporare i gestori di pacchetti come parte del tuo processo di sviluppo web. #19 – Strumenti di compilazione
- Diventare un Unicorno
UX Engineer
UX/UI e Frontend
Job FinderTROVARE LAVORO
UX Capacità di Progettazione
Nel mondo dello sviluppo web, ux design è fondamentale. Mentre le competenze di ingegneria front-end sono necessarie per la costruzione di prodotti veloci e scalabili, sono le competenze di progettazione ux che garantiranno che tali prodotti non siano uno spreco di sforzi. Senza una certa conoscenza del design ux, potresti passare settimane o mesi a costruire un prodotto che nessuno vuole. UX design aiuta a rimuovere il dubbio, in modo da poter costruire prodotti che le persone effettivamente trovano utili.
HTML viene utilizzato per descrivere la tua pagina al browser, così come le persone con disabilità. Non è uno strumento di progettazione. Dopo aver appreso le basi dell’HTML, ti consigliamo di immergerti nella semantica e nell’accessibilità. Imparerai che HTML è più che semplicemente avvolgendo tutto in un tag< div >.L’HTML semantico si occupa principalmente di esprimere il “significato” di una pagina web. Utilizzando un elemento< nav >, ad esempio, stai essenzialmente dicendo ai browser dove si trova la tua navigazione. Man mano che i browser diventano più intelligenti, l’HTML semantico diventa sempre più importante per l’avanzamento del web.Rendere i vostri prodotti accessibili alle persone con disabilità è anche molto importante. Se hai scelto skill # 1 in questa lista (empathy), forse sei a conoscenza delle linee guida per l’accessibilità dei contenuti Web (WCAG)? Altrimenti, dovresti impararli. Il prodotto non è veramente user-friendly fino a quando non è accessibile da tutti.
#13 – CSS Frameworks, Architecture,& Preprocessori Dopo aver trascorso un po ‘ di tempo ad imparare i CSS, inizierai ad apprezzare la necessità di framework, metodologie e preprocessori.A seconda della tua situazione, Bootstrap è un ottimo framework CSS per ottenere rapidamente stili sul tuo sito web. Tuttavia, se il progetto richiede qualcosa di meno “Bootstrappy”, è probabilmente preferibile scrivere il proprio CSS da zero (tornare alle basi). Inoltre, come ingegnere UX, le prestazioni saranno un fattore importante da considerare per i tuoi prodotti. Utilizzando Bootstrap fuori dalla scatola può avere svantaggi quando si tratta di prestazioni.Approfittando di un preprocessore CSS, come Sass, è grande per una serie di motivi. Soprattutto, rendono i CSS molto più facili da scrivere consentendo di annidare gli stili l’uno all’altro per creare specificità. Ci sono alcune altre caratteristiche interessanti troppo, come l’uso di variabili e mixins. Nei tempi moderni, non troverete molti ingegneri front-end che non utilizzano un preprocessore per semplificare il loro processo.Se stai scrivendo i tuoi stili da zero, l’adozione di un’architettura CSS è estremamente utile per mantenere il tuo codice organizzato. Ho usato solo l’architettura scalabile e modulare per CSS (SMACCS), il che è fantastico, ma recentemente ho imparato a conoscere alcune altre metodologie CSS. È facile per il tuo CSS sfuggire al controllo se non hai una buona strategia organizzativa. Vale sicuramente la pena adottare un’architettura CSS per il tuo processo di sviluppo.Related: Specificità CSS: Come evitare di usare !importante in CSS
#14 – Responsive Design Responsive design non è più una novità. È quasi sinonimo di web design a questo punto. Tuttavia, è ancora importante imparare a tenere conto di molti dispositivi diversi e risoluzioni dello schermo con i vostri disegni. Non riuscire a imparare il responsive design è un modo veloce per lasciare la metà dei tuoi utenti fuori dall’equazione, il che ovviamente porterebbe a una scarsa esperienza utente.Siamo in un mondo mobile ora. Mobile non sta andando da nessuna parte. Scopri come progettare per dispositivi mobili, tablet e desktop e sarai a posto.
#15 – Framework JavaScript I framework JavaScript sono importanti perché la programmazione è costosa. Framework come jQuery, Angular, Vue e React sono stati creati per accelerare lo sviluppo e fare gran parte del lavoro pesante per te. Per questo motivo, le aziende non hanno remore nell’adottare i framework JS perché fanno risparmiare loro denaro a lungo termine.Naturalmente, ci sono più framework JavaScript di quanto tu possa contare su due mani. Tutti cercano di risolvere un problema diverso. Varrebbe la pena di capire quali quadri sono là fuori. Sarebbe anche utile imparare almeno un framework JavaScript per aiutarti con il tuo sviluppo web. React sembra essere la scelta più popolare in questo momento, ma che potrebbe facilmente cambiare in pochi anni.
#16 – Sviluppo back-end Gli sviluppatori front-end lavorano con gli sviluppatori back-end piuttosto da vicino. Non sto suggerendo che dovresti diventare un ingegnere full-stack (anche se sarebbe piuttosto impressionante). Tuttavia, sto suggerendo che varrebbe la pena di imparare abbastanza sullo sviluppo di back-end per interagire meglio con il tuo back-end coworkers.At alla fine della giornata, probabilmente deciderai quali dati sono necessari per supportare i tuoi progetti. Avere una comprensione decente dello sviluppo back-end contribuirà a promuovere tale comunicazione e garantire il successo del progetto.
#17 – Test& Debug
Il test e il debug sono fondamentali per chiunque lavori sul codice front-end. Esistono molti modi diversi per” testare ” il tuo prodotto, ma il tipo di test che farai più frequentemente sarà nel browser e nel test JavaScript.Strumenti di sviluppo di Chrome (Dev Tools) è uno strumento molto potente e pratico. Dev Tools ti consente di apportare rapidamente modifiche al tuo HTML / CSS e vedere come viene visualizzato sulla pagina. La console ti consente di vedere quando hai errori nel tuo JavaScript. La scheda rete consente di vedere quanto velocemente i file vengono renderizzati e in quale ordine. C’è molto di più che può fare troppo. Se hai appena iniziato con lo sviluppo front-end, ti renderai presto conto di quanto siano incredibili gli strumenti di sviluppo is.To assicurati che il tuo sito web abbia un bell’aspetto su tutti i browser e dispositivi, dovrai testare le tue modifiche ovunque. Browserstack è uno strumento super pratico per questo tipo di testing.In Test Driven Development (TDD), il tuo JavaScript dovrà essere testato per assicurarti di coprire tutte le tue basi. Strumenti come Karma ti aiuteranno a iniziare a creare test attorno al tuo codice.
#18 – Gestori di pacchetti (NPM) I gestori di pacchetti, come npm, sono diventati una necessità per lo sviluppo front-end moderno. Rendono la vita più facile. Con l’esplosione di risorse, framework, librerie ecc. a portata di mano, inizia a diventare abbastanza doloroso per gestirli tutti…..a meno che non si utilizzi un gestore di pacchetti.Imparare npm richiederà di utilizzare l’interfaccia della riga di comando (CLI). Non è così spaventoso come sembra. Ci sono molti tutorial online che possono aiutarti quando sei pronto a incorporare i gestori di pacchetti come parte del tuo processo di sviluppo web.
#19 – Strumenti di compilazione
Oltre a npm, è necessario conoscere anche gli strumenti di compilazione, come i bundle di moduli, i Task Runners e i Linter. Questi strumenti hanno scopi diversi, ma sono essenziali per lo sviluppo web moderno.I bundle di moduli, come il WebPack, sono stati creati per aiutarti a tenere traccia delle dipendenze del modulo tra i file e raggrupparli in un’unica risorsa. Uno dei principali vantaggi dell’utilizzo di uno strumento come WebPack è il concetto di “Tree Shaking”, che impedisce che le risorse inutilizzate vengano caricate inutilmente.Task Runners, come Gulp, consentono di eseguire strumenti come WebPack e Sass. Sono utili perché possono osservare le modifiche nei file Sass o WebPack e ricostruire automaticamente l’output. Imparare a utilizzare un corridore compito sarà sicuramente contribuire a migliorare la vostra productivity.As si lavora con un team di altri ingegneri front-end, è importante assicurarsi di aderire a una guida di stile per il codice JavaScript. Questo è dove linters, come ESLint tornare utile. I linter consentono di specificare regole, per quanto riguarda spaziatura, sintassi, denominazione, ecc. nel tuo codice. Quando infrangi queste regole, il tuo linter ti farà sapere. In sostanza, i linter sono un modo utile per garantire qualità e coerenza per una base di codice condivisa. #20 – Controllo versione Tutti commettono errori. Fortunatamente, c’è il controllo della versione per questo. Come ingegnere front-end, sarà essenziale imparare a utilizzare il controllo di versione, come Git o Team Foundation Server (TFS). Il controllo di versione consente di diramare il codice di produzione (in sostanza, crearne una copia) e apportare modifiche senza doversi preoccupare di rovinare le cose in modo irreparabile. Tuttavia, quando le cose vanno male, come una distribuzione errata, il controllo di versione è lì per salvare la giornata consentendo di ripristinare le modifiche alla versione precedente. Sei pronto a diventare un ingegnere UX? Quindi, il gioco è fatto: le 20 competenze necessarie per diventare un ingegnere UX nel 2020. Spero che tu abbia trovato questa lista utile mentre lavori per migliorare le tue abilità. Se sei pronto a diventare un ingegnere UX, quindi controllare la scheda di posti di lavoro! Se sei interessato a saperne di più sul design UX o sull’ingegneria front-end, prendi in considerazione l’iscrizione a UXE Weekly e ricevi un nuovo articolo su UX Engineering ogni settimana!
Diventare un Unicorno
Ottenere articoli su di UX/UI Design + Front-End di Sviluppo
È GRATIS – No spam – Opt-out in qualsiasi momento
Condividi via:
Lascia un commento