Designhumor

50 nuancer af #FAFAFA

Et moderat upassende blik på fjollede ting, som designere gør og ikke gør

Us designere tager vores arbejde temmelig alvorligt. Denne artikel gør det ikke.

1. Brug en UI-ramme. Jeg ved, at du vil gøre dette design til dit eget. Jeg siger jer hvad, kom med et designsystem, endda 10% så smukt og strækbart som Materialedesign, og så taler vi. Enheder kan bygge hurtigere, du kan spare dig selv tid, og dine brugere har ikke så meget arbejde med at finde ud af nye brugskonventioner.

2. Stop med at oprette dine egne typografiregler. Jeg ved, at de smarte stilguider ser smukke ud på Dribbble. Men har du det virkelig i dig for at forklare nuancerne i dine khrende regler for udvikling i de næste 6 måneder?

3. Vælg 5 farver (tjek nr. 2 ved det link). Få det til at virke. Jeg ved, du kan gøre det! Oh dang, coolors.co giver dig 5 nye farver, hver gang du trykker på din mellemrumstast. Hotdog!

4. Gør dine grå mørkere. Ingen kan læse den tekst. (Men alvorligt, jeg er enig i, at det ser pænt ud. Så jeg lader det være i dine designs og lader dev ordne det senere ).

Dette er en motiverende plakat, som kun jeg kan læse.

5. Symmetri er virkelig ikke så vigtig. Måske er det bare mig, men jeg bruger en overdreven tid på at få alt symmetrisk, indtil jeg går ud i et design koma. Min designpartner skal vække mig op igen med lugtende salte.

6. Find alle de tynde / lette skrifttyper i dit design, og læg dem sammen med en vægt. Åbn derefter Fontbog og slet alle dine tynde / lette skrifttyper. Du har ikke brug for dem i det lovede land.

Her er en brugergrænseflade, jeg lavede ved hjælp af Lato Thin.

7. Dit design er ikke et kunstværk. Se, jeg ved, at DU er en unik blomst. Men dit design er et værktøj, som nogen bruger til at udføre en opgave. Det er ikke nogen, der strømline deres digitale marketing-arbejdsgang med en Rembrandt eller Jackson Pollock. Det betyder ikke, at det ikke kan være smukt! Det bør være! Bliv bare ikke fanget i pixel ukrudtet og ender med at miste den ultimative værdi af produktet. Gør det visuelt, men hold det værdifuldt.

8. Skærme bliver enorme, men du behøver ikke bruge al den plads. Sådan starter hamstring.

9. Hvidrummet kan heller ikke "spildes." Lad det trække vejret! Nu indånder du.

10. Åh og også, (OGSÅ!), "Folden" er ikke en ting, der findes i apps. Næste gang din premierminister beder dig om at "slå nogle af disse grafer op over folden og stoppe med at spilde hvidrum," bare ... ja ... jeg har ingen råd. Fortæl mig, hvis du har et bedre svar end "brugere har trackpads og mus, der ruller," fordi det undertiden falder fladt.

11. Stop med at give dine diagrammer skygger. Eller få dem til at flyde væk fra skærmen. Eller virkelig bruge nogen tid overhovedet på dem. Der er tre bevidste trin, du skal tage, når du opretter diagrammer til dit produktdesign: 1) Vælg den rigtige diagramtype, 2) Design den til at være let forståelig, og 3) Fyld den med overbevisende data. Bemærk: Der er ingen 4) Animer dine datapunkter til melodien "Lær mig hvordan man Dougie."

12. Dribe "likes" betaler ikke regningerne. Ja, de får dig til at føle dig god til dig selv, men husk bare, hvis dit design ikke kan bygges, så kan dit tilpassede Mid-Century Modern-hjem på en klippe heller ikke bygges.

13. Innovere på tavlen, ikke i [din design-app]. Din idé skal være bunnsolid, inden du sætter dig ned på din computer. Det kommer ikke magisk til at vises ud af eteren og manifestere sig i glitrende pixels.

14. Brug et f_cking-ikonsæt! Der er ingen skam i det spil. Prøv Nucleo eller Nova. De er store og som regel temmelig alsidige. Og hvis du overhovedet overvejer at tilføje kommentarer for at sige, ”Nå, jeg arbejder faktisk med en fantastisk visuel designer, der er fantastisk til ikoner,” bare hold det for dig selv, din heldige jævel.

15. Ingen elsker dit design mere end du gør. Bortset fra din mor, sandsynligvis. Men se, vi forelsker os i vores arbejde. Vi forelsker os i andre designers arbejde (når vi ikke taler sh_t bag deres ryg). Men dine brugere er i sidste ende ikke ligeglade (i det omfang du gør). Og dine interessenter er ligeglade med, så længe det opfylder brugerens mål.

16. Dit design skal være forankret i værdi, ikke kunst. Vi har allerede konstateret, at du ikke er Rembrandt eller Pollock. Men ud over det skal den måde, du præsenterer dit arbejde på Dribbble til en klient, eller din PM og udviklere altid altid altid afspejle forretnings- og brugerværdi. Jeg ved, at UX-designere ikke altid får gjort alle de sjove ting. Men vi får paiiiiid, ikke? Jeg tror, ​​det er det, der betyder noget. Åh, og brugeren. Ja, brugeren.

17. Bekymre dig om detaljer på komponentniveau under udviklingssprints. Jeg diskonterer ikke betydningen af ​​ting som dropdowns og fokustilstande og overløbstilstande og line-indpakning, men disse diskussioner er meget længere og drages i konceptuelle faser og meget kortere og effektive under udvikling.

18. Hver misplaceret pixel er som en skrivefejl i en roman. Vær stolt af præsentation og layout. Hver enkelt pixel bliver undersøgt mere end din tour bus skabsrum tale.

Det var tidenes bedste, det var tidernes vrede.

19. Ved du, at en skærm, der har en knapmærke, er forkert justeret? Det, som dit designteam straks påpegede i din designanmeldelse? Ja… den ene. Det er den, der markedsføres på webstedet

20. Navngiv dine lag. ”Tom.” “Batman.” Uanset hvad. Giv dem bare et navn.

21. Brug et gitter. Jeg taler ikke om de gitter, der viser, hvordan dit logo blev designet med 713 cirkler, ellipser og rektangler. Bare et grundlæggende, hvidt brød, ikke-bjælker og fløjter, kolonnet gitter. For ekstra bonuspoint, brug det, som dine devs vil bruge!

22. Du ved, hvordan dev vil "få" det, du mener? De vil ikke. Fortæl dem. Ikke i en e-mail. Ikke på Slack. Fortæl dem med dine ord, der kommer ud af din mundstemme. Til deres ansigter. Hvis de stadig ikke får det efter det, skal du bare smide hænderne op med bekymring og mumle noget i retning af "Jony Ive behøver ikke at klare sig med denne lort."

23. Mila Kunis bruger ikke din marketingapp. Heller ikke Obama, Charlie Sheen, Taylor Swift eller The Weeknd. Brug billeder af mennesker, som du kunne se gå på gaden, eller stirre ubehageligt på dig, mens du skriver denne Medium-artikel i stand på Denny's.

24. Forsøg ikke at lave din næste UI "Brutalist." Jeg lover, du ved ikke rigtig, hvad det betyder. Jeg ved bestemt ikke, og jeg har læst som to hele artikler om det. Der er endda et galleri med brutalistiske websteder, og det hjælper ikke rigtig. Så bare ... ikke?

Jeg kan ikke se, om dette er forfærdeligt eller godt. Det er sandsynligvis et tegn på, at du ikke bør bruge det.

25. Måske "får" din premierminister ikke dit geni. Eller måske er du ikke et geni, og du bør tage deres råd. En god PM er en, der får produktet sendt, men også er en slags smerte i røvet. Det er fordi de siger ting, du virkelig ønsker, at de ikke ville sige (fordi de normalt har ret), og så bliver du defensiv for at undgå at rette dit design .

26. Skær ned din brugte tid på at animere dit UI-design ved ikke at animere dit UI-design. Yep. Jeg hører dig. Du synes virkelig, bevægelsesdesign er kattepyjamas. Bare regne ud, hvilken funktion du vil skære ud af dit produkt for at få det til at ske. Og skriv derefter en medium artikel om, hvordan din opstart så hockey-stick vækst, fordi du læser en artikel om at bruge Disney-animationsprincipper i UI-design.

Når du overbeviser administrerende direktør om, at din dropdown skal flyve ind fra højre side af skærmen på en kamel på et flyvende tæppe, skal du sørge for at sende et dejligt animeret .gif til dine kunder, der forklarer, hvorfor det flyvende tæppe var bedre end funktionen de bad om (PS. Glem ikke at sende dem dit Dribbble-link. De vil sandsynligvis give dig flere likes, som helt sikkert vil betale dine medarbejders lønninger. Ikke?).

(PS. Animation er fantastisk, når den bruges korrekt. Bare overdriv ikke. De fleste brugere er ligeglade.)

27-a. Hvis du ikke kan tænke på en grund til, at du gjorde noget, når du præsenterede, skal du gøre noget op. Som "åh, det er bare noget, jeg eksperimenterer med." Eller "Min Invision-fil synkroniseres ikke."

27-b. Og hvis klienten bemærker, at din InVision-fil faktisk er fuldt synkroniseret, skal du bare fortælle dem, at de bare ikke ser det store billede.

28. Hummer er den nye Comic Sans. Der sagde jeg det. Du er måske uenig, men du kan ikke se denne meddelelse, og den vil hjemsøge dig næste gang du prøver at bruge den.

Jeg downloadede denne skrifttype bare for at fremstille dette billede. Jeg sværger.

29. Hvis Proxima Nova var en stjernebilled, ville det være Big Dipper. Alle kan se det, men ingen er ligeglad med det. Okay, jeg er færdig med at rippe på skrifttyper lige nu. Proxima Nova er fantastisk, men det er lidt som joggebukser. Nu hvor alle har på sig, er du virkelig alle så trendy længere?

30. Stop med at tale om dine afviste designs. De blev afvist. De har været i fortiden, som den forfærdelige frisyre, du plejede at have. Fjern dem fra din portefølje, og vis de design, der blev bygget, men tab ikke det, du lærte af de ældre iterationer; dette er nøglen.

”Du skulle se, hvad jeg VIRKELIGT ville gøre, før [PM / dev / klienten] fortalte mig at ændre det. De var næste niveau, og de fik det bare ikke! ”

Jeg har aldrig vundet dette spil, så hjælp mig, hvis du har nogle tip.

31. Indstil genvejstaster. Jeg ønsker ikke at stå bag dig og se dig langsomt håndhåndtere din håndværksgrænseflade som en 1800-tals Quaker whittling sæbe. Brug dine værktøjer til deres fulde potentiale. Hvis du ikke ved, hvor du skal starte, skrev vi en nyttig artikel om dette, som relativt ingen læste .

32. Lær udviklere at fiske. Giv dem ikke fisk. Og med "fisk" mener jeg, at alle kanter kan forestille sig stand eller enhver mulig browserbredde, som en bruger måtte møde med deres LG, dobbeltbredt, 34 "skærm. Når du begynder at gøre det, forventer de altid det. De vil elske dig for at gøre det, men dit produkt vil sandsynligvis lide, når du gradvis falder ned i sindssyge.

33. Du ved, den frygtelige paniske følelse, du får, når du er klar over, at dit design måske ikke er godt? Heller ikke mig!

34. Nej, men alvorligt. Den synkende følelse af, at du overså noget stort? Og du er nødt til at finde ud af, hvordan du løser det uden dine udviklere at indtaste din bil? Vi har alle det, der sker. Den gode nyhed er, at den "ting", du savner, bliver mindre og mindre, når du bliver mere erfaren, og dine egne standarder går op. Arbejd med dit team, så minimerer du disse øjeblikke.

35. Gå ikke tilbage med at forsvare dit design med data. Konventioner ændres, og brugerne vil altid overraske dig. Og helt ærligt, hvis du indstiller denne præcedens, vil du i sidste ende støde på en udvikler, der graver en artikel, der miskrediterer dine påstande. I stedet omfavne usikkerheden omkring design og vær ærlig om det med dit team.

36. Når vi taler om hvilke, husk hamburgermenuer? Det var en underlig tid. Du bruger ikke stadig det i dine oprindelige mobile apps, er du?

Vi eksperimenterede alle med dette, da vi var yngre. Det er cool. #YOLO. Bemærk: De er stadig en passende løsning til lydhøre websteder.

37. Hvis du skrev mere end et afsnit, der forklarer en enkelt skærm, skal du sandsynligvis håndtere dette personligt. Eller for ekstra bonuspoint, måske forny designet.

38. Tænker du på at prøve en cool gradient? Pas på! Det er som en fanny pack. Hårdt at trække af. Og selvom du gør det, vil du sandsynligvis bare undre dig over, om du overhovedet havde brug for det. Når det er sagt, er to tonede billeder og forløb dope.

39. Er du en "full stack designer?" Jeg er en halv stack designer. Og min kollega er en kvart-stack udvikler. Og vi kan begge godt lide bunker med pandekager.

40. Lad os overlade kodning til eksperterne. Hej se, vi har alle kodet lidt. Lidt CSS. Et lille "inspiceringselement" her og der. Helvede, jeg blev endda lidt underlig med React.js en gang efter en fest. Men faktum er, at der er mennesker, der er trænet i dette, og de er meget hurtigere. Brug tid på at finslipere og optimere dine kernefærdigheder. Fortsæt med at lære, men anerkend dine bedste evner.

Så jeg antager, at jeg ikke har halvtreds i mig, men så fungerer titlen ikke. Fokuser på det store billede (hvordan design-y lyder det, haha). Hvis du på nogen måde føler dig fornærmet af noget her, skal du bare huske, at jeg kun ved disse ting, fordi jeg har gjort eller stadig gør dem alle.

Når jeg ikke går i gang med Medium, arbejder jeg på Sketch-værktøjer hos UX Power Tools for at gøre dig til en bedre, hurtigere og stærkere designer. Følg os på Twitter @uxpowertools. Følg mig også, hvis du blev underholdt!