Suunnitteluhuumori

50 varjostusta #FAFAFA: sta

Kohtalaisen sopimaton katsaus typeräihin asioihin, joita suunnittelijat tekevät ja eivät tee

Me suunnittelijat otamme työmme melko vakavasti. Tämä artikkeli ei.

1. Käytä käyttöliittymän kehystä. Tiedän, että haluat tehdä tämän mallin omallasi. Sanon mitä, keksit jopa 10% suunnittelujärjestelmän, joka on niin kaunis ja laajennettavissa kuin materiaalisuunnittelu ja sitten puhumme. Dev-laitteet voivat rakentua nopeammin, voit säästää aikaa, eikä käyttäjilläsi ole niin paljon työtä uusien käyttötapojen selvittämisessä.

2. Lopeta omien typografiasääntöjen luominen. Tiedän, että hienot tyylioppaat näyttävät upealta Dribbblessa. Mutta onko sinulla todella sitä, että selität kerning-sääntöjesi vivahteita seuraavan 6 kuukauden kehitykseen?

3. Valitse 5 väriä (katso numero 2 kyseisestä linkistä). Saada se toimimaan. Minä tiedän että pystyt siihen! Voi dang, coolors.co antaa sinulle 5 uutta väriä joka kerta, kun painat välilyöntiä. Kuuma koira!

4. Tee harmaat tummemmiksi. Kukaan ei voi lukea sitä tekstiä. (Mutta tosin, olen samaa mieltä siitä, että se näyttää hyvältä. Joten jätän sen malleihisi ja annan dev korjata sen myöhemmin ).

Tämä on motivoiva juliste, jonka vain minä osaan lukea.

5. Symmetria ei todellakaan ole niin tärkeä. Ehkä se on vain minä, mutta vietän kohtuuttoman paljon aikaa saadakseni kaiken symmetriseksi, kunnes vyöryn muotoilun koomaan. Suunnittelukumppanini on herättänyt minut takaisin hajuisilla suoloilla.

6. Löydä suunnittelustasi kaikki ohuet / kevyet kirjasimet ja koota ne yhdellä painolla. Avaa sitten Font Book ja poista kaikki ohuet / kevyet fontit. Et tarvitse niitä luvatussa maassa.

Tässä on käyttöliittymä, jonka tein Lato Thin -sovelluksella.

7. Suunnituksesi ei ole taideteos. Katso, tiedän, että olet ainutlaatuinen kukka. Mutta suunnittelusi on työkalu, jota joku käyttää tehtävän suorittamiseen. Eikä kukaan virtaviivaista digitaalisen markkinoinnin työnkulkuaan Rembrandtilla tai Jackson Pollockilla. Se ei tarkoita, ettei se voi olla kaunista! Sen pitäisi olla! Älä vain tartu pikseliruuhoihin ja lopulta unohdat tuotteen lopullisen arvon. Tee siitä visuaalinen, mutta pidä se arvokkaana.

8. Näytöt kasvavat valtavasti, mutta sinun ei tarvitse käyttää kaikkea tilaa. Näin varastointi alkaa.

9. Välilyöntiä ei voida myöskään hukkaa. Anna sen hengittää! Nyt hengität.

10. Voi ja myös (MYÖS!), "Taita" ei ole asia, jota esiintyy sovelluksissa. Seuraavan kerran kun pääsihteeri pyytää sinua "pompitsemaan joitain niistä kaavioista taiton yläpuolelle ja lopettamaan välilyönnin tuhlaaminen", vain ... noh ... minulla ei ole neuvoja. Kerro minulle, jos vastaus on parempi kuin "käyttäjillä on ohjauslevyjä ja hiiriä, jotka vierittävät", koska se laskee joskus.

11. Älä anna kaavioiden varjoja. Tai saa heidät kellumaan näytöltä. Tai todella viettääksesi heille kaiken aikaa. Tuotteellesi kaavioita luotaessa on tehtävä kolme tarkoituksellista vaihetta: 1) Valitse oikea kaavityyppi, 2) Suunnittele se helposti ymmärrettäväksi ja 3) täytä se vakuuttavalla tiedolla. Huomaa: Ei ole 4) Animoi tietopisteesi "Teach Me How to Dougie" -kappaleen sävyyn.

12. Taputtelevat ”tykkäävät” eivät maksa laskuja. Kyllä, ne saavat sinut tuntemaan itsesi hienoksi, mutta muista vain, jos malliasi ei voida rakentaa, niin myös mukautettua keskikokoista modernia kotiasi kalliolle ei voida rakentaa.

13. Tee innovaatioita taululle, ei [suunnittelusovelluksestasi]. Ideasi tulisi olla erittäin vakaa ennen kuin istut tietokoneesi ääreen. Se ei maagisesti tule esiin eetteristä ja ilmene kiiltävinä pikselinä.

14. Käytä f_cking-kuvakesarjaa! Pelissä ei ole häpeä. Kokeile Nucleoa tai Novaa. Ne ovat hienoja ja yleensä melko monipuolisia. Ja jos aiot jopa lisätä kommentteja sanomalla: "No, minä tosiasiallisesti työskentelen fantastisen visuaalisen suunnittelijan kanssa, joka on hämmästyttävä kuvakkeissa", pidä vain tämä itsellesi, sinä onnekas paskiainen.

15. Kukaan ei rakasta suunnittelusi enemmän kuin sinä. Lukuun ottamatta äitisi, luultavasti. Mutta katso, me rakastumme työhömme. Rakastumme muiden suunnittelijoiden työhön (kun emme puhu sh_t heidän selkänsä takana). Mutta käyttäjistäsi ei lopulta välitä (siinä määrin kuin sinä). Ja sidosryhmät eivät välitä, kunhan ne täyttävät käyttäjän tavoitteet.

16. Suunnittelusi tulisi juurtua arvoon, ei taidetta. Olemme jo todenneet, ettet ole Rembrandt tai Pollock. Mutta sen lisäksi, miten esität työsi joko Dribbblessa, asiakkaalle tai PM: llesi ja kehittäjillesi, tulee aina aina heijastaa yrityksen ja käyttäjän arvoa. Tiedän, että UX-suunnittelijat eivät aina saa tehdä kaikkia hienoja asioita. Mutta saamme paiiiiid, eikö niin? Mielestäni sillä on merkitystä. Voi, ja käyttäjä. Kyllä, käyttäjä.

17. Huoli komponenttitason yksityiskohdista kehityssuuntojen aikana. En jätä huomiotta asioiden, kuten pudotusten ja keskittymistilojen, ylivuotojen ja viivojen kääreiden, merkitystä, mutta nämä keskustelut ovat paljon pidempiä ja piirrettyjä käsitteellisissä vaiheissa ja paljon lyhyempiä ja tehokkaita kehityksen aikana.

18. Jokainen väärin sijoitettu pikseli on kuin kirjoitusvirhe romaanissa. Ole ylpeä esityksestä ja ulkoasusta. Jokaista yksittäistä pikseliä tarkastellaan enemmän kuin kiertomatkabussin pukuhuoneen keskustelua.

Se oli aikojen paras, se oli aikojen ryppy.

19. Tiedätkö, että yksi näyttö, jolla on painike, on kohdistettu väärin? Yksi, jonka suunnittelutiimisi huomautti heti suunnittelun arvioinnissa? Joo ... tuo. Se on se, mitä markkinointi laittaa verkkosivuille

20. Nimeä kerroksesi. “Tom.” “Batman.” Mitä tahansa. Anna heille vain nimi.

21. Käytä ruutua. En puhu ruudukkoista, jotka osoittavat, kuinka logosi on suunniteltu siten, että siinä on 713 ympyrää, ellipsiä ja suorakaiteen muotoa. Vain perusvalkoinen leipä, kellojen ja pillien pilaama ruudukko. Ylimääräisiä bonuspisteitä varten käytä sitä, jota DEVsi aikovat käyttää!

22. Tiedätkö kuinka dev “saa” mitä tarkoitat? He eivät tule. Kerro heille. Ei sähköpostiviestissä. Ei löysällä. Kerro heille sanoillasi, jotka tulevat suustasi. Heidän kasvonsa. Jos he eivät vieläkään saa sitä jälkeenpäin, heitä vain kätensä kiihkeästi ja mutistele jotain, kuten "Jony Iven ei tarvitse pakottaa tätä paskaa".

23. Mila Kunis ei käytä markkinointisovellusta. Ei myöskään Obama, Charlie Sheen, Taylor Swift tai The Weeknd. Käytä kuvia ihmisistä, jotka näit kävelemässä kadulla tai tuijottaen kiusallisesti sinua, kun kirjoitat tätä Medium-artikkelia Denny'sin osastossa.

24. Älä yritä tehdä seuraavasta käyttöliittymästäsi "Brutalist". Lupaan, et tiedä oikeasti mitä se tarkoittaa. En todellakaan ole, ja olen lukenut KAKSI kokonaista artikkelia siitä. Siellä on jopa galleria brutaalisista sivustoista, ja se ei todellakaan auta. Joten vain ... älä?

En osaa sanoa, onko tämä kauhea vai hienoa. Se on todennäköisesti merkki, jota sinun ei pitäisi käyttää sitä.

25. Ehkä pääministerisi ei “saa” neroasi. Tai ehkä et ole nero ja sinun tulee ottaa heidän neuvoja. Suuri PM on se, joka saa tuotteen lähetykseen, mutta on myös sellainen kipu perseessä. Tämä johtuu siitä, että he sanovat asioita, joita todella toivot, etteivät sanoisi (koska heillä on yleensä oikeassa), ja sitten puolustaudut välttämään kuvasi korjaamista .

26. Vähennä käyttöliittymäkuvasi animointiin käytettyä aikaa älä animoimalla käyttöliittymäkuviota. Jep. Kuulen sinut. Luulet todella, että liikesuunnittelu on kissojen pyjamaa. Selvitä vain, minkä ominaisuuden haluat leikata tuotteestasi, jotta se tapahtuisi. Ja sitten kirjoita keskisuuri artikkeli siitä, kuinka käynnistys näki jääkiekko-sauvan kasvua, koska luit artikkelin Disney-animaation periaatteiden käytöstä käyttöliittymäsuunnittelussa.

Kun olet vakuuttanut toimitusjohtajan, että pudotusvalikosi pitäisi lentää näytön oikealta puolelta kamelin lentävällä matolla, lähetä sitten asiakkaillesi mukava animoitu gif, joka selittää miksi lentävä matto oli parempi kuin ominaisuus he pyysivät (PS. Älä unohda lähettää heille Dribbble -linkkiäsi. He todennäköisesti antavat sinulle lisää tykkää, joka maksaa varmasti työntekijöidesi palkat. Eikö?).

(PS. Animaatio on fantastinen, kun sitä käytetään oikein. Älä vain liioittele sitä. Useimmat käyttäjät eivät välitä.)

27-a. Jos et pysty ajattelemaan syytä, miksi teit jotain esittäessäsi, tee jotain. Kuten "Voi, se on vain jotain jota kokeilun." Tai "Invisiotiedostoni ei synkronoidu."

27-b. Ja jos asiakas huomaa, että InVision-tiedostosi on todella synkronoitu, kerro vain heille, että he eivät vain näe suurta kuvaa.

28. Hummeri on uusi Comic Sans. Siellä minä sanoin sen. Saatat olla eri mieltä, mutta et voi poistaa tätä viestiä, ja se kummittelee sinua seuraavan kerran yrittäessäsi käyttää sitä.

Latasin tämän kirjasimen vain tämän kuvan tekemistä varten. Vannon.

29. Jos Proxima Nova olisi tähdistö, se olisi iso merkkipaalu. Kaikki voivat nähdä sen, mutta kukaan ei välitä. Ok, olen kopioinut fontit toistaiseksi. Proxima Nova on hieno, mutta se on sellainen kuin lenkkeilyhousut. Nyt kun kaikki käyttävät niitä, oletko todella enää niin trendikäs?

30. Älä enää puhu hylätyistä malleistasi. Ne hylättiin. He ovat menneisyydessä, kuten tuo hirvittävä kampaus, joka sinulla oli. Poista ne portfoliosta ja esittele rakennetut mallit, mutta älä unohda sitä, mitä olet oppinut vanhemmilta iteraatioilta; tämä on avain.

”Sinun pitäisi nähdä, mitä todella haluaisin tehdä, ennen kuin [pääjohtaja / asiakas / asiakas] käski minun muuttaa sitä. He olivat seuraavan tason eikä he vain saaneet sitä! ”

En ole koskaan voittanut tätä peliä, joten auta minua, jos sinulla on vinkkejä.

31. Aseta pikanäppäimet. En halua seisoa takanasi ja katsella, kuinka käsityö käsittää hitaasti käsityöläisen käyttöliittymäsi kuin 1800-luvun kveekarin valkaiseva saippua. Käytä työkaluja täysimääräisesti. Jos et tiedä mistä aloittaa, kirjoitimme tästä hyödyllisen artikkelin, jota melko kukaan ei lukenut .

32. Opeta kehittäjiä kalastamaan. Älä anna heille kalaa. Ja "kalalla" tarkoitan jokaista reunatapausta, joka kuvittelee kykenevää tai jokaista mahdollista selaimen leveyttä, jonka käyttäjä voi kohdata LG: n, kaksoisleveän, 34 "-näytönsä kanssa. Kun aloitat sen tekemisen, he odottavat sitä aina. He rakastavat sinua sillä teet sen, mutta tuotteesi todennäköisesti kärsii, kun laskeudut vähitellen hulluuteen.

33. Tiedätkö sen kauhistuttavan paniikkisen tunteen, joka syntyy, kun huomaat, että mallisi ei ehkä ole hieno? En minäkään!

34. Ei, mutta vakavasti. Tuo uppoamisen tunne, että unohdat jotain suurta? Ja sinun on selvitettävä, kuinka korjata se ilman, että kehittäjät auttavat autoa? Meillä kaikilla on niin tapahtua. Hyvä uutinen on, että kaipaamasi "asia" pienenee, kun koet enemmän ja omat standardisi nousevat. Tee yhteistyötä tiimisi kanssa ja minimoi nämä hetket.

35. Älä pudota takaisin puolustaessasi malliasi tietoilla. Sopimukset muuttuvat ja käyttäjät yllättävät sinut aina. Ja rehellisesti sanottuna, jos asetat kyseisen ennakkotapauksen, joudut lopulta kehittäjään, joka kaivaa artikkelisi, joka hylkää väitteesi. Sen sijaan omaksua suunnittelun epävarmuus ja olla rehellinen siitä joukkueesi kanssa.

36. Kun muistat hampurilavalikot? Tuo oli outo aika. Et vieläkään käytä sitä omilla mobiilisovelluksillasi?

Me kaikki kokeilimme tätä, kun olimme nuorempia. Siistiä. #ELÄT VAIN KERRAN. Huomaa: Ne ovat edelleen sopiva ratkaisu reagoiviin verkkosivustoihin.

37. Jos kirjoitit useamman kuin yhden kappaleen selittääksesi yhden ruudun, sinun on todennäköisesti käsiteltävä tätä henkilökohtaisesti. Tai ylimääräisiä bonuspisteitä varten, ehkä tee uudelleen malli.

38. Ajattelitko kokeilla viileää gradienttia? Varo! Se on kuin fanny pack. Vaikea vetää pois. Ja vaikka teetkin, luultavasti vain ihmettelet, tarvitaanko todella sitä ollenkaan. Kaksi sävytettyä kuvaa ja kaltevuudet ovat huono.

39. Oletko “täyspinoinen suunnittelija?” Olen puolipinon suunnittelija. Ja työtoverini on neljännespinokehittäjä. Ja me molemmat pidämme pinoja pannukakkuja.

40. Jätä koodaus asiantuntijoiden tehtäväksi. Hei katso, me kaikki olemme koodattu vähän. Hieman CSS. Hieman “tarkista elementti” täällä ja siellä. Helvetti, sain jopa hieman outoa React.js: n kanssa kerran juhlan jälkeen. Mutta tosiasia on, että ihmisiä koulutetaan tähän, ja he ovat paljon nopeampia. Vietä aikaa hiottamalla ja parantamalla ydinosaamistasi. Jatka oppimista, mutta tunnusta parhaat taitosi.

Joten minulla ei ole minussa viisikymmentä, mutta silloin otsikko ei toimisi. Keskity suureen kuvaan (kuinka design-y kuulostaa, haha). Jos sinusta tuntuu millään tavalla loukkaavan jotain täältä, muista vain, että tiedän nämä asiat vain koska olen tehnyt tai silti teemme ne kaikki.

Kun en aio mennä Mediumiin, työskentelen UX-työkalujen Sketch-työkaluilla tehdäksesi sinusta paremman, nopeamman ja vahvemman suunnittelijan. Seuraa meitä Twitterissä @uxpowertools. Seuraa minua myös, jos viihdyt!