een baan als UX-ingenieur vinden is moeilijk, maar het is niet onmogelijk. Deze lijst is gemaakt om u te helpen uw focus te beperken en de vaardigheden te beheersen die u nodig hebt om een UX-ingenieur te worden in 2020. Begrijpelijk, deze lijst kan een beetje overweldigend voor iedereen die net aan de slag. Om deze reden is de lijst verdeeld in twee delen:

  • UX Design Skills
  • Front-End Engineering Skills

    Als u gloednieuw bent op een van beide vakgebieden, adviseer ik u zich te concentreren op één lijst per keer. Op deze manier, kunt u nog steeds het land van een geweldige baan en verdien een inkomen als je het opbouwen van uw vaardigheden uit de andere lijst.

    UX Engineer banen

    UX/UI en Frontend
    Job Finder

    werk

    UX Ontwerp Vaardigheden

    In de wereld van web ontwikkeling, ux design is van cruciaal belang. Terwijl front-end engineering vaardigheden nodig zijn voor het bouwen van snelle en schaalbare producten, het is de UX ontwerp vaardigheden die ervoor zorgen dat deze producten zijn geen verspilling van moeite. Zonder enige kennis van UX design, kunt u weken of maanden besteden aan het bouwen van een product dat niemand wil. UX design helpt om twijfel te verwijderen, zodat u producten kunt bouwen die mensen eigenlijk nuttig vinden.

    # 1-Empathy

    Empathy is de kern van ux design. Je hebt de mogelijkheid nodig om jezelf in de schoenen van je gebruiker te zetten om producten te ontwerpen waar ze dol op zijn. Gelukkig is empathie geen moeilijke vaardigheid om te ontwikkelen. Als je begrijpt waarom sommige producten je gelukkig maken en waarom sommige producten je frustreren,Dan ben je halverwege!Verwant: Empathy in Design: Hoe werkt het?Ontwikkelaars kunnen soms worstelen met empathie omdat UX-verbeteringen minder belangrijk lijken in vergelijking met de “kosten” van de implementatie ervan. Als dit u, weerstaan aan de verleiding van het zetten van uw eigen gemak boven de tevredenheid van de gebruiker. Wees niet zuinig. Heb empathie. Begin met de gebruikerservaring en werk achteruit.

    #2-probleemoplossende vaardigheden

    probleemoplossende vaardigheden zijn belangrijk voor zowel UX design als front-end engineering. Ik zou echter zeggen dat het nog belangrijker is voor ux. Waarom? Omdat de meeste ux-problemen uniek en specifiek zijn voor de behoeften van uw eigen gebruiker. Het is vaak veel gemakkelijker om antwoorden te vinden op programmeervragen dan voor ux-problemen.Met dit in gedachten, moet u de mogelijkheid om te komen met creatieve oplossingen voor een verscheidenheid van problemen. Met empathie en probleemoplossende vaardigheden gecombineerd, kunt u beginnen om de pijnpunten van uw gebruiker te begrijpen en ontwerpen echte oplossingen voor hen.

    #3-observatie

    zoals gezegd zijn de meeste ux-problemen uniek, maar niet allemaal. Het hebben van scherpe observatie vaardigheden bespaart u veel hoofdpijn op de weg. Deze vaardigheid is vooral handig voor het” design “stuk van” ux design.”Uw gebruikers zijn over het hele web. Ze gebruiken sociale media, lezen blogs, kijken naar YouTube video ‘ s. Als zij het doen, dan moet jij het ook doen.Observatievaardigheden helpen u patronen te herkennen en de verwachtingen van uw gebruiker te overtreffen wanneer trends de nieuwe norm worden.Verwant: goede UX = Boring UI. Wees niet Creatief zonder grote observatie vaardigheden, het is moeilijk om bij te blijven in de snelle web ontwikkeling industrie.

    #4-Marketing

    persoonlijk denk ik dat deze niet genoeg wordt genoemd. Bij veel bedrijven werkt UX Designers nauw samen met de marketingafdeling. Als UX designer moet je op zijn minst een basiskennis hebben van wat marketing is en hoe het werkt. Het concept van marketing, in het algemeen, heeft een lange geschiedenis van het bijhouden van de behoeften van de klant en pijnpunten. Er is meer crossover tussen marketing en UX design dan je zou kunnen beseffen, vooral in de hedendaagse tech-driven world.At aan het einde van de dag, je moet gebruikers tevreden te stellen en wie ondertekent uw salaris. Door wat tijd te investeren om marketingvaardigheden te leren, zul je jezelf beter positioneren om waarde te bieden voor uw gebruikers en uw bedrijf.

    #5 – UX Research & Interviewing

    bij veel bedrijven is ux research een volledig andere rol dan UX design. Dat betekent niet dat je van de haak bent. Er is niet zoiets als UX ontwerp zonder UX onderzoek, dus je bent niet van plan om ver te komen zonder het te leren. Om UX onderzoek goed te begrijpen heb je een graad in mens-Computer interactie of een gerelateerd veld nodig. Echter, als UX ingenieur, denk ik dat je kunt door zonder de graad.Als je leert hoe je kwalitatieve gegevens van gebruikers te verzamelen zonder het resultaat in gevaar te brengen, heb je in principe het grootste deel van de vaardigheid die je nodig hebt om ux-onderzoek uit te voeren. De onderliggende vaardigheid hier is je vermogen om jezelf te scheiden van je ontwerpen. Je moet je bewust zijn van je eigen vooroordelen en leren hoe je objectief kunt ontwerpen. Leer dit en je bent klaar om te gaan.

    #6-statistieken & Data Analytics

    hoewel statistieken en data analytics passen onder de paraplu “UX Research”, denk ik dat er genoeg onderscheid is om ze hier afzonderlijk te noemen. Het gebruik van kwantitatieve gegevens is een zeer krachtige manier om te begrijpen hoe uw gebruikers omgaan met uw product. Hebben hoge bounce rates? Het kan nodig zijn om uw navigatie te heroverwegen. Verlaten gebruikers uw pagina na een paar seconden? Misschien duurt de pagina te lang om te laden. Dit zijn slechts een paar statistieken die Google gebruikt om de algemene gebruikerservaring van uw website te bepalen. Als Google aandacht besteedt aan hen, dan moet je too.As Eric Schmidt, CEO van Google, verklaarde:

    de wereld zal worden geërfd door statistici

    helaas kan data-analytics software je tot nu toe niet helpen. Je hebt meer inzicht nodig in statistieken dan het berekenen van gemiddelden om je te helpen gegevensgestuurde beslissingen te nemen als UX-engineer.

    #7-UI Design Tools

    nu komen we eindelijk bij de “design” kant van de dingen. Een van de grootste aspecten van UX design is het creëren van wireframes, mockups en prototypes. De meest populaire UI design tools van vandaag zijn Sketch en Figma. Ik heb eigenlijk nooit gebruikt een van deze (heb ik al gezegd technologie beweegt snel?), maar als ik nu zou kiezen tussen de twee, zou ik Figma kiezen.AJ&Smart doet een goede (en grappige) vergelijking in deze video. Het is het horloge waard.

    # 8-UI Design Principles

    misschien is het u opgevallen dat “UX “en” ui ” meestal aan elkaar gekoppeld zijn? Dat komt omdat ze beide essentieel zijn voor de algehele gebruikerservaring. UX-onderzoek zal u helpen specifieke ontwerpproblemen te identificeren en op te lossen, maar het zal u niet helpen een mooi ontwerp te maken. Daarvoor moet u ui-ontwerpprincipes begrijpen en hoe u ze effectief kunt gebruiken.Er zijn bepaalde, universele “waarheden” over design die elke UX ontwerper zou moeten weten. Als je grote observatie vaardigheden (#3 op deze lijst), dan heb je waarschijnlijk opgepikt op een aantal ui ontwerp principes zonder zelfs het realiseren van het. Sommige van deze principes omvatten evenwicht, uitlijning, contrast enz.Uw UI is een canvas en u bent de kunstenaar. Het toepassen van ui design principes is het verschil tussen het maken van een meesterwerk en het maken van iets om te plakken op uw koelkast. Het maakt echt een groot verschil. Als uw UI ontwerp ontbreekt het merk, mensen zullen merken en gebrek aan vertrouwen in uw merk.Gerelateerd: UX Design & UI Design. Waarom hebben we ze allebei nodig?

    #9-Interaction Design

    met de vorige vaardigheid, ui design principles, heb je te maken met het verschijnen van enkele webpagina ‘ s of functies tegelijk. Met interaction design skills, aan de andere kant, je moet een stap terug te nemen en te begrijpen hoe die pagina of functie banden met de “big picture.”Zoals de naam al aangeeft, gaat interaction design over het begeleiden van de interactie van uw product.Zonder interactieontwerp, zal uw product voelen alsof het iets mist. In Google ‘ s Material Design spec, bijvoorbeeld, is het doel om elementen op uw pagina te behandelen alsof ze bestaan in de echte wereld. Dit houdt in dat objecten die op de pagina bewegen, moeten versnellen of vertragen alsof ze de wetten van de fysica volgden.

    #10 – schrijven & communicatie

    schrijf-en communicatievaardigheden zijn belangrijk voor de meeste carrières, maar ze zijn vooral belangrijk voor UX-ontwerpers. U zult zelden interfaces ontwerpen die geen tekst, pictogrammen of afbeeldingen vereisen voor communicatiedoeleinden. Dit betekent dat je moet leren hoe je een boodschap zo bondig mogelijk kunt communiceren.Het schrijven van effectieve kopie is niet zo eenvoudig als het klinkt. Leesbaarheid en begrip is een wetenschap. Het is belangrijk dat je leert hoe je de taal van je publiek spreekt, maar nog belangrijker, betrek ze met je kopie. Een fout die gemakkelijk te maken is het toevallige gebruik van grote woorden die moeilijk kunnen zijn voor het publiek te begrijpen. Maak die fout niet. Jouw taak is om effectief te communiceren, niet om lezers te imponeren met je kennis. Front-End Engineering Skills

    Er is nooit een opwindender tijd geweest om front-end engineer te zijn. De huidige web development industrie is booming met innovatie. Elke dag worden nieuwe instrumenten en middelen gecreëerd om onze banen gemakkelijker te maken. Echter, die tools en middelen komen met een leercurve te. Als u klaar bent om te beginnen met front-end engineering, de volgende 10 vaardigheden zal van cruciaal belang zijn voor u om er te komen.

    #11-HTML, CSS, & JavaScript

    het weblandschap is sinds het begin drastisch veranderd. Van de huidige front-end engineers wordt verwacht dat ze tools, methodologieën en best practices kennen die een paar jaar geleden nog niet bestonden. Dingen gaan zo snel. Als front-end engineer moet je voortdurend nieuwe vaardigheden leren om relevant te blijven.Of wel?In algemene zin, ja je zult altijd leren. Echter, de basis van webontwikkeling is altijd hetzelfde gebleven. In de kern hebben we altijd HTML, CSS en JavaScript gehad. Leer deze dingen en leer ze goed. Alles wat je nog meer zult leren zal toch gebouwd worden op de top van deze technologieën (voor het grootste deel).Er zal altijd een nieuw en spannend kader of bibliotheek. Als je geen begrip hebt van gewone ol’ HTML, CSS, en JS, dan moet je niet kopen in de nieuwste framework totdat je dat doet (naar mijn mening). Door het begrijpen van de ins en outs van JavaScript, bijvoorbeeld, krijg je veel verder op de lange termijn, dan als je sprong direct in het leren reageren vandaag. Over een paar jaar zal er een nieuw raamwerk komen en je zult moeilijk onder druk staan om dat ook te leren. Bespaar jezelf de hoofdpijn en leer eerst gewoon HTML, CSS en JS te schrijven.Gerelateerd: ontwerpers moeten leren hoe ze (onder andere)

    #12 – semantische HTML & toegankelijkheid

    HTML wordt gebruikt om uw pagina te beschrijven aan de browser, evenals mensen met een handicap. Het is geen ontwerpgereedschap. Nadat je de basisprincipes van HTML hebt geleerd, wil je je verdiepen in semantiek en toegankelijkheid. Je zult leren dat HTML meer is dan alleen alles in een <div> tag stoppen.Semantische HTML behandelt voornamelijk het uitdrukken van de” Betekenis ” van een webpagina. Door bijvoorbeeld een <nav> element te gebruiken, vertelt u in wezen browsers waar uw navigatie zich bevindt. Naarmate browsers slimmer worden, wordt semantische HTML steeds belangrijker voor de vooruitgang van het web.Ook het toegankelijk maken van uw producten voor personen met een handicap is erg belangrijk. Als je skill #1 op deze lijst hebt opgepikt( empathy), Dan ben je misschien op de hoogte van de Web Content Accessibility Guidelines (WCAG)? Zo niet, dan moet je ze leren. Uw product is niet echt gebruiksvriendelijk totdat het voor iedereen toegankelijk is.

    #13 – CSS Frameworks, Architecture, & Preprocessors

    nadat u enige tijd CSS hebt geleerd, zult u de behoefte aan frameworks, methodologieën en preprocessors beginnen te waarderen.Afhankelijk van uw situatie, Bootstrap is een geweldige CSS Framework om stijlen op uw website snel. Echter, als het project iets minder “Bootstrappy” vereist, is het waarschijnlijk beter om je eigen CSS te schrijven vanaf nul (terug naar de basis). Ook, als een UX ingenieur, prestaties gaat om een belangrijke factor te overwegen voor uw producten. Het gebruik van Bootstrap out of the box kan nadelen hebben als het gaat om prestaties.Profiteren van een CSS Preprocessor, zoals Sass, is geweldig om verschillende redenen. De meeste van alle, ze maken CSS veel gemakkelijker om te schrijven door u toe te staan om stijlen in elkaar te nestelen om specificiteit te creëren. Er zijn een aantal andere coole functies ook, zoals het gebruik van variabelen en mixins. In de moderne tijd, zult u niet veel front-end ingenieurs die niet met behulp van een preprocessor om te helpen hun proces te vereenvoudigen vinden.Als u het schrijven van uw eigen stijlen vanaf nul, het aannemen van een CSS-architectuur is uiterst nuttig voor het houden van uw code georganiseerd. Ik heb alleen schaalbare en modulaire architectuur gebruikt voor CSS (SMACCS), wat geweldig is, maar onlangs geleerd over een aantal andere CSS methodologieën. Het is gemakkelijk voor uw CSS te krijgen uit de hand als je niet beschikt over een goede organisatie strategie. Het is zeker de moeite waard om een CSS-architectuur aan te nemen voor uw ontwikkelingsproces.Verwant: CSS specificiteit: hoe te vermijden met behulp van !belangrijk in CSS

    #14 – responsief ontwerp

    responsief ontwerp is niets nieuws meer. Het is bijna synoniem met webdesign op dit punt. Niettemin, het is nog steeds belangrijk om te leren hoe rekening te houden met veel verschillende apparaten en schermresoluties met uw ontwerpen. Niet te leren responsive design is een snelle manier om de helft van uw gebruikers uit de vergelijking, die uiteraard zou leiden tot een slechte gebruikerservaring.We zijn nu in een mobiele wereld. Mobile gaat nergens heen. Leer hoe te ontwerpen voor mobiel, tablet en desktop en je bent klaar om te gaan.

    #15-JavaScript Frameworks JavaScript frameworks zijn belangrijk omdat programmeren duur is. Frameworks zoals jQuery, hoekig, HOG, en React zijn gemaakt om te helpen versnellen ontwikkeling en doen veel van het zware werk voor u. Om deze reden, bedrijven hebben geen moeite met het aannemen van js frameworks, omdat het bespaart hen geld op de lange termijn.Natuurlijk zijn er meer JavaScript frameworks dan je op twee handen kunt rekenen. Ze proberen allemaal een ander probleem op te lossen. Het zou de moeite waard zijn om te begrijpen welke kaders er zijn. Het zou ook de moeite waard zijn om ten minste één JavaScript framework te leren om u te helpen met uw webontwikkeling. Reageren lijkt op dit moment de meest populaire keuze, maar dat kan gemakkelijk veranderen in een paar korte jaren.

    #16-Backend ontwikkeling

    Front-end ontwikkelaars werken nauw samen met backend ontwikkelaars. Ik ben niet suggereren dat je een full-stack ingenieur moet worden (hoewel, dat zou vrij indrukwekkend zijn). Echter, Ik stel voor dat het de moeite waard zou zijn om genoeg te leren over back-end ontwikkeling om beter te gaan met uw back-end coworkers.At aan het eind van de dag beslist u waarschijnlijk welke gegevens nodig zijn om uw projecten te ondersteunen. Een goed begrip van de ontwikkeling van back-end zal helpen om die communicatie te bevorderen en het succes van het project te garanderen.

    #17-testen & debuggen

    testen en debuggen is cruciaal voor iedereen die werkt aan front-end code. Er zijn veel verschillende manieren om uw product te” testen”, maar het type van het testen dat u het vaakst zal doen zal in de browser en JavaScript testen.Chrome ‘ s Developer Tools (Dev Tools) is een zeer krachtige en handige tool. Dev Tools stelt u in staat om snel wijzigingen aan te brengen in uw HTML / CSS en te zien hoe het wordt weergegeven op de pagina. De console laat je zien wanneer je fouten in je JavaScript hebt. Op het tabblad Netwerken kunt u zien hoe snel bestanden worden gerenderd en in welke volgorde. Er is nog veel meer te doen. Als je net begonnen bent met front-end ontwikkeling, zul je al snel beseffen hoe geweldig Dev Tools echt is.To zorg ervoor dat uw website er goed uitziet in alle browsers en apparaten, U moet uw wijzigingen overal testen. Browserstack is een super handig hulpmiddel voor dit soort testing.In Test Driven Development( TDD), uw JavaScript zal moeten worden getest om ervoor te zorgen dat u op al uw bases. Tools zoals Karma helpen u aan de slag met het bouwen van tests rond uw code.

    #18-Package Managers (NPM)

    Package managers, zoals npm, zijn een noodzaak geworden voor moderne front-end ontwikkeling. Ze maken het leven makkelijker. Met de explosie van middelen, frameworks, bibliotheken etc. binnen handbereik, Het begint te worden vrij pijnlijk om ze allemaal te beheren…..tenzij je een package manager gebruikt.Voor het leren van npm moet u de opdrachtregelinterface (CLI) gebruiken. Het is niet zo eng als het klinkt. Er zijn tal van tutorials online die u kunnen helpen wanneer u klaar bent om package managers op te nemen als onderdeel van uw web development proces bent.

    #19-Build Tools

    naast npm moet u ook informatie hebben over build tools, zoals Module Bundlers, Taakrunners en Linters. Deze tools hebben verschillende doeleinden, maar zijn essentieel voor de moderne webontwikkeling.Module Bundlers, zoals WebPack zijn gemaakt om u te helpen uw module afhankelijkheden tussen bestanden te volgen en te bundelen tot één bron. Een van de belangrijkste voordelen van het gebruik van een tool als WebPack is het concept van “Boom schudden,” die voorkomt dat ongebruikte middelen onnodig worden geladen.Taak lopers, zoals Gulp, kunt u tools zoals WebPack en Sass draaien. Ze zijn handig omdat ze kunnen kijken naar veranderingen in uw Sass of WebPack bestanden en de uitvoer automatisch opnieuw opbouwen. Leren hoe je een task runner gebruiken zal zeker helpen boost uw productivity.As u werkt samen met een team van andere front-end engineers, het is belangrijk om ervoor te zorgen dat u zich houdt aan een stijlgids voor uw JavaScript-code. Dit is waar linters, zoals ESLint van pas komen. Linters staan je toe om regels te specificeren, met betrekking tot spatiëring, syntaxis, naamgeving etc. in je code. Als je deze regels overtreedt, zal je linter het je laten weten. Linters zijn in wezen een nuttige manier om kwaliteit en consistentie te garanderen voor een gedeelde codebasis.

    #20-versiebeheer Iedereen maakt fouten. Gelukkig is daar versiebeheer voor. Als front-end engineer zal het essentieel zijn om te leren hoe versiebeheer te gebruiken, zoals Git of Team Foundation Server (TFS). Versiebeheer staat je toe om af te takelen van je productiecode (in wezen, maak er een kopie van) en wijzigingen aan te brengen zonder je zorgen te maken over het verpesten van dingen die onherstelbaar zijn. Echter, als er dingen mis gaan, zoals een slechte implementatie, versiebeheer is er om de dag te redden door u toe te staan uw wijzigingen terug te draaien naar de vorige versie.

    bent u klaar om UX-ingenieur te worden?

    dus, daar heb je het: de 20 vaardigheden die je nodig hebt om een UX ingenieur te worden in 2020. Ik hoop dat je deze lijst nuttig hebt gevonden Als je werkt om je vaardigheden te verbeteren. Als je klaar bent om een UX ingenieur te worden, kijk dan op de Jobs board!

    Als u meer wilt weten over UX Design of Front-End Engineering, overweeg dan om Uxe Weekly te abonneren en ontvang elke week een nieuw artikel over UX Engineering!

    een Unicorn worden

    artikelen ophalen over UX/UI-ontwerp + Front – End – ontwikkeling

    het is gratis-geen spam-Opt-out op elk moment

    /div>

    delen via: