Pisike taktika

Kuidas mõista koodi nagu disainer

Õppige lihtsalt piisavalt, et ennast mitte häbistada

Lõpetagem mu provokatiivse avaldusega tagaajamine, et saaksime inimesi, kes tahavad lihtsalt kommentaaride juurde minna ja vallandama hakata, välja rookida:

Disainerid peavad koodist aru saama

Seal. Ma ütlesin seda.

Aga miks? Enamik selle teema ümber loetud artikleid põhineb ühel järgmistest argumentidest:

  • Kodeerimine muudab teid väärtuslikumaks
  • Tööandjad nõuavad seda
  • Võimalik, et ei saa aru, kuidas kujundada ilma koodi õppimata
  • Üsna pea on kogu kujundus koodis (minu isiklik lemmik, kuna seda on korratud juba üle kümne aasta)

Õnneks on teil seal disainerite jaoks ükski neist asjadest täiesti tõsi!

Hinga sügavalt sisse. Lõdvestu. Selle asemel peavad disainerid koodist õppima lõpuks järgmiselt:

1. Lugege, millised raamistikud on populaarsed

Olen seda juba varem maininud ja ütlen seda pidevalt noorematele disaineritele: tehke kõik soovitud kohandatud kujunduse komponendid, kuid olge valmis neid kaitsma, kui proovite veenda arendajaid kohandama täiesti peent tööriistakomplekti või raamistikku.

Jah, paljud kasutavad seda argumendina, et õppida ise koodi. Aga kui vanem arendaja arvab, et teie laua sorteerimisinteraktsioon pole kohandamist väärt, siis kui tark on raisata oma aega ise selle õppimiseks?

Kuid ma kahanen.

Raamistikud on suurepärased, kuna need säästavad inimeste aega. See tähendab, et teha saab rohkem asju ja tooteid saab kiiremini kohale toimetada. Kõik head asjad. Saate seda veelgi paremaks muuta, sukeldudes populaarsetesse raamidesse, nii et te ei lähe oma kujunduses [täielikult] rööbastelt maha.

Vaadake kasutajaliidese raamistikke, nagu Bootstrap, või Javascripti raamistikke, nagu Angular, Vue või Meteor. Ruum areneb kiiresti, nii et võite ka lihtsalt heita pilgu GitHubi trendidele, et näha, millel tasub silma peal hoida: https://github.com/trending/javascript?since=monthly

Sa pead oma karjääris Bootstrapi kasutades kodeerima vähemalt ühe kohutava saidi.

2. Proovige koodikeskseid disainivahendeid

Kui ma alustasin, oli see Flash. Ma armastan seda! Õppisin ActionScript 2.0 piisavalt hästi, et rakendust nullist kodeerida.

Siis aga suri.

Ja siis valisin Windowsi-põhise rakenduse kallal XAML-i ja natuke WPF-i.

Siis see suri.

Ja nii sündis ka minu armastus kunagi midagi uuesti kodeerida.

Kuigi minu püüdlused kodeerijaks saada ebaõnnestusid, aitasid kogemused mõista disaini ja koodi koosmõju. Täna on Framer suurepärane valik, nagu ka Origami. Kumbki ei õpeta teid koodima, kuid mõlemad õpetavad piisavalt põhimõistete õppimiseks.

Pidage meeles: teie eesmärk pole mitte õppida piisavalt oma rakenduse kodeerimiseks, vaid selleks, et osata mõista ja mõista, kuidas disainilahendused teoks saavad.

Olen ka Codepenit laialdaselt kasutanud, et leida kasutajaliidese ideid, mida arendajatega jagada. (https://codepen.io/collection/nwgQRw/)

3. Lugege AI / ML / robotite kohta

Selle kavandamiseks ei pea te kindlasti aru saama infoteadustest ja masinõppest, kuid see väli on kiiresti arenev ja soovite vähemalt aru saada, kuidas see töötab, et saaksite selle kujundada.

Nende mänguväljak on suurepärane koht alustamiseks: https://playground.pandorabots.com/en/quickstart/

Olen kasutanud Pandorabotte looduskeele toimimise mõistmiseks. Kindlasti ei olnud mul kannatust kulutada palju aega kogu robotite kodeerimisele, kuid tegin piisavalt, et saada ülevaade sellest, kuidas eksperdid seda teeksid.

Viimaseks on MIT-il ka mõni infoleht, mis annab toreda ülevaate AI-st:

4. Lisateave andmeskeemide kohta

Pidin seda koolis õppima, kuid kellel pole seda, aitab SQL-i või JSON-i mõistmine mõista, kuidas andmeid teie kujunduses käsitletakse.

Te ei võta enam laisaid laadimis- ja andmevõrke enesestmõistetavana. Proovige mängida selliste tööriistadega nagu import.io või õppige JSON-i tundma.

Import.io annab teile praktilise kogemuse, kuidas näete, kuidas andmed ühenduvad kasutajaliidesega.

5. Järgige UI-le orienteeritud infolehti

Tõsi, ma ei usalda tänapäeval mingil tähendusrikkal viisil kodeerimist. Selle asemel leian infolehtedest palju väärtust. Hästi kureeritud infolehed aitavad teil trendidel silma peal hoida ja sümpaatiline arendaja kirjutab iga natukese aja tagant ilusa artikli, mis lagundab arengut viisil, millega teie pisike disainerite aju hakkama saab. Ma võtan omaks oma pisikese disaineri aju

Olen varem tellinud väga keerulisi allikaid, kuid leian, et hübriidliidese ja UX-i infolehtedest saate siiski palju saada. Mõned head ringid on:

  • Codrops
  • Hei disainer
  • UI häkkimine

Ja see ongi kõik. Disainerina oma töö tegemiseks ei pea te õppima koodide kasutamist. Kuid paremate vestluste pidamiseks, arendajatega tutvumiseks ja paremate kujundusotsuste tegemiseks peaksite end piisavalt sisse võtma ja sukeldama.

Järgmine kord, kui tunnete vajadust hiljaks jääda ja lõpuks kodeerida seda ilmarakendust, mida kogu maailm on oodanud, valige selle asemel Framer.

Kui ma ei kirjuta 1345 625. artiklit selle kohta, kas disainerid peaksid kodeerima, siis töötan UX Power Toolsis visandikujundusriistade kallal, et muuta teid paremaks ja tõhusamaks disaineriks.

Järgige UX-i tööriistu Twitteris
Võtke minuga otse ühendust