Kā uzlabot savas UI / UX dizaina prasmes kā izstrādātājam

Ja jūs pirms četriem gadiem, kad es kļuvu par CS absolventu, man būtu jautājis, kāda veida karjeru es redzēju sev sekojošu, es droši vien būtu teicis jums Java aizmugurējo attīstību vai kaut ko līdzīgu. Es nekad nebiju radošs, jo krāsa atbilst audeklam, tāpēc es īsti neuzskatīju par karjeras ceļu, kas saistīts ar front-end izstrādi un dizainu.

Kā mēs visi zinām, lietas mainās. Karjeras laikā mani arvien vairāk interesē UI izstrāde un dizains. Man savā darbībā ir paveicies, ka esmu saskāries ar front-end attīstību un man ir atļauts ieguldīt laiku prasmju uzlabošanā, kas nepieciešamas, lai es būtu front-end izstrādātājs.

Pēdējo 12 mēnešu laikā es esmu centies uzlabot savu izpratni par lietotāja saskarnes / lietotāja saskarnes dizainu gan personiskas intereses dēļ, gan, lai ļautu man strādāt efektīvāk, strādājot ar dizaineriem.

Šajā ierakstā es vēlētos dalīties ar gūtajām mācībām, savāktajiem resursiem un pieļautajām kļūdām, cerot, ka citi izstrādātāji varēs mācīties no mana ceļojuma.

Satura rādītājs

  • Tas nav tikai talants
  • Skaties, domā, zog
  • Uzziniet teoriju
  • Kaut ko veidot
  • Nepadodies
  • Resursi
  • Secinājums

Tas nav tikai talants

Šis man tagad šķiet acīmredzams, taču bija laiks, kad es domāju, ka dizaineri ir burvji, kas dzimuši ar spēju radīt pārsteidzoša izskata lietotnes un vietnes.

Izrādās, ka viņi tā nav. Viņi tikko ir smagi strādājuši, lai pilnveidotu savu amatu. Tāpat kā dažiem cilvēkiem vieglāk iemācīties kodēt, ir cilvēki, kuriem piemīt dabisks dizaina talants, taču talants nenozīmē daudz bez smaga darba.

Dizains ir kaut kas, ko var iemācīties. Nepieļaujiet kļūdu, ko es izdarīju, un norakstiet sevi, jo neesat radošs tradicionālajā izpratnē. Programmēšanas problēmu risināšana prasa radošumu; domājiet par dizaina izaicinājumu risināšanu tādā pašā veidā.

Skaties, domā, zog

Tāpat kā laba koda lasīšana palīdzēs jums kļūt par labāku izstrādātāju, mācīšanās no tā, ko citi ir radījuši, palīdzēs jums kļūt par labāku dizaineru.

Nākamreiz apmeklējot vietni vai lietojot kādu lietotni, apskatiet to un patiešām padomājiet, kāpēc tā izskatās un rīkojas tā, kā izskatās. Kāpēc elementi tiek novietoti tur, kur tie atrodas? Kāpēc šī poga ir noteikta krāsa? Kāpēc jums ir jāveic darbības noteiktā secībā?

Piemēram, izmantojiet Medium aplausu pogu. Kāpēc viņi vienkārši neizmantoja pogu “Patīk”, tāpat kā visas citas sociālo mediju vietnes? Manuprāt, tas bija gudrs dizains lēmums to nedarīt. Tā vietā viņi spēj nostiprināt kopienas ideju, kas vada vietni, rūpīgi izstrādājot mijiedarbību. Piešķirot rakstam vai atbildei piecdesmit klapus, lietotājam ir vajadzīgs laiks, taču tas palīdz reāli izveidot savienojumu ar skatāmo saturu un personu, kas to izveidojusi.

Tādas vietnes kā Awwwards un Dribbble man pēdējā gada laikā ir izrādījušās nenovērtējamas. Daudzi no manis veidotajiem dizainiem ir guvuši liberālu iedvesmu no citu izcilu dizaineru darbiem.

Uzziniet teoriju

Kad es pirmo reizi sāku salikt savus dizainus, es nevarēju saprast, kāpēc viņi izskatās tik slikti un izturējās. Plūsmas bija neveiklas, krāsas nesakrita un izkārtojumi bija pretrunīgi.

Es domāju, ka es varētu tikai lēkt taisni un izmantot savu attīstības zināšanas kopā ar manu pamatzināšanas par to, kā vietas, būtu jāstrādā, kā lietotājs, un tas varētu izstrādāt sodu.

Es ļoti, ļoti kļūdījos. Es beidzot radīju dizainus no izstrādātāju viedokļa, nevis izmantoju dizaina teoriju kā pamatu.

Izstrādātāji zina, kā vietne darbojas , bet dizaineri zina, kā vietne izturas un jūtas. Pastāv liela plaisa, kuru jūs varat aizpildīt, tikai iegūstot pamatu dizaina zināšanās.

Lai iegūtu pamata izpratni par dizaina teoriju, es galvenokārt izmantoju Medium un Udemy. Saites uz resursiem, kurus izmantoju, varat atrast zemāk esošajā sadaļā.

Kaut ko veidot

Jebkurš izstrādātājs vai CS profesors jums pateiks, ka labākais veids, kā kļūt par labāku programmētāju, ir rakstīt kodu. Tas pats princips attiecas arī uz dizainu.

Nav svarīgi, ko jūs izstrādājat, ja vien jūs no tā mācāties. Izturieties pret to kā pret īstu projektu: domājiet par lietotājiem. Izveidojiet stiepļu rāmjus, maketus un prototipus. Atkārtojiet oriģinālo dizainu, lai to uzlabotu. Varat izmantot tādas vietnes kā Reddit, lai saņemtu atsauksmes par jūsu izveidoto.

Jūs pat varat to savienot pārī, uzlabojot savas attīstības prasmes. Lielāko daļu manu neseno blakusprojektu ir motivējusi kopīga vēlme uzlabot gan savas tīmekļa izstrādes, gan dizaina prasmes. Pēc projekta izstrādes jūs varat to attīstīt un redzēt abas monētas puses.

Šeit ir dažas idejas, kā sākt darbu:

  • Izstrādājiet mijiedarbību. Iedvesmai izmantojiet Medium aplausu pogu.
  • Izstrādājiet lietotni savai iecienītākajai labdarības organizācijai. Padomājiet par dažādiem lietotāju veidiem: potenciāliem, retiem un regulāriem patroniem.
  • Noformējiet savu CV. Padomājiet par izmantotajām krāsām un to nozīmi. Padomājiet par to, kā tiks izmantots jūsu CV . Vai to vienkārši skatīs ekrānā, vai izdrukās? Kā tas ietekmē dizainu?
  • Pārveidojiet esošu vietni. Tas var būt jūsu vietējais transporta pakalpojumu sniedzējs vai globāls zīmols. Salīdziniet savu dizainu ar oriģinālu un padomājiet par atšķirībām no lietotāja viedokļa.
  • Izstrādājiet kaut ko fizisku, piemēram, jaunu transporta veidu vai varbūt alternatīvu kaut kam vienkāršam, piemēram, dakšai vai krēslam. Man šķiet, ka domāšana par ikdienas lietu dizainu ir patiešām noderīgs veids, kā domāt, lai izstrādātu kaut ko intuitīvu.

Nepadodies

Kad es atskatos uz to, ko es izveidoju pirms gada, ir grūti nesarauties. Bet visi kaut kur sākas. Redzēt progresu tajā, ko jūs izveidojat, būs tā vērts. Kamēr jūs mācāties no tā, ko darāt, jūsu laiks tiek labi pavadīts.

Tas varētu palīdzēt regulāri sekot līdzi tam, ko esat iemācījies. Katru mēnesi es atskatos uz dažām lietām, pie kurām esmu strādājis, un cenšos ņemt pēc iespējas vairāk no pieredzes. Pat ja tas ir tikai, lai atpazītu nelielu informāciju, kuru esat ieguvis, lasot rakstu, tas joprojām ir progress.

Resursi

Zemāk ir neliela manu iecienīto rīku, rakstu un kursu kolekcija. Jūs varat atrast daudz vairāk, ko es šeit un šeit neesmu uzskaitījis.

Rīki

Figma - dizains un prototipu veidošana sadarbībā.

FramerX - līdzīgs Figma, bet ar pievienotu React un atklājamiem komponentiem.

Dzesētāji - atklājiet un izveidojiet krāsu paletes.

WebAIM kontrasta pārbaudītājs - pārliecinieties, vai jūsu krāsas ir pieejamas.

Arhetips - tipogrāfijas sistēmas redaktors un ģenerators.

Raksti

7 praktiski padomi krāpšanai dizainā

10 apkrāptu kodi, lai izstrādātu lietotāja saskarnes

10 mazas dizaina kļūdas, kuras mēs joprojām pieļaujam

Dizains labākas formas

Pilns UX piegādātāju saraksts

Psiholoģijas principi, kas jāzina katram UI / UX dizaineram

Kā lietot krāsas lietotāja saskarnes dizainā

16 citāti, kas jums jālasa kā UX dizainers

Produktu dizaina principi vienā kartē

Kursi

Lietotāju pieredzes dizaina pamati - Udemy

Pilnīgs lietotņu dizaina kurss - UX, UI un Design Thinking - Udemy

UXTraining.com

Secinājums

Es ceru, ka jūs varējāt paņemt kaut ko no mana ceļojuma. Ja jums ir dizaina padomi vai resursi, kas jums ir palīdzējuši mācīties, es labprāt tos dzirdētu atbildēs.

Paldies, ka lasījāt!