UX (User Experience) a UI (User Interface) design jsou dva důležité aspekty při vytváření webových stránek, mobilních aplikací a dalších digitálních produktů. Jejich cílem je poskytovat uspokojivé a pohodlné uživatelské prostředí.

Musíte někde začít, ať už začínáte novou kariéru v designu UX/UI nebo si chcete vytvořit vlastní web nebo aplikaci bez zkušeností s designem. Abychom vám pomohli proniknout do světa UX a UI designu, sestavili jsme seznam 10 nejlepších tutoriálů a online kurzů UX/UI designu, které vás naučí vše, co potřebujete vědět, a v některých případech vás dokonce dostanou. certifikovaný.

Níže uvedené třídy a tutoriály sahá od kanálů YouTube po knihovny blogů a akreditované online kurzy, některé zdarma a některé placené, takže můžete najít ten nejlepší styl učení a rozpočet pro vás!

Vývoj plakátů. 5 pravidel

Marketingová etika – definice, význam, role a příklady.

UX vs. UI: jaký je rozdíl?

UX (User Experience) a UI (User Interface) design jsou dvě související, ale odlišné oblasti související s tvorbou webových stránek, mobilních aplikací a dalších digitálních produktů. Zde je návod, jak se liší:

  1. UX design (uživatelská zkušenost):

    • Definice: UX design se zaměřuje na celkový uživatelský zážitek z interakce s produktem.
    • Úkoly: Mezi úkoly UX designéra patří průzkum uživatelských potřeb a preferencí, vytváření uživatelských cest, provádění testování uživatelské zkušenosti a optimalizace produktu na základě zpětné vazby od uživatelů.
    • Faktory: UX faktory zahrnují použitelnost, efektivitu, dostupnost a spokojenost uživatelů.

  2. Design uživatelského rozhraní (uživatelské rozhraní):

    • Definice: Design uživatelského rozhraní se zaměřuje na vnější vizuální aspekt produktu a vytvoření atraktivního, intuitivního rozhraní.
    • Úkoly: Mezi úkoly návrháře uživatelského rozhraní patří výběr barevné palety, vytváření prvků rozhraní (tlačítka, vstupní pole, ikony), vývoj rozvržení stránky a zajištění konzistence designu.
    • Faktory: Mezi faktory uživatelského rozhraní patří vzhled, styl, animace, typografie a další aspekty, díky nimž je produkt vizuálně přitažlivý a pro uživatele srozumitelný.

Obě oblasti jsou pro tvorbu důležité úspěšný digitální produkty. Dobrý design UX zajišťuje, že produkt plně vyhovuje potřebám uživatelů, zatímco design uživatelského rozhraní jej činí vizuálně přitažlivým a snadno se používá.

Někdy se pro označení obou oblastí používá termín „design UI/UX“, který zdůrazňuje jejich propojení a důležitost při vytváření smysluplné uživatelské zkušenosti.

Luxusní balení. Jak si vybrat?

1. Skupina NN. UX/UI design

Video tutoriál pro návrh Ux/UI ženy hovořící o komponentách použitelnosti

Začněme NNgroup , YouTube kanál Nielsen Norman Group. NNGroup definovala a propagovala design UX od svého založení, včetně rozsáhlého pokrytí designu uživatelského rozhraní, a v důsledku toho je jejich tým jedním z nejdůvěryhodnějších zdrojů ve všech věcech souvisejících s uživatelským rozhraním.

Jejich kanál YouTube je perfektním zdrojem pro krátké návody na design UX/UI. Většina klipů trvá jen několik minut a zaměřuje se na konkrétní témata, jako např. Fittův zákon " nebo " karty empatie “, ale se stovkami videí tento kanál zdarma pokrývá vše, co potřebujete vědět. Pomocí jejich užitečných seznamů skladeb najděte témata, která vás zajímají.

Cena:

  • zdarma

Vlastnosti:

 

2. Udemy. UX/UI design

instrukce sedí u svého stolu

Udemy je velké jméno v online kurzech a jejich kurzy jsou... uživatelské rozhraní и design uživatelské zkušenosti obvykle dobře přijato. Jen v kategorii UX designu nabízejí přes 300 kurzů a několik desítek z nich je zdarma. Kurzy se liší v délce a mohou obsahovat jak videa, tak články.

Výběr kurzů Udemy je vynikající, s řadou výukových programů pro návrh UX/UI, které pokrývají nejen techniky, ale také to, jak používat nástroje pro návrh, jako je Adobe XD, najít práci jako profesionál UX a teorii, která stojí za zdůvodněním UX a uživatelského rozhraní. Nevýhodou je cena za kurz, která se obvykle pohybuje kolem 100 dolarů, ale někdy je najdete ve výprodeji i pod 20 dolarů.

Cena:

  • zdarma až do 200 $, v závislosti na sazbě

Vlastnosti:

 

3. LearnUX. UX/UI design

LearnUX se zaměřuje výhradně na UX/UI design tutoriály a kurzy, takže váš výběr je o něco jednodušší. Jednou z jejich specializací je výuka návrhářských nástrojů: nabízejí samostatné kurzy pro skica , Adobe XD , Obr , Studio InVision a další, včetně seminář o HTML a CSS .

LearnUX funguje podle systému předplatné, kde členové získají přístup ke všem videím. Vzhledem k množství příruček k zařízením je to skvělý zdroj, pokud se rozhodujete, který nástroj použít, a chcete každý vidět v akci.

Stručný návrh obalu

Cena:

  • 15 $/měsíc nebo 144 $/rok

Vlastnosti:

 

4. Envato Tuts +

Stránka článku o 15 nejlepších rozhraních API a nemorfických sadách uživatelského rozhraní

Už vás nebaví video průvodce a toužíte po staré škole? Envato Tuts+, známý pro své technické návody, nabízí úžasný výběr učební pomůcky na UX и průvodci na uživatelské rozhraní v psané formě – e-knihy a články ve stylu blogu, ale i videokurzy.

Jednou ze skvělých věcí na Envato Tuts+ je to, že mají velký výběr bezplatných výukových programů pro návrh UX/UI, zejména výukových programů pro blogování a návodů. To je perfektní způsob, jak začít učit s omezeným rozpočet nebo doplnit jiné kurzy pro malé dodatečný poplatek. Pokud chcete komplexnější kurz, předplatné vám umožní přístup k placeným kurzům a e-knihya studenti získají 30% slevu.

Cena:

  • od 16,50 $ měsíčně
  • bezplatné školicí programy k dispozici

Vlastnosti:

 

5. Leith Wallace. UX/UI design

 

Kanál Leith Wallace dál Youtube lepší než všechny ostatní průvodce UX/UI designem, pokud jde o kariérní poradenství. Ačkoli se dotýká návrhářských technik a teorie, Wallace nejlépe odhaluje zasvěcené znalosti o získávání pracovních míst v oblasti UX/UI, udržování kariéry na volné noze a o tom, jak se chovat při pohovorech.

Tento kanál může doplnit jakýkoli jiný kurz designu, který absolvujete, zejména proto, že je zdarma. Většina ostatních příruček na tomto seznamu se může týkat teorie a aplikací UX, ale ne všechny se ponoří hluboko do kariéry a profesních aspektů práce designéra na volné noze.

Cena:

  • zdarma

Vlastnosti:

 

6. Sdílení dovedností. UX/UI design
-

žena sedící u svého stolu připravená s vámi mluvit o UX/UI

Skillshare má stejné nastavení jako Udemy a dokonce sdílejí kurzy a instruktory. Skillshare však bývá o něco levnější – nabízí předplatné s neomezeným přístupem místo placení za kurz Udemy, stejně jako některé bezplatné lekce pro neodběratele - a jejich Třídy designu UI/UX se ponoří do některých témat, která Udemy nepokrývá.

Kurzy na Skillshare se liší v délce, některé trvají méně než hodinu a jiné více než 10 hodin. Na druhou stranu jsou lekce obvykle rozděleny do stravitelných 5- nebo 10minutových klipů, takže je snadné se zastavit a začít znovu svým vlastním tempem.

Cena:

  • 8 $/měsíc (2,49 $/měsíc, pokud se účtuje ročně)
  • bezplatné kurzy k dispozici

Vlastnosti:

 

7. Kahler Edwards. UX/UI design

Snímek obrazovky Adobe XD

Kahler Edwards je populární návrhář, který sdílí jeho představy o obchodování na vašem kanálu YouTube . Jeho videa pokrývají různá témata, od „ rychlostní umění “, ukazující jeho proces návrhu ve zpomaleném záběru a novinky o produktech Adobe XD. Ale pokud hledáte konkrétně návody na UX/UI, je to Design.Build.Launch . playlist je jako samostatný kurz, který zahrnuje více než dvě hodiny v 8 videích a pokrývá témata, jako je wireframing (v Adobe XD), design webových stránek (ve Webflow), responzivní design a spuštění.

Edwards se zaměřuje na to, co je na jeho obrazovce, díky čemuž je jeho kanál ideální, pokud místo mluvící hlavy raději sledujete design v akci. To je obrovská pomoc pro nové designéry, kteří stále přicházejí na své designové editory, ale používá výhradně Adobe XD.

Pokud chcete víc než jen UX design, také to udělal Denní série UI, in ve kterém každý den po dobu 60 dnů nabízel nový prvek uživatelského rozhraní.

Cena:

  • zdarma

Vlastnosti:

8. Základy interakčního designu. UX/UI design

Nejlepší lekce UX/UI designu: Interaction Design Foundation

Interakční design je oblast, která velmi úzce souvisí s UX a často se používá zaměnitelně. Takže můžete zvážit Interaction Design Foundation jak něco jako základy interakce s uživatelem. Všechny jejich třídy se točí kolem UX a nabízejí něco pro začátečníky, středně pokročilé i pokročilé. Kromě toho pravidelně pořádají webináře na témata UX a pravidelně publikují blogy a e-knihy.

Navzdory názvu jejich kurzy pokrývají širokou škálu instrukcí pro webdesign, včetně toho, že se stanou skvělými Návrhář uživatelského rozhraní s 10 kurzy rozdělenými do 4 částí . Je ideální pro začátečníky, kteří se chtějí naučit vše najednou. S placeným členstvím máte přístup ke všem třídám, ale každá má omezený počet zápisů, takže se snažte přihlásit včas.

Cena:

  • od 10 $ měsíčně (účtováno ročně)

Vlastnosti:

 

9. Budoucnost. UX/UI design

Nejlepší návody na design UX/UI: Budoucnost

Budoucnost je kanál YouTube věnovaný výuce lidí „jak si vydělat na živobytí tím, co milují“, zejména v designérské kariéře. Pokrývají širokou škálu témat souvisejících s designem, včetně širokého výběru výukových programů pro UX a UI.

Tento kanál je skvělý pro širokou škálu témat a osobností moderátora. Je to velmi osobní a uvolněné, s atmosférou, jako by kamarád dával odborné rady. Ale nenechte se zmást touto neformálností – jsou dobře zběhlí v technických aspektech a v případě potřeby se naučí pokročilé techniky.

Cena:

  • zdarma

Vlastnosti:

 

10. Coursera. UX/UI design

Nejlepší lekce designu UX/UI: Coursera

Coursera, lídr v online vzdělávání, spolupracuje s více než 200 univerzitami a nabízí kurzy na vysokoškolské úrovni široké veřejnosti, někdy s certifikátem nebo akreditovaným titulem po dokončení. Přestože slouží prakticky všem oborům, je jich více než málo kurzy UX a UI designu .

Uživatelé mohou platit za kurz nebo se přihlásit za měsíční poplatek nebo se připojit ke Coursera Plus a získat neomezený přístup. Pokud se vám to zdá příliš strmé, existují také některé bezplatné lekce. Studenti mohou absolvovat individuální kurzy podle svých zájmů nebo si vybrat specializaci, která zahrnuje řadu souvisejících hodin.

Cena:

  • za kurz: obvykle 29 – 100 USD
  • předplatné: $ 39 – $ 89 za měsíc
  • Coursera Plus: 399 $ ročně
  • bezplatné kurzy k dispozici

Vlastnosti:

Získejte náskok na své cestě UX/UI

Ať už hledáte konkrétní téma nebo komplexní lekce o všem souvisejícím s UX/UI, výše uvedené lekce by měly pokrýt to, co potřebujete. Zahrnuli jsme řadu možností, které vyhovují studentům různých úrovní, rozpočtů a stylů učení, abyste mohli začít. A pokud budete někdy potřebovat pomoc profesionálního designéra UX/UI, máme spoustu nezávislých designérů, kteří se na to specializují.