työpaikan saaminen UX-insinööriksi on rankkaa, mutta ei mahdotonta. Tämä lista luotiin auttamaan sinua kaventamaan painopistettäsi ja hallitsemaan taitoja, joita tarvitset tullaksesi UX-insinööriksi vuonna 2020. Ymmärrettävästi tämä lista voi olla hieman ylivoimainen kaikille, jotka ovat vasta aloittelemassa. Tästä syystä lista on jaettu kahteen osaan:

  • UX Design Skills
  • Front-End Engineering Skills
  • Jos olet uusi jommallekummalle alalle, suosittelen keskittymään yhteen listaan kerrallaan. Tällä tavalla, voit silti laskeutua hämmästyttävä työtä ja ansaita tuloja, kun rakentaa taitosi toisesta luettelosta.

    UX suunnittelu taidot web-kehityksen maailmassa UX-suunnittelu on kriittinen. Vaikka front-end engineering taidot ovat tarpeen rakentaa nopeita ja skaalautuvia tuotteita, se on ux suunnittelu taitoja, jotka varmistavat, että nämä tuotteet eivät ole turhaa vaivaa. Ilman tietoa ux design, voit viettää viikkoja tai kuukausia rakentaa tuotteen, jota kukaan ei halua. UX design auttaa poistamaan epäilyksen, joten voit rakentaa tuotteita, jotka ihmiset todella pitävät hyödyllisinä.

    #1 – empatia

    empatia on ux-suunnittelun ytimessä. Tarvitset kykyä laittaa itsesi käyttäjän kengät voidakseen suunnitella tuotteita he rakastavat. Empatia ei onneksi ole vaikea taito kehittää. Jos ymmärrät, miksi jotkut tuotteet tekevät sinut onnelliseksi ja miksi jotkut tuotteet turhauttavat sinua, olet puolivälissä!Liittyvä: empatia suunnittelussa: miten se toimii?Kehittäjät voivat joskus kamppailla empatian kanssa, koska UX-parannukset voivat tuntua vähäisiltä verrattuna niiden toteuttamisen ”kustannuksiin”. Jos se olet sinä, vastusta kiusausta asettaa Oman mukavuutesi käyttäjän tyytyväisyyden yläpuolelle. Älä oikoa mutkia. Ole empaattinen. Aloita käyttökokemuksesta ja työskentele taaksepäin.

    #2 – ongelmanratkaisu

    ongelmanratkaisutaidot ovat tärkeitä sekä ux-suunnittelussa että etupään suunnittelussa. Väittäisin kuitenkin, että se on vielä tärkeämpää ux: lle. Miksi? Koska suurin osa UX-ongelmista on ainutlaatuisia ja erityisiä Oman käyttäjän tarpeisiin. Ohjelmointikysymyksiin on usein paljon helpompi löytää vastauksia kuin ux-ongelmiin.Tämä mielessä, tarvitset kykyä keksiä luovia ratkaisuja erilaisiin ongelmiin. Kun empatia ja ongelmanratkaisutaidot yhdistetään, voit alkaa ymmärtää käyttäjäsi kipupisteitä ja suunnitella niihin todellisia ratkaisuja.

    #3 – havainto

    kuten mainittiin, suurin osa ux-ongelmista on yksilöllisiä, mutta eivät kaikki. Ottaa tarkka havainto taitoja säästää monia päänsärkyä tiellä. Tämä taito on erityisen hyödyllinen” suunnittelu ”pala” ux design.”Käyttäjät ovat kaikkialla verkossa. He käyttävät sosiaalista mediaa, lukevat blogeja ja katsovat YouTube-videoita. Jos he tekevät sen, sinunkin pitäisi tehdä niin.Havainnointitaidot auttavat sinua havaitsemaan kuviot ja menemään käyttäjän odotusten edelle, kun trendeistä tulee uusi normi.Liittyvä: hyvä UX = tylsä UI. Älä ole luova ilman suuria havainnointitaitoja, on vaikea pysyä nopeatempoisessa web-kehitysteollisuudessa.

    #4 – markkinointi

    henkilökohtaisesti tätä ei mielestäni mainita tarpeeksi. Monissa yrityksissä UX-suunnittelijat tekevät tiivistä yhteistyötä markkinointiosaston kanssa. Ux-suunnittelijana sinulla pitäisi olla vähintäänkin perusymmärrys siitä, mitä markkinointi on ja miten se toimii. Ylipäätään markkinoinnin käsitteellä on pitkä historia asiakkaiden tarpeiden ja kipupisteiden seuraamisessa. On enemmän crossover markkinoinnin ja ux design kuin saatat ymmärtää, erityisesti nykypäivän tech-vetoinen world.At loppujen lopuksi, sinun täytyy tyydyttää käyttäjät ja kuka tahansa allekirjoittaa palkkasi. Investoimalla jonkin aikaa markkinointitaitojen oppimiseen pystyt paremmin tarjoamaan lisäarvoa käyttäjillesi ja yrityksellesi.

    #5 – UX Research & haastattelemalla

    monissa yrityksissä ux research on täysin erillinen rooli ux designista. Se ei tarkoita, että olisit päässyt pälkähästä. Ux-suunnittelua ei ole olemassa ilman ux-tutkimusta, joten et pääse pitkälle oppimatta sitä. UX-tutkimuksen perinpohjaiseen ymmärtämiseen tarvitaan tutkinto ihmisen ja tietokoneen vuorovaikutuksesta tai siihen liittyvästä alasta. Ux-insinöörinä uskon kuitenkin, että ilman tutkintoa pärjää.Jos opit keräämään laadullisia tietoja käyttäjiltä vaarantamatta lopputulosta, sinulla on periaatteessa suurin osa taidoista, joita tarvitset UX-tutkimuksen tekemiseen. Taustalla oleva taito tässä on kykysi erottaa itsesi suunnitelmistasi. Sinun täytyy olla tietoinen omista harhat ja oppia suunnittelemaan objektiivisesti. Opettele tämä, niin olet valmis lähtemään.

    #6 – Statistics & Data Analytics

    vaikka tilastot ja data-analytiikka mahtuvat ”UX Research” – sateenvarjon alle, mielestäni on tarpeeksi eroa kutsua ne erikseen täällä. Kvantitatiivisten tietojen hyödyntäminen on erittäin tehokas tapa ymmärtää, miten käyttäjät ovat vuorovaikutuksessa tuotteesi kanssa. Onko korkea pomppuprosentti? Sinun täytyy ehkä harkita uudelleen navigointia. Poistuvatko käyttäjät sivultasi muutaman sekunnin kuluttua? Ehkä sivun lataaminen kestää liian kauan. Nämä ovat vain muutamia mittareita, joita Google käyttää määrittääkseen sivustosi yleisen käyttökokemuksen. Jos Google kiinnittää niihin huomiota, sinun pitäisi olla too.As Googlen toimitusjohtaja Eric Schmidt totesi:

    maailman perii tilastotieteilijät

    valitettavasti data analytics-ohjelmistolla pääsee vain toistaiseksi. Tarvitset enemmän ymmärrystä tilastoja, kuin laskemalla keskiarvoja auttaa sinua tekemään datalähtöisiä päätöksiä ux insinööri.

    #7 – KÄYTTÖLIITTYMÄSUUNNITTELUTYÖKALUT

    nyt ollaan vihdoin pääsemässä asioiden ”suunnittelun” puolelle. Yksi UX-suunnittelun suurimmista osa-alueista on lankakehysten, mallikuvien ja prototyyppien luominen. Tämän päivän suosituimmat KÄYTTÖLIITTYMÄSUUNNITTELUTYÖKALUT ovat Sketch ja Figma. En ole itse koskaan käyttänyt kumpaakaan näistä (mainitsinko teknologia liikkuu nopeasti?), mutta jos valitsisin nyt näiden kahden väliltä, valitsisin Figman.AJ&Smart tekee hyvän (ja hauskan) vertailun tässä videossa. Kannattaa katsoa.

    #8 – UI Design Principles

    ehkä olet huomannut, että ”ux” ja ”ui” ovat yleensä pareittain? Tämä johtuu siitä, että ne ovat molemmat olennaisia yleisen käyttökokemuksen kannalta. UX-tutkimus auttaa tunnistamaan ja ratkaisemaan erityisiä suunnitteluongelmia, mutta se ei auta luomaan kaunista muotoilua. Tätä varten sinun on ymmärrettävä käyttöliittymän suunnitteluperiaatteet ja miten niitä käytetään tehokkaasti.On olemassa tiettyjä, universaaleja ”totuuksia” suunnittelusta, jotka jokaisen ux-suunnittelijan tulisi tietää. Jos sinulla on hyvät havainnointitaidot (#3 Tässä luettelossa), olet luultavasti poiminut joitakin käyttöliittymän suunnitteluperiaatteita edes tajuamatta sitä. Joitakin näistä periaatteista ovat tasapaino, kohdistus, kontrasti jne.Käyttöliittymäsi on kangas ja sinä olet taiteilija. Käyttöliittymän suunnitteluperiaatteiden soveltaminen on eri asia kuin mestariteoksen tekeminen ja se, että jääkaapissasi on jotain kiinni. Sillä on iso merkitys. Jos käyttöliittymäsuunnittelusta puuttuu merkki, ihmiset huomaavat ja heiltä puuttuu luottamus brändiisi.Aiheeseen liittyvää: UX-suunnittelu & käyttöliittymäsuunnittelu. Mihin tarvitsemme molempia?

    #9 – vuorovaikutussuunnittelu

    aiemmilla taidoilla, käyttöliittymäsuunnittelun periaatteilla, käsitellään yksittäisten verkkosivujen tai ominaisuuksien ilmaantumista kerrallaan. Vuorovaikutussuunnittelutaidoilla taas pitää ottaa askel taaksepäin ja ymmärtää, miten kyseinen sivu tai ominaisuus sitoo ”isoon kuvaan”.”Kuten nimestä voi päätellä, interaction design käsittelee tuotteen vuorovaikutuksen ohjaamista.Ilman vuorovaikutussuunnittelua tuotteestasi tuntuu, että siitä puuttuu jotain. Esimerkiksi Googlen Material Design spec-palvelussa pyritään käsittelemään sivulla olevia elementtejä ikään kuin ne olisivat olemassa oikeassa maailmassa. Tämä viittaa siihen, että sivulla liikkuvien kappaleiden pitäisi kiihdyttää tai hidastaa vauhtia ikään kuin ne noudattaisivat fysiikan lakeja.

    #10 – kirjoittaminen & viestintä

    kirjoitus-ja viestintätaidot ovat tärkeitä useimmille urille, mutta erityisen tärkeitä ne ovat ux-suunnittelijoille. Voit harvoin suunnitella käyttöliittymiä, jotka eivät vaadi tekstiä, kuvakkeita tai kuvia kommunikointia varten. Tämä tarkoittaa, että sinun täytyy oppia, miten täysin kommunikoida viestin mahdollisimman ytimekkäästi.Tehokkaan kopion kirjoittaminen ei ole niin helppoa kuin miltä se kuulostaa. Luettavuus ja ymmärtäminen on tiedettä. On tärkeää, että opit puhumaan yleisösi kieltä, mutta mikä tärkeintä, ota heidät mukaan kappaleeseesi. Yksi helposti tehtävä virhe on suurten sanojen satunnainen käyttö, jota yleisön voi olla vaikea ymmärtää. Älä tee sitä virhettä. Sinun tehtäväsi on kommunikoida tehokkaasti, ei tehdä vaikutusta lukijoihin tiedoillasi.

    etupään Insinööritaidot

    koskaan ei ole ollut jännittävämpää aikaa olla etupään insinööri. Nykypäivän web development teollisuus kukoistaa innovaatioita. Uusia työkaluja ja resursseja luodaan joka päivä helpottamaan työtämme. Kuitenkin nämä työkalut ja resurssit tulevat oppimiskäyrä liian. Jos olet valmis aloittamaan front-end engineering, seuraava 10 taitoja on kriittinen voit päästä sinne.

    #11 – HTML, CSS, & JavaScript

    web-maisema on muuttunut dramaattisesti alusta. Nykypäivän front-end insinöörien odotetaan tuntevan työkaluja, menetelmiä ja parhaita käytäntöjä, joita ei ollut edes olemassa muutama vuosi sitten. Asiat etenevät niin nopeasti. Front-end-insinöörinä sinun on jatkuvasti opittava uusia taitoja pysyäksesi merkityksellisenä.Vai tiedätkö?Yleisellä tasolla kyllä aina oppii. Verkkokehityksen perusta on kuitenkin aina pysynyt samana. Ytimessä, meillä on aina ollut HTML, CSS, ja JavaScript. Opi nämä asiat ja opi ne hyvin. Kaikki ylimääräinen opit rakennetaan päälle näiden teknologioiden joka tapauksessa (suurimmaksi osaksi).Aina tulee uusi ja jännittävä kehys tai kirjasto. Jos sinulla ei ole ymmärrystä tavallinen ol’ HTML, CSS, ja JS, niin sinun ei pitäisi ostaa osaksi uusimmat puitteet, kunnes et (mielestäni). Ymmärtämällä sisään ja ulos JavaScript, esimerkiksi, saat paljon pidemmälle pitkällä aikavälillä, sitten jos hyppäsi suoraan learning React tänään. Muutaman vuoden kuluttua tulee uudet puitteet, ja sitäkin on vaikea oppia. Säästä itsesi päänsärky ja oppia kirjoittamaan tavallinen HTML, CSS, ja JS ensimmäinen.Aiheeseen liittyvää: suunnittelijoiden tulisi oppia koodaamaan (mm.)

    #12 – semanttinen HTML & Esteettömyys

    HTML: ää käytetään kuvaamaan sivuasi selaimelle, samoin kuin vammaisia. Se ei ole suunnitteluväline. Kun olet oppinut HTML: n perusteet, sinun kannattaa sukeltaa semantiikkaan ja saavutettavuuteen. Opit, että HTML on enemmän kuin vain kaiken käärimistä <Div> tagiin.Semanttinen HTML käsittelee ensisijaisesti verkkosivun ”merkityksen” ilmaisemista. Käyttämällä esimerkiksi< nav > – elementtiä kerrot oleellisesti selaimille, missä navigaatiosi sijaitsee. Selainten tullessa älykkäämmiksi semanttinen HTML tulee yhä tärkeämmäksi verkon etenemiselle.Tuotteidesi saattaminen vammaisten henkilöiden ulottuville on myös erittäin tärkeää. Jos olet poiminut taito #1 tällä listalla (empatia), niin ehkä olet tietoinen Web Content Accessibility Guidelines (WCAG)? Jos ei, kannattaa opetella ne. Tuotteesi ei ole todella käyttäjäystävällinen, ennen kuin se on kaikkien saatavilla.

    #13 – CSS Frameworks, Architecture, & Preprocessors

    kun olet jonkin aikaa opetellut CSS: ää, alat arvostaa kehysten, menetelmien ja esiprosessorien tarvetta.Riippuen tilanteesta, Bootstrap on suuri CSS puitteet saada tyylejä päälle sivuston nopeasti. Kuitenkin, jos projekti vaatii jotain vähemmän ”Bootstrappy”, se on todennäköisesti parempi kirjoittaa oman CSS tyhjästä (takaisin perusasiat). Myös, koska UX insinööri, suorituskyky tulee olemaan tärkeä tekijä harkita tuotteita. Käyttämällä Bootstrap out the box voi olla haittoja, kun se tulee suorituskykyä.Hyödyntäminen CSS Esiprosessori, kuten Sass, on suuri eri syistä. Ennen kaikkea, ne tekevät CSS paljon helpompi kirjoittaa antamalla voit pesä tyylejä toisiinsa luoda spesifisyyttä. On myös joitakin muita hienoja ominaisuuksia, kuten muuttujien ja mixinien käyttö. Nykyaikana, et löydä monia front-end insinöörejä, jotka eivät käytä esiprosessoria yksinkertaistaakseen prosessiaan.Jos kirjoitat omia tyylejä tyhjästä, hyväksymällä CSS arkkitehtuuri on erittäin hyödyllinen pitää koodin järjestetty. Olen käyttänyt vain skaalautuva ja modulaarinen arkkitehtuuri CSS (SMACCS), joka on suuri, mutta viime aikoina oppinut joitakin muita CSS menetelmiä. Se on helppo CSS päästä käsistä, jos sinulla ei ole hyvä organisaation strategia. Se on ehdottomasti sen arvoista hyväksyä CSS arkkitehtuuri Oman kehitysprosessin.Liittyvä: CSS spesifisyys: miten välttää käyttämällä !tärkeää CSS: ssä

    #14 – Responsive Design

    Responsive design ei ole enää mitään uutta. Se on lähes synonyymi web design tässä vaiheessa. Kuitenkin, se on edelleen tärkeää oppia ottamaan huomioon monia erilaisia laitteita ja näytön päätöslauselmia malleja. Jos ei opi reagoivaa suunnittelua, on nopea tapa jättää puolet käyttäjistä pois yhtälöstä, mikä johtaisi tietenkin huonoon käyttökokemukseen.Olemme nyt mobiilimaailmassa. Mobile ei ole menossa minnekään. Opettele suunnittelemaan mobiililaitteille, tableteille ja työpöydälle, niin olet valmis menemään.

    #15 – JavaScript Frameworks

    JavaScript frameworks ovat tärkeitä, koska ohjelmointi on kallista. Puitteet kuten jQuery, Angular, Vue ja React luotiin nopeuttamaan kehitystä ja tekemään paljon raskasta työtä puolestasi. Tästä syystä yritykset eivät epäröi ottaa käyttöön JS-kehyksiä, koska ne säästävät rahaa pitkällä aikavälillä.JavaScript-kehyksiä on tietysti enemmän kuin kaksin käsin voi laskea. He kaikki pyrkivät ratkaisemaan erilaisen ongelman. Kannattaisi ymmärtää, mitkä puitteet ovat olemassa. Kannattaa myös opetella ainakin yksi JavaScript-kehys auttamaan sinua web-kehityksessä. React tuntuu olevan suosituin valinta juuri nyt, mutta se voi helposti muuttua muutamassa lyhyessä vuodessa.

    #16 – Backend Development

    Front-end developers työskentelee backend Developersin kanssa melko tiiviisti. En ehdota sinun pitäisi tulla täysi-pino insinööri (vaikka, se olisi melko vaikuttava). Ehdotan kuitenkin, että kannattaisi oppia tarpeeksi back-end kehitystä paremmin sitoutua back-end coworkers.At loppujen lopuksi, olet todennäköisesti päättää, mitä tietoja tarvitaan tukemaan hankkeita. Asianmukainen ymmärrys taustakehityksestä auttaa edistämään tätä viestintää ja varmistamaan hankkeen onnistumisen.

    #17 – testaus & virheenkorjaus

    testaus ja virheenkorjaus on kriittinen kaikille, jotka työskentelevät front-end-koodin parissa. On olemassa monia erilaisia tapoja ”testata” tuotteesi, mutta Tyyppi testaus teet useimmin on selain ja JavaScript testaus.Chromen Developer Tools (Dev Tools) on erittäin tehokas ja kätevä työkalu. Dev Tools avulla voit nopeasti tehdä muutoksia HTML / CSS ja nähdä, miten se tekee sivulla. Konsolin avulla näet, milloin Javascriptissä on virheitä. Verkkovälilehden avulla näet, kuinka nopeasti tiedostoja renderoidaan ja missä järjestyksessä. On paljon enemmän se voi tehdä liian. Jos olet juuri pääsemässä alkuun front-end kehitys, voit pian ymmärtää, kuinka hämmästyttävä Dev työkalut todella is.To varmista, että sivustosi näyttää hyvältä kaikissa selaimissa ja laitteissa, sinun täytyy testata muutoksia kaikkialla. Browserstack on erittäin kätevä työkalu tällaiseen testing.In Test Driven Development (TDD), JavaScript on testattava, jotta voit kattaa kaikki perusteet. Työkalut, kuten Karma, auttavat sinua pääsemään alkuun rakentamalla testejä koodisi ympärille.

    #18 – Package Managers (npm)

    Package managers, kuten npm, on tullut välttämättömyys modernille front-end-kehitykselle. Ne helpottavat elämää. Resurssien, puitteiden, kirjastojen jne. räjähdysmäinen kasvu. käden ulottuvilla, se alkaa tulla melko tuskallista hallita niitä kaikkia…..ellet käytä paketinhallintaa.NPM: n oppiminen edellyttää komentoriviliitännän (Cli) käyttöä. Se ei ole niin pelottavaa kuin miltä se kuulostaa. On paljon tutorials verkossa, jotka voivat auttaa sinua, kun olet valmis sisällyttämään pakettiohjaimet osana web – kehitysprosessiin.

    #19 – Build Tools

    NPM: n lisäksi on tiedettävä myös build-työkaluista, kuten moduulin Niputtajista, Tehtäväjuoksijoista ja Lintereistä. Näillä työkaluilla on erilaisia tarkoituksia, mutta ne ovat välttämättömiä nykyaikaiselle web-kehitykselle.Moduulien Niputtajat, kuten WebPack luotiin auttamaan sinua seuraamaan moduulien riippuvuuksia tiedostojen välillä ja niputtamaan ne yhdeksi resurssiksi. Webpackin kaltaisen työkalun yksi tärkeimmistä eduista on käsite ”puun ravistelu”, joka estää käyttämättömiä resursseja lataamasta turhaan.Tehtäväjuoksut, kuten Gulp, mahdollistavat webpackin ja Sassin kaltaisten työkalujen ajamisen. Ne ovat hyödyllisiä, koska ne voivat katsella muutoksia Sass tai WebPack tiedostoja ja rakentaa lähtö automaattisesti. Task Runnerin käytön oppiminen auttaa varmasti lisäämään productivity.As työskentelet tiimin muiden front-end insinöörit, on tärkeää varmistaa, että noudatat tyyliopas JavaScript-koodi. Tässä linterit, kuten ESLint, tulevat tarpeeseen. Linters voit määrittää sääntöjä, koskien väli, syntaksi, nimeäminen jne. sinun koodissasi. Kun rikot näitä sääntöjä, linter kertoo. Periaatteessa linterit ovat hyödyllinen tapa varmistaa yhteisen koodikannan laatu ja johdonmukaisuus.

    #20 – versionhallinta

    jokainen tekee virheitä. Onneksi siihen on versiohallinta. Front-end-insinöörinä on tärkeää oppia käyttämään versionhallintaa, kuten Git: tä tai Team Foundation serveriä (TFS). Versionhallinnan avulla voit haarautua tuotantokoodistasi (lähinnä luoda kopion siitä) ja tehdä muutoksia ilman, että sinun tarvitsee huolehtia sotkemisesta korjauskelvottomaksi. Kuitenkin, kun asiat eivät mene pieleen, kuten huono käyttöönotto, versionhallinta on siellä tallentaa päivän antamalla voit kelata muutoksia edelliseen versioon.

    Oletko valmis UX-insinööriksi?

    niin, siinä se on: ne 20 taitoa, jotka tarvitset tullaksesi UX-insinööriksi vuonna 2020. Toivon, että olet löytänyt tämän luettelon hyödylliseksi, kun työskentelet taitojesi parantamiseksi. Jos olet valmis UX insinööri, sitten tutustu jobs board!

    Jos olet kiinnostunut oppimaan lisää UX designista tai Front-End Engineeringistä, harkitse UXE Weekly-lehden tilaamista ja saat uuden artikkelin UX Engineeringistä joka viikko!

    Become a Unicorn

    Get articles about UX/UI Design + Front-End Development

    It ’ s FREE – No spam – Opt out any time

    div>

    Jaa via: