Pieni taktiikka

Kuinka ymmärtää koodi kuten suunnittelija

Opi vain tarpeeksi, jotta et hämmentyisi itseäsi

Leikkataan jahtaamaan provosoivalla lausunnollani, jotta voimme karsia ihmisiä, jotka haluavat vain siirtyä kommentteihin ja aloittaa ampumisen:

Suunnittelijoiden on ymmärrettävä koodi

Siellä. Sanoin sen.

Mutta miksi? Suurin osa aiheesta lukemistasi artikkeleista perustuu yhteen seuraavista perusteista:

  • Koodaus tekee sinusta arvokkaamman
  • Työnantajat vaativat sitä
  • Et voi ymmärtää, kuinka suunnitella voi ilman oppimiskoodia
  • Melko pian kaikki muotoilut tulevat koodilla (henkilökohtainen suosikki, koska tätä on toistettu yli kymmenen vuoden ajan)

Onneksi suunnittelijoillesi, mitkä näistä asioista eivät ole [totta] totta!

Hengitä syvään. Rentoutua. Sen sijaan tässä on mitä suunnittelijoiden on viime kädessä opittava koodista:

1. Opi, mitkä puitteet ovat suosittuja

Olen maininnut tämän aiemmin ja sanon jatkuvasti nuorille suunnittelijoille: tee kaikki haluamasi mukautetun suunnittelun komponentit, mutta ole valmis puolustamaan niitä, kun yrität saada kehittäjät mukauttamaan täydellisen hienon työkalusarjan tai kehyksen.

Kyllä, monet käyttävät tätä perusteena oppiakseen koodin itse. Mutta jos vanhempi kehittäjä uskoo, että pöytien lajitteluvuorovaikutus ei ole mukautuksen arvoinen, niin kuinka älykästä on tuhlata aikaasi oppia sitä itse?

Mutta minä eroan.

Kehykset ovat hienoja, koska ne säästävät ihmisten aikaa. Tämä tarkoittaa, että enemmän asioita voidaan saada aikaan, ja tuote voidaan lähettää nopeammin. Kaikki hyvät asiat. Voit tehdä tämän vieläkin paremmin upottamalla itsesi suosittuihin kehyksiin, jotta et mene [kokonaan] pois kiskoilta suunnittelustasi.

Katso käyttöliittymäkehyksiä, kuten Bootstrap, tai Javascriptiä, kuten Angular, Vue tai Meteor. Tila kehittyy nopeasti, joten voit myös vain katsoa GitHubin suuntauksia nähdäksesi, mitä kannattaa pitää silmällä: https://github.com/trending/javascript?since=monthly

Sinun on koodattava ainakin yksi kauhea sivusto Bootstrap-ohjelmalla urallasi.

2. Kokeile koodisuuntautuneita suunnittelutyökaluja

Kun aloitin, tämä oli Flash. Rakastin sitä! Opisin ActionScript 2.0: ta riittävän hyvin sovelluksen koodaamiseksi tyhjästä.

Mutta sitten se kuoli.

Ja niin sitten poimin XAML: n ja vähän WPF: ää työskenteleessäni Windows-pohjaisessa sovelluksessa.

Sitten se kuoli.

Ja samoin rakkauteni koodata jotain uudestaan.

Vaikka pyrkimykset koodaajaksi epäonnistuivat, kokemukset auttoivat minua ymmärtämään suunnittelun ja koodin vuorovaikutusta. Nykyään Framer on loistava valinta, samoin kuin Origami. Kumpikaan ei opeta sinua koodaamaan, mutta molemmat opettavat sinut tarpeeksi oppimaan peruskäsitteet.

Muista: Tavoitteesi ei ole oppia tarpeeksi koodata omaa sovellustasi, vaan kyetä tuntemaan itsensä ja ymmärtämään, kuinka suunnittelut elävät.

Olen myös käyttänyt Codepenia laajasti löytääkseen käyttöliittymäideoita, joita jakaa kehittäjille. (Https://codepen.io/collection/nwgQRw/)

3. Tutustu AI / ML / botteihin

Sinun ei todellakaan tarvitse ymmärtää tietojenkäsittelytiedettä ja koneoppimista suunnitellaksesi sitä, mutta tämä kenttä nousee nopeasti esiin ja haluat ainakin ymmärtää miten se toimii, jotta voit suunnitella sitä.

Heidän leikkipaikka on loistava paikka aloittaa: https://playground.pandorabots.com/fi/quickstart/

Olen käyttänyt Pandorabotsia ymmärtääksesi kuinka luonnollinen kieli toimii. Minulla ei varmasti ollut kärsivällisyyttä viettää paljon aikaa koko botin koodaamiseen, mutta tein tarpeeksi saadakseni ymmärryksen siitä, miten asiantuntijat tekisivät sen.

Viimeiseksi, MIT: llä on myös muutama uutiskirje, joka antaa mukavan yleiskuvan AI: stä:

4. Tutustu datakaavioihin

Minun piti oppia tämä koulussa, mutta niille, joilla ei ole, perus-SQL: n tai JSON: n ymmärtäminen auttaa sinua ymmärtämään, miten tietoja käsitellään suunnittelussa.

Et enää ota laiskaa lataamista ja tietojärjestelmiä itsestäänselvyytenä. Kokeile leikkiä työkaluilla, kuten import.io, tai tutustu JSON: ään alustana.

Import.io antaa sinulle käytännön kokemuksen siitä, kuinka tiedot yhdistyvät käyttöliittymään.

5. Seuraa käyttöliittymään suuntautuvia uutiskirjeitä

Totta, että en sukellu koodaamaan mitään merkityksellistä tapaa nykyään. Sen sijaan löydän paljon arvoa uutiskirjeistä. Hyvin kuratoidut uutiskirjeet auttavat sinua pitämään silmälläsi trendiä, ja sympaattinen kehittäjä kirjoittaa joka kerta kauniin artikkelin, joka hajottaa kehitystä tavalla, jonka pienet suunnittelija-aivot kykenevät käsittelemään. Minä omaksun pienen suunnittelijani

Olen tilannut aikaisemmin erittäin raskaita lähteitä, mutta huomaan, että voit silti saada paljon hybridi UI- ja UX-uutiskirjeistä. Hyviä rounduppeja ovat:

  • Codrops
  • Hei suunnittelija
  • Hakkerointi käyttöliittymä

Ja siinä se on. Sinun ei tarvitse oppia koodittamaan, jotta voit tehdä suunnittelijatyösi. Mutta sinun tulee imeytyä ja upota itsesi tarpeeksi parempaan keskusteluun, seuraamaan kehittäjiä ja tekemään parempia suunnittelupäätöksiä.

Kun seuraavan kerran tunnet tarvetta pysyä myöhässä ja koodata lopulta sääsovellus, jota koko maailma on odottanut, poimi sen sijaan Framer.

Kun en kirjoita 1 345 625. artikkelia siitä, pitäisikö suunnittelijoiden kirjoittaa koodi, työskentelen UX Power Tools -yrityksen Sketch-suunnittelutyökaluilla tehdäkseni sinusta paremman, tehokkaamman suunnittelijan.

Seuraa UX-sähkötyökaluja Twitterissä
Ota minuun yhteyttä suoraan