přistání práce jako inženýr UX je těžké, ale není to nemožné. Tento seznam byl vytvořen, aby vám pomohl zúžit zaměření a zvládnout dovednosti, které potřebujete, abyste se v roce 2020 stali inženýrem UX. Pochopitelně, tento seznam může být trochu ohromující pro každého, kdo právě začíná. Z tohoto důvodu je seznam rozdělen na dvě části:

  • UX Design Skills
  • Front-End Engineering Skills

    Pokud jste v obou oblastech zcela noví, doporučil bych se zaměřit na jeden seznam najednou. Tímto způsobem můžete stále přistát úžasnou práci a získat příjem, jak si vybudovat své dovednosti z druhého seznamu.

    UX Inženýr pracovních míst

    UX/UI a Rozhraní
    Práce Finder

    NAJÍT PRÁCI

    UX Design Dovednosti

    Ve světě vývoj webových aplikací, ux design je kritická. Zatímco front-end inženýrské dovednosti jsou nezbytné pro vytváření rychlých a škálovatelných produktů, je to UX design dovednosti, které zajistí, že tyto produkty nejsou plýtvání námahou. Bez znalosti designu ux byste mohli strávit týdny nebo měsíce budováním produktu, který nikdo nechce. UX design pomáhá odstranit pochybnosti, takže můžete vytvářet produkty, které lidé skutečně považují za užitečné.

    #1-empatie

    empatie je jádrem ux designu. Potřebujete schopnost vžít do boty vašeho uživatele s cílem navrhnout produkty, které budou milovat. Naštěstí empatie není obtížná dovednost rozvíjet. Pokud pochopíte, proč vám některé produkty dělají radost a proč vás některé produkty frustrují,pak jste na půli cesty!Související: empatie v designu: jak to funguje?Vývojáři mohou někdy bojovat s empatií, protože vylepšení UX se mohou zdát menší ve srovnání s „náklady“ na jejich implementaci. Pokud jste to vy, odolejte pokušení dát své vlastní pohodlí nad spokojenost uživatele. Neřezejte rohy. Mít empatii. Začněte s uživatelskou zkušeností a pracujte dozadu.

    #2-Řešení problémů

    dovednosti řešení problémů jsou důležité jak pro návrh ux, tak pro front-end inženýrství. Nicméně, řekl bych, že je to ještě důležitější pro ux. Proč? Protože většina problémů ux je jedinečná a specifická pro potřeby vašeho uživatele. Často je mnohem snazší najít odpovědi na programovací otázky, než je tomu u problémů ux.S ohledem na to potřebujete schopnost přijít s kreativními řešeními pro různé problémy. S empatií a schopnostmi řešit problémy v kombinaci, můžete začít chápat body bolesti vašeho uživatele a navrhnout pro ně skutečná řešení.

    #3-pozorování

    Jak již bylo zmíněno, většina problémů ux je jedinečná,ale ne všechny. Mít ostré pozorovací schopnosti vám ušetří mnoho bolesti hlavy po silnici. Tato dovednost je zvláště užitečná pro“ design “ kus “ ux design.“Vaši uživatelé jsou po celém webu. Používají sociální sítě, čtou blogy, sledují videa na YouTube. Pokud to dělají, pak byste to měli dělat také.Pozorovací dovednosti vám pomohou objevit vzory a dostat se před očekávání vašeho uživatele, když se trendy stanou novou normou.Příbuzný: dobrý UX = nudné UI. Nebuďte Kreativníbez skvělých pozorovacích dovedností je obtížné držet krok v rychle se rozvíjejícím odvětví vývoje webových aplikací.

    #4-Marketing

    osobně si nemyslím, že je tento dostatečně zmíněn. V mnoha společnostech návrháři UX úzce spolupracují s marketingovým oddělením. Jako návrhář ux byste měli mít alespoň základní znalosti o tom, co je marketing a jak to funguje. Koncept marketingu má obecně dlouhou historii sledování potřeb zákazníků a bolestivých bodů. Mezi marketingem a designem ux je více crossoverů, než si možná uvědomujete, zejména v dnešních technologicky řízených world.At na konci dne musíte uspokojit uživatele a kohokoli, kdo podepíše vaši výplatu. Investováním nějaký čas naučit marketingové dovednosti, budete lepší pozici sami poskytovat hodnotu pro své uživatele a vaši společnost.

    #5-UX Research & Rozhovor

    v mnoha společnostech je výzkum ux zcela oddělenou rolí od designu ux. To však neznamená, že jste z obliga. Neexistuje žádná taková věc jako UX design bez výzkumu ux, takže se nedostanete daleko, aniž byste se to naučili. Chcete-li důkladně porozumět výzkumu ux, potřebujete titul v interakci člověk-počítač nebo v souvisejícím oboru. Nicméně, jako inženýr ux, věřím, že se můžete obejít bez titulu.Pokud se naučíte, jak shromažďovat kvalitativní data od uživatelů bez ohrožení výsledku, budete mít v podstatě většinu dovedností, které potřebujete k provedení výzkumu ux. Základní dovedností je zde vaše schopnost oddělit se od svých návrhů. Musíte si být vědomi svých vlastních předsudků a naučit se objektivně navrhovat. Naučte se to a bude dobré jít.

    #6-Statistika & analytika dat

    zatímco statistiky a analytika dat zapadají pod deštník „UX Research“, myslím, že existuje dostatek rozdílů, abychom je mohli volat Samostatně zde. Využití kvantitativních dat je velmi účinný způsob, jak pochopit, jak uživatelé interagují s vaším produktem. Mají vysokou míru okamžitého opuštění? Možná budete muset přehodnotit svou navigaci. Opouštějí uživatelé vaši stránku po několika sekundách? Možná načítání stránky trvá příliš dlouho. Toto je jen několik metrik, které Google používá k určení celkové uživatelské zkušenosti vašeho webu. Pokud jim Google věnuje pozornost, měli byste být too.As generální ředitel společnosti Google Eric Schmidt uvedl:

    svět bude zděděn statistiky

    bohužel software pro analýzu dat vás může dostat jen tak daleko. Budete potřebovat, abyste lépe porozuměli statistikám, kromě výpočtu průměrů, které vám pomohou učinit rozhodnutí založená na datech jako inženýr ux.

    #7-nástroje pro návrh UI

    nyní se konečně dostáváme k“ designové “ stránce věcí. Jedním z největších aspektů designu ux je vytváření drátových modelů, maket a prototypů. Dnešní nejoblíbenější nástroje pro návrh UI jsou Sketch a Figma. Vlastně jsem nikdy nepoužil ani jednu z nich (zmínil jsem se o technologii, která se pohybuje rychle?), ale kdybych si měl vybrat mezi těmito dvěma, vybral bych si Figmu.Aj&Smart udělat dobré (a vtipné) srovnání v tomto videu. Stojí to za ty hodinky.

    # 8-principy návrhu UI

    možná jste si všimli, že „UX“ a „ui“jsou obvykle spárovány dohromady? Je to proto, že jsou oba nezbytné pro celkový uživatelský dojem. Výzkum UX vám pomůže identifikovat a vyřešit konkrétní problémy s designem, ale nepomůže vám vytvořit krásný design. K tomu musíte pochopit principy návrhu uživatelského rozhraní a jak je efektivně používat.Existují určité, univerzální „pravdy“ o designu, které by měl každý designér ux vědět. Pokud máte skvělé pozorovací schopnosti (#3 na tomto seznamu), pak jste pravděpodobně zvedl na některé principy ui designu, aniž by si to uvědomil. Některé z těchto principů zahrnují rovnováhu, zarovnání, kontrast atd.Vaše uživatelské rozhraní je plátno a vy jste umělec. Použití principů designu ui je rozdíl mezi vytvořením mistrovského díla a vytvořením něčeho, co se bude držet na lednici. Je to opravdu velký rozdíl. Pokud váš design uživatelského rozhraní chybí značka, lidé si všimnou a postrádají důvěru ve vaši značku.Související: UX Design & UI Design. Proč je potřebujeme oba?

    #9-interakce Design

    s předchozí dovednosti, ui principy návrhu, máte co do činění s výskytem jednotlivých webových stránek nebo funkcí najednou. S interakčními schopnostmi designu, na druhou stranu, musíte udělat krok zpět a pochopit, jak se tato stránka nebo funkce spojuje s „velkým obrazem“.“Jak název napovídá, design interakce se zabývá vedením interakce vašeho produktu.Bez návrhu interakce bude mít váš produkt pocit, že mu něco chybí. Například ve specifikaci Material Design společnosti Google je cílem zacházet s prvky na vaší stránce, jako by existovaly ve skutečném světě. To znamená, že objekty pohybující se na stránce by se měly zrychlit nebo zpomalit, jako by se řídily fyzikálními zákony.

    #10-psaní & komunikace

    psaní a komunikační dovednosti jsou důležité pro většinu kariéry,ale jsou zvláště důležité pro designéry ux. Zřídka navrhujete rozhraní, která nevyžadují text, ikony nebo obrázky pro účely komunikace. To znamená, že se musíte naučit, jak plně sdělit zprávu co nejstručněji.Psaní efektivní kopie není tak snadné, jak to zní. Čitelnost a porozumění je věda. Je důležité, abyste se naučili mluvit jazykem svého publika, ale co je důležitější, zapojte je do své kopie. Jedna chyba, kterou lze snadno udělat, je příležitostné použití velkých slov, které mohou být pro publikum obtížné pochopit. Nedělej tu chybu. Vaším úkolem je efektivně komunikovat, ne zapůsobit na čtenáře svými znalostmi.

    Front-End inženýrské dovednosti

    nikdy nebylo více vzrušující čas být front-end inženýr. Dnešní odvětví vývoje webových aplikací vzkvétá s inovacemi. Každý den se vytvářejí nové nástroje a zdroje, které nám usnadňují práci. Tyto nástroje a zdroje však přicházejí také s křivkou učení. Pokud jste připraveni začít s front-end engineering, dalších 10 dovedností bude pro vás rozhodující.

    #11-HTML, CSS, & JavaScript

    webové prostředí se od začátku dramaticky změnilo. Očekává se, že dnešní přední inženýři budou znát nástroje, metodiky a osvědčené postupy, které ještě před několika lety neexistovaly. Věci se pohybují tak rychle. Jako front-end inženýr, budete se neustále muset naučit nové dovednosti, abyste zůstali relevantní.Nebo ty?V obecném smyslu ano, vždy se budete učit. Základ vývoje webu však vždy zůstal stejný. V jádru jsme vždy měli HTML, CSS a JavaScript. Naučte se tyto věci a naučte se je dobře. Cokoli dalšího, co se naučíte, bude stejně postaveno na těchto technologiích (z větší části).Vždy bude existovat nový a vzrušující rámec nebo knihovna. Pokud nemáte pochopení prostého HTML, CSS a JS, pak byste neměli kupovat nejnovější rámec, dokud to neuděláte (podle mého názoru). Pochopením jemnůstky JavaScriptu, například, dostanete mnohem dále v dlouhodobém horizontu, pak pokud jste skočil přímo do učení reagovat dnes. Za pár let přijde nový rámec a bude těžké se ho naučit. Ušetřete si bolesti hlavy a naučte se nejprve psát prostý HTML, CSS a JS.Související: návrháři by se měli naučit kódovat (mimo jiné)

    #12-sémantický HTML & Přístupnost

    HTML se používá k popisu vaší stránky do prohlížeče, stejně jako osoby se zdravotním postižením. Není to designový nástroj. Poté, co se naučíte základy HTML, budete se chtít ponořit do sémantiky a přístupnosti. Dozvíte se, že HTML je více než jen zabalení všeho do značky <div>.Sémantický HTML se zabývá především vyjádřením „významu“ webové stránky. Použitím prvku <nav> například v podstatě říkáte prohlížečům, kde se nachází vaše navigace. Jak jsou prohlížeče chytřejší, sémantický HTML se stává stále důležitějším pro rozvoj webu.Zpřístupnění vašich produktů osobám se zdravotním postižením je také velmi důležité. Pokud jste si vybrali dovednost # 1 na tomto seznamu (empatie), možná jste si vědomi pokynů pro přístupnost webového obsahu (WCAG)? Pokud ne, měli byste se je naučit. Váš produkt není skutečně uživatelsky přívětivý, dokud není přístupný všem.

    #13-CSS Frameworks, Architecture, & preprocesory

    poté, co jste strávili nějaký čas učením CSS, začnete oceňovat potřebu rámců, metodik a preprocesorů.V závislosti na vaší situaci je Bootstrap skvělým rámcem CSS, který rychle dostane styly na váš web. Pokud však projekt vyžaduje něco méně „Bootstrappy“, je pravděpodobně lepší napsat vlastní CSS od nuly (zpět k základům). Také, jako inženýr UX, výkon bude důležitým faktorem, který je třeba zvážit pro Vaše produkty. Použití Bootstrap po vybalení z krabice může mít nevýhody, pokud jde o výkon.Využití preprocesoru CSS, jako je Sass, je skvělé z různých důvodů. Nejvíce ze všeho dělají CSS mnohem jednodušší psát tím, že vám umožní vnořit styly do sebe a vytvořit specifičnost. Existují také některé další skvělé funkce, například použití proměnných a mixinů. V moderní době nenajdete mnoho front-end inženýrů, kteří nepoužívají preprocesor, aby zjednodušili svůj proces.Pokud píšete své vlastní styly od nuly, přijetí CSS architektury je velmi užitečné pro udržení organizovaného kódu. Použil jsem pouze škálovatelnou a modulární architekturu pro CSS (SMACCS), což je skvělé, ale nedávno jsem se dozvěděl o některých dalších metodikách CSS. Je snadné, aby se vaše CSS vymklo kontrole, pokud nemáte dobrou organizační strategii. Rozhodně stojí za to přijmout architekturu CSS pro váš vývojový proces.Příbuzný: CSS specifičnost: jak se vyhnout použití !důležité v CSS

    #14-responzivní Design responzivní design už není nic nového. Je to téměř synonymem pro web design v tomto bodě. Přesto je stále důležité se naučit, jak s vašimi návrhy zohlednit mnoho různých zařízení a rozlišení obrazovky. Pokud se nenaučíte responzivnímu designu, je to rychlý způsob, jak opustit polovinu vašich uživatelů z rovnice, což by samozřejmě vedlo ke špatnému uživatelskému zážitku.Teď jsme v mobilním světě. Mobil nikam nepůjde. Naučte se, jak navrhnout pro mobilní telefony, tablety a stolní počítače a budete mít dobré jít.

    #15-JavaScript frameworky

    JavaScript frameworky jsou důležité, protože programování je drahé. Rámce jako jQuery, Angular, Vue a React byly vytvořeny, aby pomohly urychlit vývoj a udělat pro vás velkou část těžkého zvedání. Z tohoto důvodu společnosti nemají žádné pochybnosti o přijetí rámců JS, protože jim dlouhodobě šetří peníze.Samozřejmě existuje více rámců JavaScriptu, než se můžete spolehnout na dvě ruce. Všichni se snaží vyřešit jiný problém. Bylo by užitečné pochopit, které rámce jsou venku. Bylo by také užitečné naučit se alespoň jeden rámec JavaScript, který vám pomůže s vývojem webu. React se zdá být nejoblíbenější volbou právě teď, ale to by se mohlo snadno změnit během několika krátkých let.

    #16-vývoj backendu

    Front-end vývojáři pracují s vývojáři backendu velmi úzce. Neříkám, že byste se měli stát inženýrem s plným zásobníkem (i když by to bylo docela působivé). Navrhuji však, že by bylo užitečné dozvědět se dost o vývoji back-end, abyste se lépe zapojili do vašeho back-endu coworkers.At na konci dne se pravděpodobně rozhodnete, jaká data jsou potřebná k podpoře vašich projektů. Mít slušné pochopení back-end vývoje pomůže podpořit tuto komunikaci a zajistit úspěch projektu.

    #17-testování & ladění

    testování a ladění je rozhodující pro každého, kdo pracuje na front-end kódu. Existuje mnoho různých způsobů, jak „otestovat“ váš produkt, ale typ testování, který budete provádět nejčastěji, bude v prohlížeči a testování JavaScriptu.Vývojářské nástroje Chrome (Dev Tools) je velmi výkonný a šikovný nástroj. Nástroje Dev vám umožňují rychle provádět změny ve vašem HTML / CSS a vidět, jak se na stránce vykresluje. Konzola umožňuje zjistit, kdy máte chyby v JavaScriptu. Karta sítě umožňuje zjistit, jak rychle jsou soubory vykreslovány a v jakém pořadí. Je toho mnohem víc, co může udělat. Pokud právě začínáte s vývojem front-end, brzy si uvědomíte, jak úžasné nástroje Dev opravdu is.To ujistěte se, že váš web vypadá dobře ve všech prohlížečích a zařízeních, budete muset otestovat své změny všude. Browserstack je velmi užitečný nástroj pro tento druh testing.In Test Driven Development (TDD), váš JavaScript bude muset být testován, abyste se ujistili, že pokrýváte všechny své základny. Nástroje jako Karma vám pomohou začít s budováním testů kolem vašeho kódu.

    #18-správci balíčků (NPM)

    správci balíčků, jako je npm, se stali nezbytností pro moderní vývoj front-endu. Usnadňují život. S explozí zdrojů, rámců, knihoven atd. na dosah ruky, začíná být docela bolestivé je všechny spravovat…..pokud nepoužíváte správce balíčků.Učení npm bude vyžadovat použití rozhraní příkazového řádku (CLI). Není to tak děsivé, jak to zní. Existuje spousta výukových programů online, které vám mohou pomoci, když jste připraveni začlenit správce balíčků jako součást procesu vývoje webu.

    #19-nástroje pro vytváření

    kromě npm potřebujete také vědět o nástrojích pro vytváření, jako jsou svazky modulů, Běžci úloh a Lintery. Tyto nástroje mají různé účely, ale jsou nezbytné pro moderní vývoj webových aplikací.Modulové svazky, jako je WebPack, byly vytvořeny, aby vám pomohly sledovat závislosti modulů mezi soubory a spojit je do jednoho zdroje. Jednou z hlavních výhod používání nástroje, jako je WebPack, je koncept „třepání stromů“, který zabraňuje zbytečnému načítání nevyužitých zdrojů.Běžci úkolů, jako je Gulp, vám umožňují spouštět nástroje jako WebPack a Sass. Jsou užitečné, protože mohou sledovat změny ve vašich souborech Sass nebo WebPack a automaticky znovu sestavit výstup. Naučit se používat úkol běžec určitě pomůže zvýšit vaše productivity.As pracujete s týmem dalších front-end inženýrů, je důležité zajistit, abyste dodržovali průvodce stylem pro svůj kód JavaScript. Zde se hodí lintery, jako je ESLint. Lintery umožňují zadat pravidla týkající se mezery, syntaxe, pojmenování atd. ve vašem kódu. Když porušíte tato pravidla, váš linter vám dá vědět. Lintery jsou v podstatě užitečným způsobem, jak zajistit kvalitu a konzistenci sdílené kódové základny.

    #20-Správa verzí

    každý dělá chyby. Naštěstí pro to existuje Správa verzí. Jako front-end inženýr bude nezbytné naučit se používat správu verzí, jako je Git nebo Team Foundation Server (TFS). Správa verzí vám umožňuje oddělit výrobní kód (v podstatě vytvořit jeho kopii) a provádět změny, aniž byste se museli starat o to, aby se věci neopravily. Nicméně, když se věci pokazí, jako je špatné nasazení, Správa verzí je zde, aby zachránila den tím, že vám umožní vrátit zpět změny na předchozí verzi.

    jste připraveni stát se inženýrem UX?

    takže to máte: 20 dovedností, které potřebujete, abyste se v roce 2020 stali inženýrem UX. Doufám, že jste našli tento seznam užitečný při práci na zlepšení svých dovedností. Pokud jste připraveni stát se inženýrem UX, podívejte se na pracovní desku!

    Pokud máte zájem dozvědět se více o designu UX nebo Front-End Engineering, zvažte přihlášení k odběru UXE Weekly a každý týden obdržíte nový článek o UX Engineering!

    Staňte se jednorožcem

    získejte články o designu UX/UI + Front-End vývoj

    je to zdarma – žádný spam – Odhlásit se kdykoli

    Sdílet přes: