Å Lande en jobb som UX-Ingeniør er tøff, men det er ikke umulig. Denne listen ble opprettet for å hjelpe deg med å begrense fokuset ditt og mestre ferdighetene du trenger for å bli UX-Ingeniør i 2020. Forståelig, denne listen kan være litt overveldende for alle som nettopp har begynt. Av denne grunn er listen delt opp i to deler:

  • UX Design Skills
  • Front-End Engineering Skills
  • Hvis du er helt ny på begge felt, vil jeg anbefale å fokusere på en liste om gangen. På denne måten kan du fortsatt lande en fantastisk jobb og tjene en inntekt når du bygger opp dine ferdigheter fra den andre listen.

    Ux Ingeniørjobber

    Ux/UI og Frontend

    Jobbsøker FINN JOBBER

    ferdigheter i verden av webutvikling er ux-design kritisk. Mens front-end tekniske ferdigheter er nødvendige for å bygge raske og skalerbare produkter, er det ux design ferdigheter som vil sikre at disse produktene ikke er sløsing med innsats. Uten litt kunnskap om ux design, kan du tilbringe uker eller måneder å bygge et produkt som ingen ønsker. UX design bidrar til å fjerne tvil, slik at du kan bygge produkter som folk faktisk finner nyttige.

    #1 – Empati Empati er i hjertet av ux design. Du trenger muligheten til å sette deg selv i brukerens sko for å designe produkter de vil elske. Heldigvis er empati ikke en vanskelig ferdighet å utvikle. Hvis du forstår hvorfor noen produkter gjør deg glad og hvorfor noen produkter frustrerer deg, så er du halvveis der!Empati I Design: Hvordan Fungerer Det?Utviklere kan noen ganger slite med empati fordi ux-forbedringer kan virke små i forhold til» kostnaden » for å implementere dem. Hvis dette er deg, motstå fristelsen til å sette din egen bekvemmelighet over brukerens tilfredshet. Ikke kutt hjørner. Ha empati. Start med brukeropplevelsen og arbeid bakover. #2-Problemløsning Problemløsning ferdigheter er viktig for både ux design og front-end engineering. Jeg vil imidlertid hevde at det er enda viktigere for ux. Hvorfor? Fordi flertallet av ux-problemer er unike og spesifikke for din egen brukers behov. Det er ofte mye lettere å finne svar på programmeringsspørsmål enn det er for ux-problemer.Med dette i bakhodet trenger du evnen til å komme opp med kreative løsninger for en rekke problemer. Med empati og problemløsende ferdigheter kombinert, kan du begynne å forstå brukerens smertepunkter og designe virkelige løsninger for dem.

    #3-Observasjon som nevnt er flertallet av ux-problemer unike, men ikke alle av dem. Å ha ivrige observasjon ferdigheter vil spare deg for mange hodepine nedover veien. Denne ferdigheten er spesielt nyttig for» design «stykke» ux design.»Dine brukere er over hele nettet . De bruker sosiale medier, leser blogger, ser På YouTube-videoer. Hvis de gjør det, bør du også gjøre det.Observasjonsferdigheter hjelper deg med å oppdage mønstre som dukker opp og komme foran brukerens forventninger når trender blir den nye normen.Relatert: God UX = Kjedelig UI. Ikke Vær Kreativ Uten gode observasjonsferdigheter, er det vanskelig å holde tritt i den raske webutviklingsbransjen.

    # 4-Markedsføring Personlig tror Jeg ikke denne er nevnt nok. I mange selskaper jobber Ux-Designere tett med markedsavdelingen. Som ux-designer bør du i det minste ha en grunnleggende forståelse av hva markedsføring er og hvordan det fungerer. Konseptet med markedsføring har generelt en lang historie med å spore kundens behov og smertepunkter. Det er mer crossover mellom markedsføring og ux-design enn du kanskje skjønner, spesielt i dagens tech-drevne world.At på slutten av dagen må du tilfredsstille brukere og den som signerer lønnsslippet ditt. Ved å investere litt tid for å lære markedsføringsferdigheter, vil du bedre posisjonere deg selv for å gi verdi for brukerne og firmaet ditt.

    #5-UX Research & Intervjue hos mange bedrifter er ux research en helt egen rolle fra ux design. Det betyr ikke at du er av kroken skjønt. Det er ikke noe slikt som ux-design uten ux-forskning, så du kommer ikke til å komme langt uten å lære det. For å grundig forstå ux-forskning trenger du en grad I Menneske – Maskininteraksjon eller et relatert felt. Men som ux-ingeniør tror jeg at du kan komme forbi uten graden.Hvis du lærer å samle kvalitative data fra brukere uten å skade utfallet, har du i utgangspunktet det meste av ferdighetene du trenger for å utføre ux-forskning. Den underliggende ferdigheten her er din evne til å skille deg fra designene dine. Du må være oppmerksom på dine egne forstyrrelser og lære å designe objektivt. Lær dette, og du vil være god til å gå.

    #6 – Statistikk& Data Analytics mens statistikk og dataanalyse passer under» UX Research » paraplyen, tror jeg det er nok forskjell å ringe dem ut separat her. Utnytte kvantitative data er en svært effektiv måte å forstå hvordan brukerne samhandler med produktet. Har høy bounce priser? Du må kanskje revurdere navigasjonen din. Forlater brukerne siden din etter noen sekunder? Kanskje siden tar for lang tid å laste. Dette Er Bare noen få beregninger Som Google bruker Til å bestemme nettstedets generelle brukeropplevelse. Hvis Google betaler oppmerksomhet til dem, bør du være too.As Googles ADMINISTRERENDE DIREKTØR Eric Schmidt uttalte:

    verden vil bli arvet av statistikere

    Dessverre kan dataanalyseprogramvare bare få deg så langt. Du trenger deg en større forståelse av statistikk, utover å beregne gjennomsnitt for å hjelpe deg med å ta datadrevne beslutninger som ux-ingeniør. # 7-UI Design Tools nå kommer vi endelig til «design» siden av ting. En av de største aspektene ved ux-design er å skape wireframes, mockups og prototyper. Dagens mest populære UI designverktøy Er Sketch Og Figma. Jeg har faktisk aldri brukt noen av disse (nevnte jeg at teknologien beveger seg raskt ?), men hvis jeg skulle velge mellom de to nå, ville jeg velge Figma.AJ & Smart gjør en god (og morsom) sammenligning i denne videoen. Det er verdt klokken.

    # 8-UI Design Prinsipper Kanskje du har lagt merke til «ux » og» ui » er vanligvis paret sammen? Det er fordi de begge er avgjørende for den generelle brukeropplevelsen. UX Research vil hjelpe deg med å identifisere og løse spesifikke designproblemer, men det vil ikke hjelpe deg med å skape en vakker design. For det må du forstå ui-designprinsipper og hvordan du bruker dem effektivt.Det er visse, universelle «sannheter» om design som hver ux-designer burde vite. Hvis du har gode observasjonsferdigheter (#3 på denne listen), har du sannsynligvis plukket opp noen ui-designprinsipper uten å innse det. Noen av disse prinsippene inkluderer balanse, justering, kontrast etc.DIN UI er et lerret, og du er kunstneren. Bruk av ui-designprinsipper er forskjellen mellom å lage et mesterverk og å lage noe å holde fast på kjøleskapet ditt. Det gjør virkelig en stor forskjell. Hvis UI-designen mangler merket, vil folk legge merke til og mangle tillit til merkevaren din.RELATERT: UX Design & UI Design. Hvorfor Trenger Vi Begge? #9-Interaksjonsdesign med den forrige ferdigheten, ui-designprinsippene, har du å gjøre med utseendet på enkle nettsider eller funksjoner om gangen. Med interaksjonsdesign ferdigheter, på den andre siden, du må ta et skritt tilbake og forstå hvordan den siden eller funksjonen bånd i » store bildet.»Som navnet tilsier, interaksjonsdesign avtaler med guiding samspillet av produktet.Uten interaksjonsdesign vil produktet føle at det mangler noe. I Googles Material Design spec, for eksempel, er målet å behandle elementer på siden din som om de eksisterer i den virkelige verden. Dette innebærer at objekter som beveger seg på siden, skal øke hastigheten eller senke som om de fulgte fysikkloven. #10-Skriving & Kommunikasjon Skrive-Og kommunikasjonsevner er viktige for de fleste karrierer, men de er spesielt viktige for ux-designere. Du vil sjelden designe grensesnitt som ikke krever tekst, ikoner eller bilder med det formål å kommunisere. Dette betyr at du må lære hvordan du fullt ut kommuniserer en melding så kortfattet som mulig.Skrive effektiv kopi er ikke så lett som det høres ut. Lesbarhet og forståelse er en vitenskap. Det er viktig at du lærer å snakke språket til publikum, men enda viktigere, engasjere dem med din kopi. En feil som er lett å gjøre er uformell bruk av store ord som kan være vanskelig for publikum å forstå. Ikke gjør den feilen. Din jobb er å kommunisere effektivt, ikke å imponere leserne med din kunnskap. Front-End Engineering Ferdigheter det har aldri vært en mer spennende tid å være en front-end ingeniør. Dagens webutvikling industrien er blomstrende med innovasjon. Nye verktøy og ressurser blir opprettet hver dag for å gjøre jobbene våre enklere. Men disse verktøyene og ressursene kommer også med en læringskurve. Hvis du er klar til å komme i gang med front-end engineering, vil de neste 10 ferdighetene være avgjørende for deg å komme dit.

    #11-HTML, CSS, & JavaScript

    weblandskapet har endret seg dramatisk siden begynnelsen. Dagens front-end ingeniører forventes å kjenne verktøy, metoder og beste praksis som ikke engang eksisterte for noen år siden. Ting beveger seg så raskt. Som en front-end ingeniør, vil du hele tiden trenger å lære nye ferdigheter for å holde relevant.Eller gjør du?I en generell forstand, ja, du vil alltid lære. Grunnlaget for webutvikling har imidlertid alltid vært det samme. I kjernen har VI alltid hatt HTML, CSS og JavaScript. Lær disse tingene og lær dem godt. Alt ekstra du lærer vil bli bygget på toppen av disse teknologiene uansett (for det meste).Det vil alltid være et nytt og spennende rammeverk eller bibliotek. Hvis du ikke har forståelse for vanlig ol HTML, CSS OG JS, bør du ikke kjøpe inn det nyeste rammeverket før du gjør det (etter min mening). Ved å forstå ins og outs Av JavaScript, for eksempel, vil du få mye lenger på lang sikt, så hvis du hoppet rett inn i læring Reagere i dag. Om noen år vil et nytt rammeverk komme sammen, og du vil bli hardt presset til å lære det også. Spar deg selv hodepine og lær å skrive vanlig HTML, CSS og JS først.Relatert: Designere Bør Lære Å Kode (Blant annet) #12-Semantisk HTML & Tilgjengelighet HTML brukes til å beskrive siden din til nettleseren, samt personer med funksjonshemninger. Det er ikke et designverktøy. Etter at DU har lært grunnleggende OM HTML, vil du dykke inn i semantikk og tilgjengelighet. DU lærer AT HTML er mer enn bare å pakke inn alt i en <div> tag.Semantisk HTML handler primært om å uttrykke «betydningen» av en nettside. Ved å bruke et < nav > – element, for eksempel, forteller du i hovedsak nettlesere hvor navigasjonen din er plassert. Som nettlesere blir smartere, blir semantisk HTML stadig viktigere for fremme av nettet.Å gjøre produktene dine tilgjengelige for funksjonshemmede er også svært viktig. Hvis du har plukket opp ferdighet #1 på denne listen (empati), så er du kanskje klar over Web Content Accessibility Guidelines (Wcag)? Hvis ikke, bør du lære dem. Produktet er ikke helt brukervennlig før det er tilgjengelig for alle. #13 – CSS Rammer, Arkitektur, & Preprocessors etter at du har brukt litt tid på å lære CSS, vil du begynne å sette pris på behovet for rammer, metoder og preprocessors.Avhengig av din situasjon, Er Bootstrap en stor CSS Rammeverk for å få stiler på nettstedet ditt raskt. Men hvis prosjektet krever noe mindre «Bootstrappy», er det sannsynligvis å foretrekke å skrive DIN EGEN CSS fra bunnen av (tilbake til det grunnleggende). Også, som UX-Ingeniør, vil ytelsen være en viktig faktor å vurdere for dine produkter. Bruke Bootstrap ut av esken kan ha ulemper nar det gjelder ytelse.Å dra nytte AV EN CSS Preprosessor, slik Som Sass, er stor for en rekke årsaker. Mest av alt, DE gjør CSS mye enklere å skrive ved at du kan hekke stiler i hverandre for å skape spesifisitet. Det er noen andre kule funksjoner også, for eksempel bruk av variabler og mixins. I moderne tid vil du ikke finne mange front-end ingeniører som ikke bruker en preprosessor for å forenkle prosessen.Hvis du skriver dine egne stiler fra bunnen av, vedta EN CSS-Arkitektur er svært nyttig for å holde koden organisert. Jeg har bare brukt Skalerbar Og Modulær Arkitektur FOR CSS (SMACCS), som er flott, men nylig lært om noen ANDRE CSS-Metoder. DET er lett FOR CSS å komme ut av kontroll hvis du ikke har en god organisasjonsstrategi. Det er definitivt verdt det å vedta EN CSS-arkitektur for utviklingsprosessen.CSS Spesifisitet: Hvordan Unngå Å Bruke !viktig I CSS #14-Responsiv Design Responsiv design er ikke noe nytt lenger. Det er nesten synonymt med webdesign på dette punktet. Likevel er det fortsatt viktig å lære å ta hensyn til mange forskjellige enheter og skjermoppløsninger med designene dine. Unnlater å lære responsiv design er en rask måte å la halvparten av brukerne ut av ligningen, noe som åpenbart vil føre til en dårlig brukeropplevelse.Vi er i en mobil verden nå. Mobilen går ingen steder. Lær hvordan du designer for mobil, nettbrett og datamaskin, og du vil være god til å gå.

    #15 – JavaScript-Rammer JavaScript-rammer er viktige fordi programmering er dyrt. Rammer som Jquery, Angular, Vue og React ble opprettet for å bidra til å øke utviklingen og gjøre mye av de tunge løftene for deg. Av denne grunn har selskapene ingen tvil om å vedta JS-rammer fordi det sparer dem penger i det lange løp.Selvfølgelig er Det flere JavaScript-rammer enn du kan stole på to hender. De søker alle å løse et annet problem. Det ville være verdt å forstå hvilke rammer som er der ute. Det vil også være verdt å lære minst Ett JavaScript-rammeverk for å hjelpe deg med din webutvikling. React synes å være det mest populære valget akkurat nå, men det kan lett endres om noen få korte år. #16-Backend Utvikling Front-end utviklere jobber med backend utviklere ganske tett. Jeg foreslår ikke at du skal bli en fullstabel ingeniør (selv om det ville være ganske imponerende). Imidlertid foreslår jeg at det ville være verdt å lære nok om back-end utvikling for å bedre engasjere seg med back-end coworkers.At på slutten av dagen vil du sannsynligvis bestemme hvilke data som trengs for å støtte prosjektene dine. Å ha en anstendig forståelse av back-end utvikling vil bidra til å fremme at kommunikasjon og sikre prosjektet suksess.

    #17 – Testing & Feilsøking Testing og feilsøking er kritisk for alle som jobber med front – end-kode. Det er mange forskjellige måter å «teste» produktet på, men typen testing du vil gjøre oftest, vil være i nettleseren og JavaScript testing.Chrome ‘ S Developer Tools (Dev Tools) er et veldig kraftig og praktisk verktøy. Dev Tools lar deg raskt gjøre endringer I HTML / CSS og se hvordan det gjør på siden. Konsollen lar deg se når Du har feil I JavaScript. Fanen nettverk lar deg se hvor raskt filer blir gjengitt, og i hvilken rekkefølge. Det er mye mer det kan gjøre også. Hvis du bare kommer i gang med front-end utvikling, vil du snart innse hvor fantastisk Dev Verktøy virkelig is.To sørg for at nettstedet ditt ser bra ut på tvers av alle nettlesere og enheter, du må teste endringene dine overalt. Browserstack er en super hendig verktøy for denne typen testing.In Testdrevet Utvikling (Tdd), JavaScript må testes for å sikre at du dekker alle dine baser. Verktøy som Karma vil hjelpe deg i gang med å bygge tester rundt koden din.

    #18 – Pakkeledere (NPM) Pakkeledere, som npm, har blitt en nødvendighet for moderne frontend-utvikling. De gjør livet enklere. Med eksplosjonen av ressurser, rammer, biblioteker etc. på fingertuppene, begynner det å bli ganske smertefullt å håndtere dem alle…..med mindre du bruker en pakkebehandler.Læring npm vil kreve at du bruker kommandolinjegrensesnittet (cli). Det er ikke så skummelt som det høres ut. Det er mange opplæringsprogrammer på nettet som kan hjelpe deg når du er klar til å innlemme pakkeledere som en del av webutviklingsprosessen. #19-Build Tools i tillegg til npm må du også vite om byggverktøy, for Eksempel Modulbundlere, Oppgaveløpere og Linters. Disse verktøyene har ulike formål, men er avgjørende for moderne webutvikling.Modul Bundlers, som WebPack ble opprettet for å hjelpe deg med å spore modulavhengigheter mellom filer og pakke dem opp i en ressurs. En av de viktigste fordelene ved å bruke et verktøy som WebPack er begrepet «Tre Shaking», som forhindrer ubrukte ressurser i å bli lastet unødvendig.Oppgaveløpere, som Gulp, lar deg kjøre verktøy som WebPack og Sass. De er nyttige fordi de kan se etter endringer i Sass-eller WebPack-filene og gjenoppbygge utdataene automatisk. Lære å bruke en oppgave løper vil definitivt bidra til å øke din productivity.As du jobber med et team av andre front-end ingeniører, er det viktig å sikre at du følger en stilguide For JavaScript-koden. Det er her linters, som ESLint kommer til nytte. Linters lar deg angi regler, om avstand, syntaks, navngiving etc. i koden din. Når du bryter disse reglene, vil linter gi deg beskjed. I hovedsak er linters en nyttig måte å sikre kvalitet og konsistens for en delt kodebase. #20-Versjonskontroll Alle gjør feil. Heldigvis er det versjonskontroll for det. Som en front-end ingeniør, vil det være viktig å lære å bruke versjonskontroll, For Eksempel Git Eller Team Foundation Server (TFS). Versjonskontroll lar deg forgrene seg av produksjonskoden din (i hovedsak lage en kopi av den) og gjøre endringer uten å måtte bekymre deg for å rote ting opp utover reparasjon. Men når ting går galt, for eksempel en dårlig distribusjon, er versjonskontroll der for å redde dagen ved at du kan rulle tilbake endringene til forrige versjon.

    er du klar til å bli EN Ux Ingeniør? Så, der har du det: De 20 Ferdighetene Du Trenger For Å Bli UX-Ingeniør i 2020. Jeg håper du har funnet denne listen nyttig når du jobber for å forbedre dine ferdigheter. Hvis du er klar til å bli EN Ux Ingeniør, så sjekk ut jobs board! hvis du er interessert i å lære mer OM UX Design Eller Front-End Engineering, bør du vurdere å abonnere PÅ UXE Weekly og motta en ny artikkel om UX Engineering hver uke!

    Bli En Enhjørning

    Få artikler OM UX/UI Design + Front-End Utvikling

    det ER GRATIS – ingen spam – Melde deg ut når som helst

    dele via: