Kujundushuumor

#FAFAFA 50 varjundit

Mõõdukalt sobimatu pilk tobedatele asjadele, mida disainerid teevad ja mida mitte

Meie, disainerid, võtame meie tööd üsna tõsiselt. See artikkel seda ei tee.

1. Kasutage kasutajaliidese raamistikku. Ma tean, et soovite selle kujunduse enda teha. Ma ütlen teile, tulge välja disainisüsteemiga, mis on isegi 10% sama ilus ja laiendatav kui materjalidisain, ja siis me räägime. Seadmed saavad kiiremini ehitada, saate säästa ise aega ja teie kasutajatel pole uute kasutustavade väljatöötamisel nii palju tööd.

2. Lõpetage oma tüpograafiareeglite loomine. Ma tean, et väljamõeldud stiilijuhid näevad Dribbble'is välja suurepärased. Kuid kas teil on seda oma tulemise reeglite nüansside selgitamiseks järgmise 6 kuu arengu osas?

3. Valige 5 värvi (vaadake sellel lingil nr 2). Pane see tööle. Ma tean, et saate sellega hakkama! Oh dang, coolors.co annab teile 5 uut värvi iga kord, kui vajutate tühikuklahvi. Kuum koer!

4. Muutke oma hallid tumedamaks. Keegi ei saa seda teksti lugeda. (Aga tõsiselt, ma olen nõus, et see näeb kena välja. Seega jätan selle teie kavanditesse ja lasen devil hiljem seda parandada ).

See on motiveeriv plakat, mida ainult mina oskan lugeda.

5. Sümmeetria pole tegelikult nii oluline. Võib-olla olen see lihtsalt mina, aga ma kulutan liiga palju aega, et saada kõik sümmeetriliseks, kuni ma tsoonin kujunduskoomasse. Minu disainipartner peab mind lõhnavate sooladega varustama.

6. Leidke oma kujundusest kõik õhukesed / kerged fondid ja koondage need ühe raskusega üles. Seejärel avage Font Book ja kustutage kõik oma õhukesed / kerged fondid. Teil pole tõotatud maal neid vaja.

Siin on kasutajaliides, mille tegin Lato Thini abil.

7. Teie kujundus ei ole kunstiteos. Vaata, ma tean, et TE olete ainulaadne lill. Kuid teie kujundus on tööriist, mida keegi kasutab ülesande täitmiseks. Ainult et keegi ei sujuvamaks digitaalse turunduse töövoogu Rembrandti või Jackson Pollockiga. See ei tähenda, et see ei saaks ilus olla! See peaks olema! Ärge lihtsalt laske end piksel umbrohust kinni püüda ja võite toote lõplikust väärtusest ilma jääda. Muutke see visuaalseks, kuid hoidke seda väärtuslikuna.

8. Monitorid muutuvad tohutuks, kuid te ei pea kogu seda ruumi kasutama. Nii algab kogumine.

9. Samuti ei saa tühimikku “raisata”. Laske sellel hingata! Nüüd sa hingad.

10. Oh ja ka (KA!), Et klapp pole asi, mis rakendustes eksisteerib. Järgmine kord, kui teie peaminister palub teil mõned neist graafikutest voldi kohal üles lükata ja tühimiku raiskamist lõpetada, lihtsalt ... noh ... mul pole nõu. Andke mulle teada, kui teie vastus on parem kui „kasutajatel on juhtnupud ja hiired, kes kerivad”, kuna see jääb mõnikord tasaseks.

11. Lõpetage graafikute varjude andmine. Või pannes nad ekraanilt hõljuma. Või tõesti kulutage neile üldse aega. Tootekujunduse diagrammide koostamisel peaksite tegema kolm tahtlikku sammu: 1) Valige õige diagrammi tüüp, 2) kujundage see kergesti arusaadavaks ja 3) täitke see veenvate andmetega. Märkus. Puudub 4) Animeerige oma andmepunktid vastavalt teemale "Teach Me How to Dougie".

12. Juhised, kellele meeldib, ei maksa arveid. Jah, need panevad teid endasse suurepäraselt tundma, kuid pidage meeles, et kui teie disaini ei saa ehitada, siis ei saa ka teie kohandatud sajandi keskpaiga moodsa kodu kaljule ehitada.

13. Uuendusi teha tahvlil, mitte [oma disainirakenduses]. Enne arvuti taha istumist peaks teie idee olema kindlameelne. See ei lähe võluväel eetri alt välja ja avaldub säravates pikslites.

14. Kasutage f_cking ikoonikomplekti! Selles mängus pole häbi. Proovige Nucleo või Nova. Need on suurepärased ja tavaliselt üsna mitmekülgsed. Ja kui sa mõtled isegi kommentaaride lisamisele, öeldes: „Noh, ma töötan tegelikult koos fantastilise visuaalse kujundajaga, kes on imeline ikoonide juures“, siis pidage seda ainult enda jaoks, õnnelik värdjas.

15. Keegi ei armasta teie disaini rohkem kui teie. Välja arvatud teie ema, ilmselt. Aga vaata, me armume oma töösse. Armume teiste disainerite töödesse (kui me ei räägi nende selja taga sh_t). Kuid lõppkokkuvõttes ei huvita teid kasutajad (niivõrd, kui teie seda teete). Ja teie sidusrühmad ei hooli sellest, kui see vastab kasutaja eesmärkidele.

16. Teie kujundus peaks juhinduma väärtusest, mitte kunstist. Oleme juba kindlaks teinud, et te pole Rembrandt ega Pollock. Kuid peale selle peaks see, kuidas te oma tööd kliendil või Dribbble'is esitlete, või teie PM ja arendajad, kajastama alati äri- ja kasutajaväärtust. Ma tean, et meie UX-i disainerid ei pea alati kõike lahedat tegema. Aga saame paiiiiid, eks? Ma arvan, et see on oluline. Oh, ja kasutaja. Jah, kasutaja.

17. Arenguprintide ajal muretsege komponendi tasemel detailide pärast. Ma ei jäta oluliseks selliste asjade nagu rippmenüüde ja fookusseisundite ning ülevoolu olekute ja joonte mähkimise tähtsust, kuid need arutelud on palju pikemad ja loonud välja kontseptuaalsetes etappides ning palju lühemad ja tõhusad väljatöötamise ajal.

18. Iga valesti paigutatud piksel on nagu romaanis trükiviga. Uhke esitluse ja küljenduse üle. Iga pikslit kontrollitakse rohkem kui teie reisibussi riietusruumi juttu.

See oli aegade parim, see oli aegade korts.

19. Kas teate, et üks ekraan, millel on nupu silt, on valesti joondatud? See, millele teie disainimeeskond kohe oma disainiülevaates tähelepanu tõi? Jah ... see üks. See on see, mille turundus veebisaidile paneb

20. Pange oma kihtidele nimi. “Tom.” “Batman.” Ükskõik. Andke neile lihtsalt nimi.

21. Kasutage võre. Ma ei räägi ruudustikust, mis näitavad, kuidas teie logo kujundati koos 713 ringi, ellipsi ja ristkülikuga. Lihtsalt põhiline valge leib, kellukeste ja vilede kolonnitud võre. Täiendavate boonuspunktide saamiseks kasutage seda, mida teie devid kavatsevad kasutada!

22. Kas teate, kuidas dev saate aru, mida te silmas peate? Nad ei tee seda. Ütle neile. Pole e-kirjas. Mitte Slackil. Öelge neile oma sõnadega, mis tulevad suust. Nende nägudele. Kui nad seda pärast seda ikkagi ei saa, siis visake käed meele järele ja mõrvake midagi sellist, nagu “Jony Ive ei pea seda sitta taluma”.

23. Mila Kunis ei kasuta teie turundusrakendust. Samuti ei Obama, Charlie Sheen, Taylor Swift ega The Weeknd. Kasutage pilte inimestest, keda näeksite tänaval kõndimas või kohkunud teid vahtimas, kui kirjutate seda keskmist artiklit Denny's asuvas boksis.

24. Ärge proovige muuta teie järgmist kasutajaliidest "brutalistiks". Ma luban, et te ei tea tegelikult, mida see tähendab. Seda ma kindlasti ei tee ja olen selle kohta lugenud nagu KAKS tervet artiklit. Seal on isegi galerii jõhkrate saitidest ja see ei aita tegelikult. Nii et lihtsalt… ära tee?

Ma ei oska öelda, kas see on kohutav või suurepärane. See on tõenäoliselt märk, mida te ei tohiks kasutada.

25. Võib-olla ei saada teie peaminister teie geeniust. Või äkki te pole geenius ja peaksite nende nõuandeid arvestama. Suurepärane peaminister on see, kes saab toote kohale, kuid on ka selline, et valutab perse. Põhjus on selles, et nad ütlevad asju, mida te tõesti soovite, et nad ei ütleks (kuna neil on tavaliselt õigus), ja siis kaitsete oma disaini kinnistamise vältimise eest get.

26. Vähendage oma kasutajaliidese kujunduse animeerimiseks kulutatud aega, jättes kasutamata kasutajaliidese kujunduse. Jep. Ma kuulen sind. Arvate, et liikumiskujundus on kasside pidžaamad. Lihtsalt mõelge välja, millise funktsiooni soovite oma tootest välja lõigata, et see toimiks. Ja siis kirjutage keskmine artikkel selle kohta, kuidas teie startup nägi hokikepi kasvu, kuna lugesite artiklit Disney animatsiooni põhimõtete kasutamise kohta kasutajaliidese kujundamisel.

Kui olete tegevjuhti veennud, et rippmenüü peaks lendama ekraani paremalt küljelt lendava vaiba kaameli peal, siis saatke oma klientidele kindlasti kena animeeritud gif, kus nad selgitavad, miks see lendav vaip oli parem kui funktsioon nad palusid (PS. Ärge unustage neile saata oma Dribbble'i linki. Nad annavad teile tõenäoliselt rohkem meeldimisi, mis kindlasti maksavad teie töötajate palgad. Eks?).

(PS. Animatsioon on õigesti kasutamisel fantastiline. Lihtsalt ärge pingutage. Enamik kasutajaid ei hooli sellest.)

27-a. Kui te ei suuda mõelda põhjusele, miks esitamise ajal midagi tegite, siis valmistage midagi ette. Nagu „oi, see on lihtsalt midagi, millega eksperimenteerin.” Või „Minu Invisiooni faili ei sünkroonita”.

27-b. Ja kui klient märkab, et teie InVision-fail on tegelikult täielikult sünkroonitud, öelge lihtsalt, et nad lihtsalt ei näe suurt pilti.

28. Lobster on uus koomiksisaan. Seal ma ütlesin seda. Võite nõustuda, kuid te ei saa seda sõnumit näha ja see kummitab teid järgmine kord, kui proovite seda kasutada.

Laadisin selle fondi alla just selle pildi tegemiseks. Ma vannun.

29. Kui Proxima Nova oleks tähtkuju, oleks see Suur Mõmmik. Kõik saavad seda näha, aga kedagi tegelikult ei huvita. Ok, ma olen praegu fontide kopeerimise lõpetanud. Proxima Nova on suurepärane, kuid see on selline nagu sörgipüksid. Nüüd, kui kõik kannavad neid, kas olete tõesti kõik enam nii trendikas?

30. Ärge rääkige oma tagasilükatud kavanditest. Need lükati tagasi. Nad on minevikus, nagu see kohutav soeng, mis teil varem oli. Eemaldage need oma portfellist ja näidake valmis konstruktsioone, kuid ärge unustage seda, mida olete nendest vanematest iteratsioonidest õppinud; see on võti.

„Te peaksite enne seda, kui [juhataja / juhataja / klient] käskis mul seda muuta, peaksite nägema, mida ma TÕELISELT teha tahtsin. Nad olid järgmisel tasemel ja lihtsalt ei saanud seda kätte! ”

Ma pole kunagi seda mängu võitnud, seega aita mind, kui sul on näpunäiteid.

31. Seadistage kiirklahvid. Ma ei taha teie taga seista ja vaadata, kuidas teie käsitööliidese käsitsi meisterdamine toimub aeglaselt nagu 1800. aasta kveeker, seebi keetes. Kasutage oma tööriistu täies mahus. Kui te ei tea, kust alustada, kirjutasime selle kohta kasuliku artikli, mida suhteliselt keegi ei lugenud .

32. Õpeta arendajatele kala püüdma. Ära anna neile kala. Ja "kala" all pean ma silmas iga serva, mida saab ette kujutada või mis tahes võimalikku brauseri laiust võib kasutaja oma LG topelt laiusega, 34 "ekraaniga kokku puutuda. Kui hakkate seda tegema, ootavad nad seda alati. Nad armastavad teid selle eest, kuid tõenäoliselt kannatab teie toode järk-järgult hullumeelsuse laskumisel.

33. Teate seda jubedat paanikatunnet, mis tekib, kui mõistate, et teie disain ei pruugi olla suurepärane? Mina ka mitte!

34. Ei, aga tõsiselt. See vajuv tunne, et jätsid kahe suure tähelepanuta? Ja peate välja mõtlema, kuidas seda parandada, ilma et arendajad teie autot valiksid? Meil kõigil on see juhtunud. Hea uudis on see, et "asi", mille vahele jätate, muutub üha väiksemaks, kui saate kogenenumaks ja teie enda standardid tõusevad. Tehke koostööd oma meeskonnaga ja vähendate need hetked miinimumini.

35. Ärge jätke oma disaini andmete kaitsmisega tagasi. Tavapärasused muutuvad ja kasutajad üllatavad teid alati. Ja ausalt öeldes, kui loote selle pretsedendi, satute lõpuks arendaja poole, kes kaevab üles teie väiteid diskrediteeriva artikli. Selle asemel võtke omaks disaini ebakindlus ja olge selle suhtes oma meeskonnaga aus.

36. Rääkides sellest, kas mäletate hamburgerimenüüsid? See oli imelik aeg. Kas te ei kasuta seda endiselt oma mobiilirakendustes?

Me kõik katsetasime seda nooremana. See on lahe. #YOLO. Märkus. Need on endiselt sobiv lahendus tundlikele veebisaitidele.

37. Kui olete kirjutanud rohkem kui ühe lõigu, mis selgitab ühte ekraani, peaksite seda tõenäoliselt tegema isiklikult. Või lisaboonuspunktide eest, võib-olla tehke kujundus ümber.

38. Kas soovite proovida lahedat gradienti? Vaata ette! See on nagu kihvt pakk. Karm maha tõmmata. Ja isegi kui te seda teete, mõtlete tõenäoliselt lihtsalt selle üle, kas teil seda üldse vaja oli. Kaks toonides pilti ja gradienti on aga hukatuslik.

39. Kas olete „täiskorstna kujundaja?” Olen poolkorstna kujundaja. Ja minu töökaaslane on veerandkorstna arendaja. Ja meile mõlemale meeldib pannkookide virn.

40. Jätkem kodeerimine ekspertidele. Hei vaata, me oleme kõik natuke kodeerinud. Väike CSS. Väike “kontrollimise element” siin ja seal. Kurat, mul läks üks kord pärast pidu React.js-ga isegi natuke imelikuks. Kuid tegelikult on inimesi, kes on selle väljaõppe saanud, ja see on palju kiirem. Veetke aega oma põhioskuste lihvimiseks ja täiustamiseks. Jätkake õppimist, kuid tunnustage oma parimaid oskusi.

Nii et vist pole minus viiskümmend, aga siis pealkiri ei töötaks. Keskenduge suurele pildile (kuidas disain y kõlab, haha). Kui tunnete end siin mingil moel solvatuna, pidage lihtsalt meeles, et tean neid asju ainult seetõttu, et olen neid kõiki teinud või teen ikka veel.

Kui ma ei kavatse meediumite kallale asuda, töötan UX Power Toolsis eskiisiriistade kallal, et muuta teid paremaks, kiiremaks ja tugevamaks disaineriks. Jälgige meid Twitteris @uxpowertools. Jälgige mind ka siis, kui oleks meelelahutust!