UX (User Experience) eta UI (User Interface) diseinua bi alderdi garrantzitsu dira webguneak, mugikorretarako aplikazioak eta bestelako produktu digitalak sortzeko. Erabiltzaile esperientzia asegarria eta erosoa eskaintzea dute helburu.

Nonbait hasi behar duzu, UX/UI diseinuan karrera berri bat hasten ari zaren edo diseinu esperientziarik gabe zure webgunea edo aplikazioa sortu nahi baduzu. UX eta UI diseinuaren munduan sartzen laguntzeko, jakin behar duzun guztia irakatsiko dizuten UX/UI diseinuko 10 tutorial eta lineako ikastaro onenen zerrenda bat osatu dugu, eta, kasu batzuetan, lortuko zaitu ere. ziurtatua.

Beheko klaseak eta tutoretzak YouTube kanaletatik hasi eta blog-liburutegietara eta lineako ikastaro homologatuetaraino, doakoak eta beste batzuk ordainpekoak, zuretzako ikasteko estilo eta aurrekonturik onena aurki dezazun!

Kartelaren garapena. 5 arau

Marketing Etika - Definizioa, Esanahia, Rola eta Adibideak.

UX vs. UI: zein da aldea?

UX (User Experience) eta UI (User Interface) diseinua webguneak, mugikorretarako aplikazioak eta bestelako produktu digitalak sortzearekin zerikusia duten bi arlo dira. Hona hemen nola desberdintzen diren:

  1. UX Diseinua (Erabiltzaileen esperientzia):

    • Definizioa: UX diseinua produktu batekin elkarreraginean erabiltzailearen esperientzia orokorrean oinarritzen da.
    • helburuak: UX diseinatzaile baten zereginak honako hauek dira: erabiltzaileen beharrak eta lehentasunak ikertzea, erabiltzaileen bidaiak sortzea, erabiltzailearen esperientzia probak egitea eta produktua optimizatzea erabiltzaileen iritzietan oinarrituta.
    • Faktoreak: UX faktoreak erabilgarritasuna, eraginkortasuna, irisgarritasuna eta erabiltzaileen gogobetetasuna dira.
  2. UI Diseinua (Erabiltzaile Interfazea):

    • Definizioa: UI diseinuak kanpoko alderdi bisualean oinarritzen da Produktu eta interfaze erakargarri eta intuitibo bat sortzea.
    • helburuak: UI diseinatzaile baten zereginak honako hauek dira: kolore-paleta bat aukeratzea, interfaze-elementuak sortzea (botoiak, sarrera-eremuak, ikonoak), diseinuak garatzea. orrialdeak eta diseinuaren koherentzia bermatuz.
    • Faktoreak: UI faktoreek itxura, estiloa, animazioak, tipografia eta produktua ikusmen erakargarria eta ulergarria egiten duten beste alderdi batzuk daude.

Bi eremu garrantzitsuak dira sortzeko arrakastatsua produktu digitalak. UX diseinu onak produktuak erabiltzaileen beharrak guztiz betetzen dituela ziurtatzen du, eta UI diseinuak bisualki erakargarria eta erabiltzeko erraza egiten du.

Batzuetan, "UI/UX diseinua" terminoa erabiltzen da bi eremuak deskribatzeko, haien interkonexioa eta garrantzia azpimarratuz erabiltzailearen esperientzia esanguratsua sortzeko.

Luxuzko ontziak. Nola aukeratu?

1. NNtaldea. UX/UI diseinua

Ux/UI diseinuaren bideo tutoriala emakume baten erabilgarritasun osagaiei buruz hitz egiten

Dezagun hasteko NNtaldea , Nielsen Norman Group-en YouTube kanala. NNGroup-ek bere sorreratik definitu eta sustatu du UX diseinua, UI diseinuaren estaldura zabala barne, eta, ondorioz, bere taldea UI lotutako gauza guztietan iturri fidagarrienetako bat da.

Beren YouTube kanala iturri ezin hobea da UX/UI diseinuari buruzko tutorial laburrak egiteko. Klip gehienek minutu gutxiko iraupena dute eta gai zehatzetan zentratzen dira, hala nola " Fitten legea "Edo" enpatia txartelak ", baina ehunka bideorekin, kanal honek jakin behar duzun guztia jasotzen du doan. Erabili haien erreprodukzio-zerrenda lagungarriak interesatzen zaizkizun gaiak aurkitzeko.

kostua:

  • бесплатно

Ezaugarriak:

 

2. Udemy. UX/UI diseinua

instrukzioa bere mahaian eserita

Udemy izen handia da lineako ikastaroetan eta haien ikastaroak dira... erabiltzailearen interfazea и erabiltzailearen esperientziaren diseinua normalean ondo harrera. 300 ikastaro baino gehiago eskaintzen dituzte UX diseinuaren kategorian, eta horietako hainbat doakoak dira. Ikastaroek luzera desberdinak dituzte eta bideoak eta artikuluak izan ditzakete.

Udemy-ren ikastaroen aukeraketa bikaina da, UX/UI diseinu-tutorial sorta batekin, teknikak ez ezik, Adobe XD bezalako diseinu-tresnak nola erabili, UX profesional gisa lana aurkitzeko eta UX eta UI arrazoibidearen atzean dagoen teoria ere aztertzen dutenak. Alde negatiboa ikastaro bakoitzeko prezioa da, normalean 100 $ ingurukoa da, baina batzuetan 20 $ baino gutxiagotan aurki ditzakezu salgai.

kostua:

  • doan $ 200 inguru arte, tarifaren arabera

Ezaugarriak:

 

3. LearnUX. UX/UI diseinua

LearnUX UX/UI diseinuko tutorialetan eta ikastaroetan zentratzen da soilik, zure aukera apur bat erraztuz. Bere espezialitateetako bat diseinu tresnen irakaskuntza da: ikastaro bereiziak eskaintzen dituzte Sketch , Adobe XD , figma , InVisionStudio eta beste batzuk, besteak beste HTML eta CSS tailerra .

LearnUX sistemaren arabera funtzionatzen du harpidetzak, non kideek bideo guztietarako sarbidea duten. Gailuen eskuliburuen ugaritasuna ikusita, baliabide bikaina da zein tresna erabili erabakitzen baduzu eta bakoitza martxan ikusi nahi baduzu.

Paketeen diseinuaren laburpena

kostua:

  • 15 $/hilean edo 144 $/urte

Ezaugarriak:

 

4. Envato Tuts +

Artikulu orria 15 API eta UI ez-morfikoen kit onenei

Bideo-gidak nekatuta eta eskola zaharraren irrikaz? Tutorial teknologikoengatik ezaguna, Envato Tuts+ek aukeraketa zoragarria eskaintzen du euskarri didaktikoak on UX и gidak on erabiltzailearen interfazea idatziz - liburu elektronikoak eta blog estiloko artikuluak, baita bideo-ikastaroak ere.

Envato Tuts+-ri buruzko gauza handienetako bat da doako UX/UI diseinuko tutorialen aukeraketa bikaina dutela, bereziki blogaren tutorialak eta nola egin beharrekoak. Hau mugarekin ikasten hasteko modu ezin hobea da aurrekontua edo beste ikastaro batzuk osagarri txiki batentzat kuota gehigarria. Ikastaro zabalagoa nahi baduzu, harpidetza batek ordainpeko ikastaroetarako sarbidea ematen dizu eta liburu elektronikoak, eta ikasleek %30eko deskontua izango dute.

kostua:

  • $ 16,50/hilean
  • doako prestakuntza-programak eskuragarri

Ezaugarriak:

 

5. Leith Wallace. UX/UI diseinua

 

kanalean Leith Wallace YouTube superior UX/UI diseinuko beste gidaliburu guztiak lanbide-aholkularitzari dagokionez. Diseinu-teknikak eta teoria ukitzen baditu ere, Wallace-k bere onenean dabil UX/UI lanpostuak lortzeari, freelance karrerari eustea eta elkarrizketetan nola jokatu nola jokatu.

Kanal honek egiten ari zaren diseinu-ikastaroaren osagarri izan daiteke, batez ere doakoa denez. Zerrenda honetako beste gida gehienek UX teoria eta aplikazioak estal ditzakete, baina denak ez dira autonomo diseinatzaile izatearen karrera eta alderdi profesionaletan sakontzen.

kostua:

  • бесплатно

Ezaugarriak:

 

6. Gaitasunak partekatzea. UX/UI diseinua
-

emakumea bere mahaian eserita zurekin UX/UIri buruz hitz egiteko prest

Skillshare-k Udemyren konfigurazio bera du, eta ikastaroak eta irakasleak ere partekatzen dituzte. Hala ere, Skillshare apur bat merkeagoa izan ohi da: sarbide mugagabeko harpidetza eskaintzen dute Udemy ikastaro bat ordaindu beharrean, baita batzuk ere. doako eskolak harpidedunak ez direnentzat - eta euren UI/UX diseinu klaseak Udemyk lantzen ez dituen gai batzuetan murgiltzen da.

Skillshare-ri buruzko ikastaroak irauten dute, batzuk ordubete baino gutxiagokoak eta beste batzuk 10 ordu baino gehiagokoak. Bestalde, ikasgaiak normalean 5 edo 10 minutuko klip digerigarrietan banatzen dira, erraz gelditu eta berriro hastea zure erritmoan.

kostua:

  • $ 8/hilean ($ 2,49/hilean urtero fakturatzen bada)
  • doako ikastaroak eskuragarri

Ezaugarriak:

 

7. Kahler Edwards. UX/UI diseinua

Adobe XD pantaila-argazkia

Kahler Edwards partekatzen duen diseinatzaile ezaguna da bere merkataritzari buruzko ideiak zure YouTube kanalean . Bere bideoek hainbat gai jorratzen dituzte, " abiadura artea ", bere diseinu-prozesua kamera geldoan erakutsiz, Adobe XD produktuei buruzko albisteei. Baina bereziki UX/UI tutorialak bilatzen ari bazara, hau da Diseinatu.Eraiki.Abian . Erreprodukzio-zerrenda ikastaro autonomo bat bezalakoa da, 8 bideotan bi ordu baino gehiago hartzen ditu eta wireframing (Adobe XD-n), webgunearen diseinua (Webflow-en), responsive design eta abiarazte bezalako gaiak lantzen ditu.

Edwards-ek bere pantailan dagoenari erreparatzen dio, eta horrek bere kanala aproposa da diseinua ekintzan ikusi nahiago baduzu, hitz egiten duen buruaren ordez. Hau laguntza handia da oraindik beren diseinu-editoreak aztertzen ari diren diseinatzaile berrientzat, baina Adobe XD soilik erabiltzen du.

UX diseinua baino gehiago nahi baduzu, berak ere egin zuen Eguneko UI seriea, urtean bertan UI elementu berri bat eskaintzen zuen egunero 60 egunez.

kostua:

  • бесплатно

Ezaugarriak:

8. Interakzio-diseinuaren oinarriak. UX/UI diseinua

UX/UI diseinuko ikasgai onenak: Interaction Design Foundation

Interakzio-diseinua hori eremu bat da Oso UX-rekin oso lotuta dago eta askotan elkarren artean erabiltzen da. Beraz, kontuan hartu dezakezu Interaction Design Foundation nola antzeko zerbait elkarrekintzaren oinarriak erabiltzailearekin. Beraien klase guztiak UXren inguruan dira eta hasierako, erdi mailako eta maila aurreratuentzako zerbait eskaintzen dute. Horrez gain, aldizka, webinar-ak egiten dituzte UX gaiei buruz eta aldizka blogak eta argitaratzen dituzte e-liburuak.

Izena izan arren, haien ikastaroek web diseinuaren irakaskuntza zabala hartzen dute, bikaina bihurtzea barne UI diseinatzailea 10 ikastarorekin 4 zatitan banatuta . Dena aldi berean ikasi nahi duten hasiberrientzat aproposa da. Ordainpeko kidetza batekin, klase guztietara sar zaitezke, baina bakoitzak matrikula mugatua du, beraz, saiatu izena ematen goiz.

kostua:

  • $ 10 hilean (urtero fakturatuta)

Ezaugarriak:

 

9. Etorkizuna. UX/UI diseinua

UX/UI diseinuko tutorial onenak: etorkizuna

Etorkizuna Jendeari "maitatzen dutena egiten bizimodua nola ateratzen den" irakasteko eskainitako YouTube kanala da, batez ere diseinu karreran. Diseinuarekin lotutako gai ugari lantzen dituzte, UX eta UI diseinuko tutorialen aukeraketa zabala barne.

Kanal hau oso ona da gai eta aurkezleen nortasun askotarako. Oso atsegina eta lasaia da, lagun bat aholku profesionalak emango balitu bezala giro batekin. Baina ez utzi informaltasun honek engaina: ondo ezagutzen dituzte alderdi teknikoak eta teknika aurreratuak ikasiko dituzte beharrezkoa denean.

kostua:

  • бесплатно

Ezaugarriak:

 

10. Coursera. UX/UI diseinua

UX/UI diseinuko ikasgai onenak: Coursera

Coursera, lineako ikaskuntzan liderra, 200 unibertsitate baino gehiagorekin bat egiten du publiko orokorrari unibertsitate mailako klaseak eskaintzeko, batzuetan ziurtagiri edo titulu homologatu batekin amaitzean. Ia diziplina guztietarako balio duten arren, gutxi batzuk baino gehiago daude UX eta UI diseinuari buruzko ikastaroak .

Erabiltzaileek ikastaro bakoitzeko ordain dezakete edo hileroko kuota baten truke izena eman dezakete, edo Coursera Plus-ek sarbide mugagabea lortzeko. Oso aldapatsua iruditzen bazaizu, doako klase batzuk ere badaude. Ikasleek beren interesen araberako klase indibidualak hartu ditzakete edo erlazionatutako hainbat klase biltzen dituen espezialitate bat aukeratu.

kostua:

  • Ikastaro bakoitzeko: normalean 29 - 100 dolar estatubatuarra
  • harpidetza: $ 39 - $ 89 hilean
  • Coursera Plus: $ 399 urtean
  • doako ikastaroak eskuragarri

Ezaugarriak:

Hasi aurretik zure UX/UI bidaian

Gai zehatz bat edo UX/UI lotutako guztiari buruzko ikasgai zehatz bat bilatzen ari bazara, goiko ikasgaiek behar duzuna estali beharko lukete. Maila, aurrekontu eta ikas-estilo ezberdinetako ikasleei egokitzeko hainbat aukera sartu ditugu zu hasteko. Eta inoiz UX/UI diseinatzaile profesional baten laguntza behar baduzu, horretan espezializatutako freelance diseinatzaile ugari ditugu.