nehéz UX mérnökként munkát vállalni, de ez nem lehetetlen. Ez a lista azért jött létre, hogy segítsen szűkíteni a fókuszt, és elsajátítsa azokat a készségeket, amelyekre szüksége van ahhoz, hogy 2020-ban UX mérnök legyen. Érthetően, ez a lista kissé elsöprő lehet mindenki számára, aki csak most kezdi. Emiatt a lista két részre oszlik:

  • UX tervezési készségek
  • Front-End mérnöki készségek
  • ha teljesen új vagy bármelyik területen, azt javaslom, hogy egyszerre egy listára összpontosítson. Ily módon még mindig csodálatos munkát végezhet, és jövedelmet szerezhet, amikor a másik listából felépíti készségeit.

    UX Mérnöki munkák

    UX/UI és Frontend
    álláskereső

    álláskeresés

    UX tervezés készségek a webfejlesztés világában az UX tervezés kritikus fontosságú. Míg a front-end mérnöki készségek szükségesek a gyors és skálázható termékek építéséhez, az ux tervezési készségek biztosítják, hogy ezek a termékek ne pazarolják az erőfeszítést. Az ux tervezés némi ismerete nélkül heteket vagy hónapokat tölthet egy olyan termék építésével, amelyet senki sem akar. Az UX design segít eltávolítani a kétségeket, így olyan termékeket készíthet, amelyeket az emberek valóban hasznosnak találnak.

    #1 – empátia

    az empátia az ux tervezés középpontjában áll. Szüksége van arra, hogy a felhasználó cipőjébe tegye magát annak érdekében, hogy olyan termékeket tervezzen, amelyeket szeretni fog. Szerencsére az empátia nem nehéz fejleszteni. Ha megérted, hogy egyes termékek miért tesznek boldoggá, és miért frusztrálnak egyes termékek, akkor félúton vagy!Empátia a tervezésben: hogyan működik?A fejlesztők néha küzdenek az empátiával, mert az UX fejlesztések jelentéktelennek tűnhetnek a megvalósításuk “költségéhez” képest. Ha ez te vagy, ellenálljon annak a kísértésnek, hogy saját kényelmét a felhasználó elégedettsége fölé helyezze. Ne vágj bele. Legyen empátia. Kezdje a felhasználói élménnyel, és dolgozzon visszafelé.

    #2 – problémamegoldás

    a problémamegoldó készségek fontosak mind az ux tervezés, mind a front-end tervezés szempontjából. Azt állítom azonban, hogy ez még fontosabb az ux számára. Miért? Mivel az ux problémák többsége egyedi és egyedi a saját felhasználói igényeihez. Gyakran sokkal könnyebb választ találni a programozási kérdésekre, mint az ux problémákra.Ezt szem előtt tartva szüksége van arra, hogy kreatív megoldásokat találjon a különféle problémákra. Az empátia és a problémamegoldó készségek kombinációjával elkezdheti megérteni a felhasználó fájdalompontjait, és valódi megoldásokat tervezhet számukra.

    #3 – megfigyelés

    mint említettük, az ux problémák többsége egyedi, de nem mindegyik. Miután éles megfigyelés készségek takarít meg sok fejfájást az úton. Ez a képesség különösen hasznos az “ux design “”design” darabjában.”A felhasználók az egész interneten vannak. Közösségi médiát használnak, blogokat olvasnak, YouTube videókat néznek. Ha ők csinálják, akkor neked is ezt kellene tenned.A megfigyelési készségek segítenek észrevenni a minták megjelenését és megelőzni a Felhasználó elvárásait, amikor a trendek új normává válnak.Összefüggő: jó UX = unalmas UI. Ne légy Kreatívnagy megfigyelési készségek nélkül nehéz lépést tartani a gyors ütemű webfejlesztő iparban.

    #4 – Marketing

    személy szerint nem hiszem, hogy ezt eléggé megemlítik. Sok vállalatnál az UX tervezők szorosan együttműködnek a marketing részleggel. Ux tervezőként legalább egy alapvető megértéssel kell rendelkeznie arról, hogy mi a marketing és hogyan működik. A marketing fogalma általában hosszú múltra tekint vissza az ügyfelek igényeinek és fájdalompontjainak nyomon követésében. Több crossover van a marketing és az ux design között, mint gondolnád, különösen a mai tech-vezérelt world.At a nap végén meg kell elégednie a felhasználókkal és azzal, aki aláírja a fizetését. Ha egy kis időt fektet be a marketing készségek elsajátítására, akkor jobban pozícionálhatja magát, hogy értéket nyújtson a felhasználók és a vállalat számára.

    #5 – UX kutatás& Interjú

    sok vállalatnál az ux kutatás teljesen elkülönül az ux tervezéstől. Ez nem azt jelenti, hogy ki vagy húzva. Ux-kutatás nélkül nincs olyan, hogy ux-tervezés, tehát nem fogsz messzire jutni anélkül, hogy megtanulnád. Az ux kutatás alapos megértéséhez diplomára van szükség az ember-számítógép interakcióban vagy egy kapcsolódó területen. Ux mérnökként azonban úgy gondolom, hogy diploma nélkül is meg lehet boldogulni.Ha megtanulja, hogyan gyűjtsön kvalitatív adatokat a felhasználóktól anélkül, hogy veszélyeztetné az eredményt, akkor alapvetően rendelkezik az ux-kutatás elvégzéséhez szükséges készségek nagy részével. A mögöttes készség itt az a képességed, hogy elkülönítsd magad a terveidtől. Tisztában kell lennie saját elfogultságával, és meg kell tanulnia, hogyan kell objektíven tervezni. Tanuld meg, és jó leszel.

    #6 – statisztika& Adatelemzés

    míg a statisztika és az adatelemzés az “UX Research” ernyő alá tartozik, úgy gondolom, hogy elegendő különbség van ahhoz, hogy itt külön-külön felhívjam őket. A mennyiségi adatok kihasználása nagyon hatékony módja annak, hogy megértsük, hogyan hatnak a felhasználók a termékére. Magas a visszafordulási arány? Lehet, hogy újra kell gondolnia a navigációt. A felhasználók néhány másodperc múlva elhagyják az oldalt? Lehet, hogy az oldal betöltése túl sokáig tart. Ez csak néhány mutató, amelyet a Google használ a webhely általános felhasználói élményének meghatározásához. Ha a Google odafigyel rájuk, akkor neked kellene lenned too.As a Google vezérigazgatója, Eric Schmidt kijelentette:

    a világot statisztikusok fogják örökölni

    sajnos az adatelemző szoftverek csak eddig tudnak elérni. Szüksége lesz a statisztikák jobb megértésére, az átlagok kiszámításán túl, hogy segítsen adatközpontú döntéseket hozni ux mérnökként.

    #7 – UI Design Tools

    most végre eljutunk a dolgok “tervezési” oldalához. Az ux tervezés egyik legnagyobb szempontja a drótvázak, makettek és prototípusok létrehozása. A mai legnépszerűbb felhasználói felület-tervező eszközök A Sketch és a Figma. Valójában soha nem használtam ezeket (említettem már, hogy a technológia gyorsan mozog?), de ha most választhatnék a kettő közül, Figmát választanám.Aj&Smart jó (és vicces) összehasonlítást végez ebben a videóban. Megéri nézni.

    #8 – UI tervezési elvek

    Talán észrevetted, hogy az “ux” és az “ui” általában párosítva van? Ez azért van, mert mindkettő elengedhetetlen az általános felhasználói élményhez. UX kutatás segít azonosítani és megoldani konkrét tervezési problémák, de ez nem segít létrehozni egy szép design. Ehhez meg kell értenie a felhasználói felület tervezési alapelveit és azok hatékony használatát.Vannak bizonyos, univerzális” igazságok ” a tervezéssel kapcsolatban, amelyeket minden ux tervezőnek tudnia kell. Ha nagyszerű megfigyelési képességekkel rendelkezik (ezen a listán#3), akkor valószínűleg felvette néhány felhasználói felület tervezési alapelvét anélkül, hogy észrevenné. Ezen elvek némelyike magában foglalja az egyensúlyt, az összehangolást, a kontrasztot stb.Az UI egy vászon, és te vagy a művész. A felhasználói felület tervezési elveinek alkalmazása a különbség a remekmű elkészítése és a hűtőszekrényre ragasztható valami között. Ez tényleg nagy különbséget jelent. Ha az UI design hiányzik a védjegy, az emberek észre, és hiányzik a bizalom a márka.Kapcsolódó: UX Design & UI Design. Miért van szükségünk mindkettőre?

    #9 – Interaction Design

    a korábbi készség, ui design elvek, van dolgunk a megjelenése egyetlen weboldalak vagy funkciók egy időben. Az interakciós tervezési készségekkel viszont vissza kell lépnie, és meg kell értenie, hogy az oldal vagy a szolgáltatás hogyan kapcsolódik a “nagy képhez”.”Ahogy a neve is mutatja, az interaction design a termék interakciójának irányításával foglalkozik.Interakciós tervezés nélkül a termék úgy fogja érezni, hogy hiányzik valami. A Google Material Design specifikációjában például az a cél, hogy az oldal elemeit úgy kezelje, mintha a Való Világban léteznének. Ez azt jelenti, hogy az oldalon mozgó tárgyaknak fel kell gyorsítaniuk vagy lassítaniuk kell, mintha a fizika törvényeit követnék.

    #10 – írás& kommunikáció

    az írás és a kommunikációs készségek fontosak a legtöbb karrier számára, de különösen fontosak az ux tervezők számára. Ritkán tervez olyan interfészeket, amelyek nem igényelnek szöveget, ikonokat vagy képeket a kommunikáció céljából. Ez azt jelenti, hogy meg kell tanulnia, hogyan lehet teljes mértékben kommunikálni egy üzenetet a lehető legrövidebb időn belül.A hatékony másolat írása nem olyan egyszerű, mint amilyennek hangzik. Az olvashatóság és a megértés tudomány. Fontos, hogy megtanulja, hogyan kell beszélni a közönség nyelvén, de ami még fontosabb, vonja be őket a példányába. Az egyik könnyen elkövethető hiba a nagy szavak alkalmi használata, amelyet a közönség nehezen érthet meg. Ne kövesd el ezt a hibát. Az Ön feladata a hatékony kommunikáció, nem pedig az, hogy tudásával lenyűgözze az olvasókat.

    Front-End mérnöki készségek soha nem volt még izgalmasabb idő front-end mérnöknek lenni. A mai webfejlesztő ipar virágzik az innovációval. Minden nap új eszközöket és erőforrásokat hozunk létre, hogy megkönnyítsük a munkánkat. Ezek az eszközök és erőforrások azonban tanulási görbével is rendelkeznek. Ha készen áll a front-end mérnöki munka megkezdésére, a következő 10 készség kritikus fontosságú lesz ahhoz, hogy odaérjen.

    #11 – HTML, CSS,& JavaScript

    a webes táj drámai módon megváltozott a kezdetektől fogva. A mai front-end mérnököktől elvárják, hogy ismerjenek olyan eszközöket, módszertanokat és legjobb gyakorlatokat, amelyek még néhány évvel ezelőtt sem léteztek. A dolgok ilyen gyorsan mozognak. Front-end mérnökként folyamatosan új készségeket kell megtanulnia, hogy releváns maradjon.Vagy mégis?Általános értelemben igen, mindig tanulni fogsz. A webfejlesztés alapja azonban mindig ugyanaz maradt. Alapvetően mindig volt HTML, CSS és JavaScript. Tanuld meg ezeket a dolgokat, és tanuld meg őket jól. Bármi további, amit megtanulsz, ezeknek a technológiáknak a tetejére épül (nagyrészt).Mindig lesz egy új és izgalmas keretrendszer vagy könyvtár. Ha nem ismeri a sima HTML-t, a CSS-t és a JS-t, akkor nem szabad a legújabb keretrendszerbe vásárolni, amíg nem (véleményem szerint). A JavaScript csínját-bínját megértve, például, hosszú távon sokkal tovább fog jutni, akkor ha egyenesen a tanulásba ugrott, reagáljon ma. Néhány év múlva egy új keretrendszer jön létre, és ezt is nehéz lesz megtanulni. Mentsd meg magad a fejfájás, és megtanulják, hogy írjon sima HTML, CSS, és JS első.Összefüggő: a tervezőknek meg kell tanulniuk, hogyan kell kódolni (többek között)

    #12 – szemantikus HTML & Kisegítő lehetőségek

    a HTML-t arra használják, hogy leírja az oldalt a böngészőnek, valamint a fogyatékkal élőknek. Ez nem egy tervezési eszköz. Miután megtanulta a HTML alapjait, érdemes belemerülni a szemantikába és a hozzáférhetőségbe. Megtudhatja, hogy a HTML több, mint egyszerűen csomagoló mindent egy <div> tag.A szemantikus HTML elsősorban a weboldal “jelentésének” kifejezésével foglalkozik. Például egy < nav> elem használatával lényegében megmondja a böngészőknek, hogy hol található a navigáció. Ahogy a böngészők okosabbá válnak, a szemantikus HTML egyre fontosabbá válik az internet fejlődése szempontjából.Az is nagyon fontos, hogy termékei hozzáférhetőek legyenek a fogyatékkal élők számára. Ha felvette az 1. készséget ezen a listán (empátia), akkor talán ismeri a webtartalom akadálymentesítési irányelveit (WCAG)? Ha nem, meg kell tanulnod őket. A termék nem igazán felhasználóbarát, amíg mindenki számára elérhető.

    #13 – CSS Frameworks, Architecture,& Preprocessors

    miután eltöltöttél egy kis időt a CSS tanulásával, elkezded értékelni a keretrendszerek, módszertanok és előfeldolgozók szükségességét.A helyzettől függően a Bootstrap egy nagyszerű CSS keretrendszer, amely gyorsan eljuttatja a stílusokat a webhelyére. Ha azonban a projekt valami kevésbé “Bootstrappy” – t igényel, akkor valószínűleg jobb, ha saját CSS-t ír a semmiből (vissza az alapokhoz). Is, mint egy UX mérnök, teljesítmény lesz egy fontos tényező, hogy fontolja meg a termékek. A Bootstrap dobozon kívüli használatának hátrányai lehetnek a teljesítmény szempontjából.A CSS előfeldolgozó, például a Sass előnyeinek kihasználása számos okból nagyszerű. Legfőképpen sokkal könnyebbé teszik a CSS írását azáltal, hogy lehetővé teszik a stílusok egymáson belüli fészkelését a sajátosság megteremtése érdekében. Vannak más jó funkciók is, mint például a változók és a mixinek használata. A modern időkben nem talál sok olyan front-end mérnököt, aki nem használ előfeldolgozót a folyamat egyszerűsítésére.Ha saját stílusait a semmiből írja, akkor a CSS architektúra elfogadása rendkívül hasznos a kód szervezésében. Csak skálázható és moduláris architektúrát használtam a CSS – hez (SMACCS), ami nagyszerű, de a közelmúltban megismerkedtem néhány más CSS-módszertannal. A CSS-nek könnyű kikerülni az irányítást, ha nincs jó szervezeti stratégiája. Mindenképpen érdemes elfogadni egy CSS architektúrát a fejlesztési folyamathoz.CSS specificitás: hogyan kerüljük el a használatát !fontos a CSS #14 – reszponzív tervezés

    a reszponzív tervezés már nem új. Ezen a ponton szinte szinonimája a webdesignnak. Mindazonáltal még mindig fontos, hogy megtanulják, hogyan kell figyelembe venni a különböző eszközöket és képernyőfelbontásokat a tervekkel. A reszponzív tervezés megtanulásának elmulasztása gyors módja annak, hogy a felhasználók felét kihagyja az egyenletből, ami nyilvánvalóan rossz felhasználói élményhez vezetne.Most egy mobil világban vagyunk. A mobil nem megy sehova. Ismerje meg, hogyan tervezzen mobilra, táblagépre és asztali számítógépre, és jó lesz.

    #15 – JavaScript keretrendszerek

    a JavaScript keretrendszerek fontosak, mert a programozás drága. A jQuery, az Angular, a Vue és a React keretrendszereket azért hozták létre, hogy felgyorsítsák a fejlesztést és a nehéz emelést az Ön számára. Emiatt a vállalatoknak nincs lelkiismeret-furdalás a JS keretek elfogadásával kapcsolatban, mert hosszú távon pénzt takarít meg számukra.Természetesen több JavaScript keretrendszer létezik, mint amennyit két kézzel meg lehet számolni. Mindannyian egy másik probléma megoldására törekszenek. Érdemes lenne megérteni, hogy mely keretek vannak odakint. Érdemes lenne megtanulni legalább egy JavaScript keretrendszert, amely segít a webfejlesztésben. Úgy tűnik, hogy a React jelenleg a legnépszerűbb választás, de ez néhány rövid év alatt könnyen megváltozhat.

    #16 – Backend fejlesztés

    a Front-end fejlesztők elég szorosan együttműködnek a backend fejlesztőkkel. Nem azt javaslom, hogy teljes veremmérnök legyen (bár ez elég lenyűgöző lenne). Azonban, azt javaslom, hogy érdemes lenne eleget tanulni a back-end fejlesztésről, hogy jobban kapcsolatba léphessen a back-enddel coworkers.At a nap végén valószínűleg eldönti, hogy milyen adatokra van szükség a projektek támogatásához. A back-end fejlesztés megfelelő megértése elősegíti ezt a kommunikációt és biztosítja a projekt sikerét.

    #17 – tesztelés& hibakeresés

    a tesztelés és hibakeresés kritikus fontosságú mindenki számára, aki front-end kódon dolgozik. A termék “tesztelésének” számos módja van, de a leggyakrabban végzett tesztelés a böngészőben és a JavaScript tesztelésben lesz.A Chrome Fejlesztői eszközei (Dev Tools) egy nagyon hatékony és praktikus eszköz. A Dev Tools segítségével gyorsan módosíthatja a HTML/CSS-t, és megnézheti, hogyan jelenik meg az oldalon. A konzol lehetővé teszi, hogy lássa, mikor vannak hibák a JavaScript-ben. A hálózat lap segítségével megtekintheti, hogy a fájlok milyen gyorsan és milyen sorrendben jelennek meg. Sokkal többet is tehet. Ha csak most kezdi el a front-end fejlesztést, hamarosan rájön, milyen csodálatos fejlesztői eszközök valóban is.To győződjön meg arról, hogy webhelye minden böngészőben és eszközön jól néz ki, mindenhol tesztelnie kell a változtatásokat. Browserstack egy szuper praktikus eszköz az ilyen típusú testing.In Tesztvezérelt fejlesztés (TDD), a Javascriptet tesztelni kell annak biztosítása érdekében, hogy az összes bázist lefedje. Az olyan eszközök, mint a Karma, segítenek elkezdeni a kód körüli tesztek építését.

    #18 – Csomagkezelők (NPM)

    a Csomagkezelők, mint például az npm, a modern front-end fejlesztés szükségességévé váltak. Megkönnyítik az életet. Az erőforrások, keretek, könyvtárak stb. kéznél van, meglehetősen fájdalmas lesz mindet kezelni…..hacsak nem használ csomagkezelőt.Az npm megtanulása megköveteli a parancssori felület (CLI) használatát. Nem olyan ijesztő, mint amilyennek hangzik. Rengeteg online oktatóanyag található, amelyek segíthetnek abban, hogy készen álljon a csomagkezelők beépítésére a webfejlesztési folyamat részeként.

    #19 – Build Tools

    az npm-en kívül ismernie kell a build eszközöket is, például a Modulcsomagolókat, a Feladatfuttatókat és a Lintereket. Ezeknek az eszközöknek különböző céljaik vannak, de elengedhetetlenek a modern webfejlesztéshez.Modul Kötegelők, mint például a WebPack hoztak létre, hogy segítsen nyomon követni a modul függőségek a fájlok között, és csomag őket egy erőforrás. Az olyan eszközök használatának egyik fő előnye, mint a WebPack, a “fa rázása” fogalma, amely megakadályozza a fel nem használt erőforrások felesleges betöltését.A feladatfutók, mint például a Gulp, lehetővé teszik olyan eszközök futtatását, mint a WebPack és a Sass. Hasznosak, mert figyelhetik a Sass vagy a WebPack fájlok változásait, és automatikusan újjáépíthetik a kimenetet. Tanulás, hogyan kell használni a feladat runner biztosan segít növelni a productivity.As más front-end mérnökök csapatával dolgozik együtt, fontos, hogy betartsa a JavaScript-kód stílus útmutatóját. Itt hasznosak a linterek, mint például az ESLint. A linterek lehetővé teszik a szabályok megadását, a távolság, a szintaxis, az elnevezés stb. a kódodban. Ha megszeged ezeket a Szabályokat, a linter tudatja veled. Lényegében a linterek hasznos módja annak, hogy biztosítsák a minőséget és a következetességet a megosztott kódbázis számára.

    #20 – Version Control

    mindenki hibázik. Szerencsére van verzióvezérlés erre. Front-end mérnökként elengedhetetlen lesz megtanulni a verzióvezérlés, például a Git vagy a Team Foundation Server (TFS) használatát. A verzióvezérlés lehetővé teszi a gyártási kód elágazását (lényegében egy másolat létrehozását), és változtatásokat hajthat végre anélkül, hogy aggódnia kellene a javításon kívüli dolgok elrontása miatt. Ha azonban a dolgok rosszul fordulnak elő, például egy rossz telepítés, a verzióvezérlés azért van, hogy megmentse a napot, lehetővé téve a módosítások visszaállítását az előző verzióra.

    készen állsz, hogy legyen egy UX mérnök?

    tehát itt van: a 20 készség, amire szükséged van ahhoz, hogy 2020-ban UX mérnök legyél. Remélem, hasznosnak találta ezt a listát, amikor készségeinek fejlesztésén dolgozik. Ha készen áll, hogy legyen egy UX mérnök, akkor nézd meg a jobs board!

    Ha többet szeretne megtudni az UX tervezésről vagy a Front-End mérnöki tevékenységről, fontolja meg, hogy feliratkozik az UXE Weekly-re, és minden héten új cikket kap az UX Engineering-ről!

    legyen egyszarvú

    cikkek letöltése az UX/UI tervezésről + Front-End fejlesztésről

    ingyenes – nincs spam – bármikor leiratkozhat

    megosztás: