Umor de proiectare

50 de umbre ale #FAFAFA

O privire moderat necorespunzătoare asupra lucrurilor stupide pe care le fac și nu le fac designerii

Proiectanții noștri ne luăm munca în serios. Acest articol nu.

1. Utilizați un cadru UI. Știu că doriți să vă faceți acest design. Vă spun ce, faceți un sistem de design chiar și cu 10% la fel de frumos și extensibil ca Material Design și apoi vom vorbi. Device-urile se pot construi mai repede, vă puteți economisi timp și utilizatorii dvs. nu vor avea la fel de multă muncă pentru a găsi noi convenții de utilizare.

2. Nu mai creați propriile reguli de tipografie. Știu că ghidurile în stil fantezie arată superb pe Dribbble. Dar aveți cu adevărat în voi să explicați nuanțele regulilor dvs. de dezvoltare pentru următoarele 6 luni?

3. Alegeți 5 culori (consultați numărul 2 la linkul respectiv). Fă-o să mearga. Stiu ca o poti face! Oh dang, coolors.co oferă 5 culori noi de fiecare dată când apăsați bara de spațiu. Hot dog!

4. Faceți griurile dvs. mai întunecate. Nimeni nu poate citi textul respectiv. (Dar serios, sunt de acord că arată frumos. Așa că îl las în design-urile voastre și las să-l repar mai târziu ).

Acesta este un afiș motivațional pe care numai eu îl pot citi.

5. Simetria nu este chiar atât de importantă. Poate că sunt doar eu, dar îmi petrec un timp neobișnuit obținând totul simetric, până când ies în virgulă. Partenerul meu de proiectare trebuie să mă trezească cu săruri mirositoare.

6. Găsiți toate fonturile subțiri / ușoare în designul dvs. și ridicați-le cu o greutate. Apoi deschideți Book Book și ștergeți toate fonturile subțiri / ușoare. Nu veți avea nevoie de ele în Țara Promisă.

Iată un UI pe care l-am făcut folosind Lato Thin.

7. Designul dvs. nu este o piesă de artă. Uite, știu că TU ești o floare unică. Dar designul tău este un instrument pe care cineva îl folosește pentru a îndeplini o sarcină. Nimeni nu-și eficientizează fluxul de lucru de marketing digital cu un Rembrandt sau Jackson Pollock. Asta nu înseamnă că nu poate fi frumos! Ar trebui să fie! Doar nu vă lăsați prins de buruieni pentru pixeli și nu ajungeți să pierdeți din vedere valoarea finală a produsului. Faceți-l vizual, dar păstrați-l valoros.

8. Monitoarele devin imense, dar nu trebuie să folosiți tot spațiul respectiv. Așa începe pornirea.

9. De asemenea, spațiul alb nu poate fi „irosit”. Lasă-l să respire! Acum respiri.

10. Oh, și, de asemenea, „ÎNCHEIERE” nu este un lucru care există în aplicații. Data viitoare când prim-ministrul vă va cere să „ridicați unele dintre acele grafice deasupra faldului și să nu mai pierdeți spațiul alb”, doar… bine… nu am niciun sfat. Anunțați-mă dacă aveți un răspuns mai bun decât „utilizatorii au trackpad-uri și șoareci care defilează”, deoarece asta se întâmplă uneori.

11. Nu mai dați graficul dvs. umbre. Sau făcându-i să plutească de pe ecran. Sau într-adevăr petreceți timp la ele. Există trei pași deliberați pe care trebuie să-i faceți atunci când creați diagrame pentru designul produsului dvs.: 1) Alegeți tipul corect de diagramă, 2) Proiectați-l pentru a fi ușor de înțeles și 3) Completați-l cu date convingătoare. Notă: Nu există 4) Animă-ți punctele de date către melodia „Învață-mă cum să mă îndoiesc”.

12. Dribbble-ul „îi place” nu plătește facturile. Da, te fac să te simți grozav cu tine, dar nu uita decât dacă designul tău nu poate fi construit, atunci casa ta personalizată modernă de pe mijlocul unei stânci nu poate fi construită.

13. Inovați pe tablă, nu în [aplicația dvs. de design]. Ideea ta ar trebui să fie solidă înainte de a te așeza la computer. Nu va apărea în mod magic din eter și se va manifesta în pixeli strălucitori.

14. Folosiți un set de pictograme f_cking! Nu este nicio rușine în acel joc. Încercați Nucleo sau Nova. Sunt grozave și de obicei destul de versatile. Și dacă te gândești chiar să adaugi comentarii pentru a spune: „Ei bine lucrez cu un designer vizual fantastic, care este uimitor la icoane”, atunci păstrează-ți asta singur, nenorocit norocos.

15. Nimeni nu iubește designul tău mai mult decât tine. Cu excepția mamei tale, probabil. Dar uite, ne îndrăgostim de munca noastră. Ne îndrăgostim de munca altor designeri (atunci când nu vorbim din spatele lor). Însă utilizatorilor dvs. nu le pasă cu adevărat (în măsura în care faceți acest lucru). Și părțile interesate nu vor avea grijă, atât timp cât aceasta îndeplinește obiectivele utilizatorului.

16. Designul dvs. ar trebui să fie înrădăcinat în valoare, nu în art. Am stabilit deja că nu sunteți Rembrandt sau Pollock. Dar, dincolo de asta, modul în care vă prezentați munca, fie pe Dribbble, unui client, fie a PM și a dezvoltatorilor ar trebui să reflecte întotdeauna valoarea afacerii și a utilizatorului. Știu că designerii UX nu întotdeauna trebuie să facă toate lucrurile frumoase. Dar primim paiiiiid, nu? Cred că asta este ceea ce contează. Oh, și utilizatorul. Da, utilizatorul.

17. Vă faceți griji pentru detaliile la nivel de componente în timpul sprinturilor de dezvoltare. Nu subliniez importanța lucrurilor precum derulările și stările de concentrare și stările de preaplin și înfășurarea liniei, dar aceste discuții sunt mult mai lungi și trase în fazele conceptuale și mult mai scurte și eficiente în timpul dezvoltării.

18. Fiecare pixel înlocuit greșit este ca un tipar într-un roman. Aveți mândrie de prezentare și aspect. Fiecare pixel va fi examinat mai mult decât discuțiile din vestiarul din autobuzul turistic.

Era cea mai bună dintre vremuri, era cea mai tare a vremurilor.

19. Știi că un ecran care are o etichetă de buton a fost aliniat greșit? Cel pe care echipa de proiectare l-a subliniat imediat în recenzia de proiectare? Da ... acela. Acesta este singurul marketing pe site-ul web

20. Numește-ți straturile. „Tom.” „Batman”. Dă-le un nume.

21. Folosiți o grilă. Nu vorbesc despre grilele care arată cum a fost proiectat logo-ul dvs. cu 713 cercuri, elipsuri și dreptunghiuri. Doar o pâine albă de bază, fără clopote și fluiere. Pentru puncte bonus suplimentare, folosiți-l pe cel pe care îl vor utiliza devs-ul dvs.!

22. Știi cât de dev va „obține” ce vrei să spui? Ei nu vor. Spune-le. Nu într-un e-mail. Nu pe Slack. Spune-le cu cuvintele tale care ies din vocea gurii. Spre chipurile lor. Dacă tot nu o obțin după aceea, aruncați-vă mâinile în sus, exasperate și mormăiți ceva de genul „Jony Ive nu trebuie să facă față cu această rahat”.

23. Mila Kunis nu utilizează aplicația dvs. de marketing. Nici Obama, Charlie Sheen, Taylor Swift sau The Weeknd. Utilizați imagini cu ființe umane pe care le-ați văzut mergând pe stradă sau vă privește neplăcut în timp ce scrieți acest articol mediu în standul lui Denny.

24. Nu încercați să faceți următorul dvs. utilizator „Brutalist”. Promit, nu știți cu adevărat ce înseamnă asta. Cu siguranță, nu și am citit ca DOUĂ articole întregi despre asta. Există chiar și o galerie de site-uri brutaliste și nu prea ajută. Doar ... nu?

Nu pot să spun dacă este groaznic sau grozav. Este probabil un semn că nu ar trebui să-l utilizați.

25. Poate că premierul tău nu-ți „primește” geniul. Sau poate că nu sunteți un geniu și ar trebui să le luați sfaturile. Un prim ministru este cel care primește produs livrat, dar, de asemenea, este un fel de durere în fund. Acest lucru se datorează faptului că spun lucrurile pe care într-adevăr le-ați dori să nu le spună (pentru că de regulă au dreptate), iar apoi veți primi apărare pentru a evita să vă remediați designul .

26. Reduceți-vă timpul petrecut în animarea designului dvs. de utilizator fără a vă anima design-ul UI. Da. Te aud. Chiar credeți că designul de mișcare este pijamaua pisicilor. Dă-ți seama care este caracteristica pe care vrei să o tai din produsul tău, pentru ca acesta să se realizeze. Și apoi scrieți un articol mediu despre modul în care startul dvs. a văzut creșterea hochei-stick-ului, deoarece ați citit un articol despre utilizarea principiilor de animație Disney în designul UI.

După ce-l convingiți pe CEO că meniul dvs. ar trebui să acopere din partea dreaptă a ecranului pe o cămilă de pe un covor zburător, atunci asigurați-vă că trimiteți un .gif frumos animat clienților dvs. explicând de ce acel covor zburător a fost mai bun decât funcția au cerut (PS. Nu uitați să le trimiteți link-ul dvs. Dribbble. Probabil că vă vor oferi mai multe like-uri, care vor plăti cu siguranță salariile angajaților dvs. nu?).

(PS. Animația este fantastică atunci când este utilizată corect. Nu o exagerați. Majoritatea utilizatorilor nu le pasă.)

27-a. Dacă nu vă puteți gândi la un motiv pentru care ați făcut ceva când v-ați prezentat, alcătuiți ceva. Cum ar fi „oh, asta este doar ceva cu care experimentez” sau „Fișierul meu Invision nu se sincronizează”.

27-b. Și dacă clientul observă că fișierul dvs. InVision este de fapt sincronizat complet, spuneți-le pur și simplu că nu văd imaginea cea mai mare.

28. Lobster este noul Comic Sans. Acolo, am spus-o. Este posibil să nu fiți de acord, dar nu puteți vedea acest mesaj și vă va bântui următoarea dată când încercați să îl utilizați.

Am descărcat acest font doar pentru a realiza această imagine. Jur.

29. Dacă Proxima Nova ar fi o constelație, ar fi Big Dipper. Toată lumea o poate vedea, dar nimănui nu îi pasă cu adevărat. Bine, am terminat de fonturi deocamdată. Proxima Nova este excelent, dar este cam ca pantalonii jogger. Acum că toată lumea le poartă, mai sunteți cu adevărat atât de trendy?

30. Nu mai vorbi despre desenele tale respinse. Au fost respinși. Au fost în trecut, ca acea coafură groaznică pe care ai avut-o. Eliminați-le din portofoliul dvs. și afișați design-urile construite, dar nu pierdeți din vedere ceea ce ați învățat din acele iterații mai vechi; aceasta este cheia.

„Ar trebui să vedeți ce mi-am dorit într-adevăr să fac înainte ca [PM / dev / clientul] să-mi spună să o schimb. Au fost nivelul următor și pur și simplu nu l-au obținut! "

Nu am câștigat niciodată acest joc, așa că ajută-mă dacă ai sfaturi.

31. Configurați tastele rapide. Nu vreau să stau în spatele tău și să te urmăresc încetul cu încetul să-ți creezi UI-ul artizanal ca un săpun de Quaker din 1800. Folosiți-vă instrumentele la potențialul lor maxim. Dacă nu știți de unde să începeți, am scris un articol util despre acest lucru pe care nu l-a citit relativ nimeni .

32. Învață-i pe dezvoltatori să pescuiască. Nu le dați pește. Și prin „pește” mă refer la fiecare carcasă de margine imaginată capabilă sau orice lățime posibilă a browserului pe care un utilizator l-ar putea întâlni cu monitorul lor LG, dublu lat, 34 ". Când începeți să faceți asta, ei se vor aștepta mereu. pentru că a făcut-o, dar produsul dvs. va suferi probabil, pe măsură ce cobori treptat în nebunie.

33. Știi senzația aceea oribilă de panicky pe care o primești când îți dai seama că designul tău ar putea să nu fie grozav? Nici eu!

34. Nu, dar în serios. Sentimentul acela scufundat că ai trecut cu vederea ceva mare? Și trebuie să-ți dai seama cum să-l repari fără ca dezvoltatorii tăi să-ți pună mașina? Toți avem așa ceva. Vestea bună este că acel „lucru” care îți lipsește devine din ce în ce mai mic pe măsură ce devii mai experimentat și propriile standarde cresc. Lucrează cu echipa ta și vei minimiza aceste momente.

35. Nu reveniți să vă apărați designul cu date. Convențiile se schimbă, iar utilizatorii vă vor surprinde mereu. Și sincer, dacă setați acel precedent, veți ajunge în cele din urmă la un dezvoltator care va săpa un articol care discredită revendicările. În schimb, îmbrățișează incertitudinea designului și fii sincer cu asta în echipa ta.

36. Vorbind despre care, vă amintiți de meniurile de hamburger? A fost o perioadă ciudată. Încă nu îl folosești în aplicațiile mobile native?

Cu toții am experimentat cu asta când eram mai tineri. E cool. #YOLO. Notă: Încă sunt o soluție adecvată pentru site-uri web responsive.

37. Dacă ați scris mai mult de un paragraf în care se explică un singur ecran, atunci ar trebui să vă ocupați probabil de aceasta. Sau pentru puncte bonus suplimentare, poate reface designul.

38. Te gândești să încerci un gradient rece? Ai grija! Este ca un pachet fanny. Greu de tras. Și chiar dacă o faceți, probabil vă veți întreba dacă aveți nevoie de el cu adevărat. Acestea fiind spuse, două imagini tonificate și gradiente sunt obținute.

39. Sunteți un „proiectant full stack?” Sunt un designer cu jumătate de stivă. Și colegul meu este un dezvoltator de un sfert. Și amândoi ne plac stivele de clătite.

40. Să lăsăm codificarea experților. Hei, uite, am codificat puțin. Puțin CSS. Puțin „inspectați elementul” aici și acolo. La naiba, chiar m-am cam ciudat cu React.js o dată după o petrecere. Dar, este faptul că există oameni instruiți în acest sens și sunt mult mai rapide. Petreceți-vă timp onorificându-vă și perfecționând abilitățile de bază Continuați să învățați, dar recunoașteți-vă cele mai bune abilități.

Deci cred că nu am cincizeci în mine, dar atunci titlul nu ar funcționa. Concentrează-te pe imaginea de ansamblu (cum sună design-y, haha). Dacă te simți în vreun fel jignit de orice, amintiți-vă doar că știu aceste lucruri, deoarece le-am făcut sau le fac în continuare pe toate.

Când nu mă ocup de Medium, lucrez la instrumente Sketch la UX Power Tools pentru a vă face un designer mai bun, mai rapid și mai puternic. Urmăriți-ne pe Twitter @uxpowertools. Urmărește-mă și pe mine, dacă te-ai distrat!