Дизайн Хумор

50 нюанса на #FAFAFA

Умерено неподходящ поглед към глупавите неща, които дизайнерите правят и не правят

Ние дизайнерите приемат работата ни доста сериозно. Тази статия не го прави.

1. Използвайте UI рамка. Знам, че искате да направите този дизайн свой собствен. Казвам ви какво, измислете със система за дизайн дори 10% толкова красива и разтегателна като Material Design и тогава ще поговорим. Разработването може да се изгради по-бързо, можете да си спестите време и потребителите ви няма да имат толкова работа, за да измислят нови правила за използване.

2. Спрете да създавате свои собствени правила за типография. Знам, че ръководствата за фантазия изглеждат великолепно на Dribbble. Но наистина ли го имате в себе си, за да обясните нюансите на вашите правила за кернинг към развитието за следващите 6 месеца?

3. Изберете 5 цвята (проверете # 2 в тази връзка). Накарайте да работи. Знам, че можете да го направите! О, да, coolors.co ви дава 5 нови цвята всеки път, когато натиснете интервала си. Хот дог!

4. Направете сивите си по-тъмни. Никой не може да прочете този текст. (Сериозно, съгласен съм, че изглежда хубаво. Затова го оставям във вашите дизайни и оставям на Dev да го поправи по-късно ).

Това е мотивационен плакат, който само аз мога да чета.

5. Симетрията наистина не е толкова важна. Може би това съм само аз, но прекарвам прекалено много време, за да си направя всичко симетрично, докато не изпадна в зона на дизайнерска кома. Моят партньор по дизайна трябва да ме събуди отново с миришещи соли.

6. Намерете всички тънки / леки шрифтове във вашия дизайн и ги набийте с една тежест. След това отворете Font Book и изтрийте всичките си тънки / леки шрифтове. Няма да ви трябват в Обещаната земя.

Ето един потребителски интерфейс, който направих с Lato Thin.

7. Вашият дизайн не е произведение на изкуството. Виж, знам, че ТИ си уникално цвете. Но вашият дизайн е инструмент, който някой използва за изпълнение на задача. Никой не оптимизира своя работен процес в дигиталния маркетинг с Рембранд или Джексън Поллок. Това не означава, че не може да бъде красиво! Трябва да бъде! Просто не се хващайте на пикселните плевели и в крайна сметка губите представа за крайната стойност на продукта. Направете го визуално, но го поддържайте ценен.

8. Мониторите стават огромни, но не е необходимо да използвате цялото това пространство. Ето как започва прибирането.

9. Също така бялото пространство не може да бъде „пропиляно“. Нека диша! Сега дишате.

10. О, също, (СЪЩО!), „Сгъването“ не е нещо, което съществува в приложенията. Следващият път, когато вашият премиер ви помоли да „натрупате някои от тези графики над фолда и да спрете да губите бяло пространство“, просто… е… нямам съвет. Кажете ми дали имате по-добър отговор от „потребителите имат тракпад и мишки, които превъртат“, защото това понякога се изравнява.

11. Спрете да давате сензорите на своите диаграми. Или да ги накара да отплуват от екрана. Или наистина да отделяте време за тях. Има три умишлени стъпки, които трябва да предприемете, когато създавате графики за вашите дизайни на продукти: 1) Изберете правилния тип диаграма, 2) Проектирайте го, за да бъде лесно разбираем и 3) Напълнете го с убедителни данни. Забележка: Няма 4) Анимирайте вашите данни за мелодията на „Научи ме как да Дъги“.

12. "Харесвания" на дрибъл не плащайте сметките. Да, те ви карат да се чувствате чудесно в себе си, но само не забравяйте, ако дизайнът ви не може да бъде изграден, тогава и вашият персонализиран дом от средата на века на скала не може да бъде изграден.

13. Иновавайте се на бялата дъска, а не в [приложението ви за дизайн]. Идеята ви трябва да бъде твърда, преди да седнете пред компютъра си. Няма да се появи магически от етера и да се прояви в блестящи пиксели.

14. Използвайте набор от икони f_cking! Няма срам в тази игра. Опитайте Nucleo или Nova. Те са страхотни и обикновено са много гъвкави. И ако дори мислите да добавите коментар, за да кажете: „Ами аз всъщност работя с фантастичен визуален дизайнер, който е невероятен в иконите“, тогава просто запазете това за себе си, късметлия копеле.

15. Никой не обича вашия дизайн повече от вас. С изключение на майка ти, вероятно. Но вижте, ние се влюбваме в работата си. Влюбваме се в работата на други дизайнери (когато не говорим sh_t зад гърба им). Но в крайна сметка вашите потребители изобщо не ги интересуват (доколкото сте го направили). И на заинтересованите страни няма да им пука, стига да удовлетворява целите на потребителя.

16. Вашият дизайн трябва да се корени в стойност, а не в изкуство. Вече установихме, че не сте Рембранд или Поллок. Но освен това, начинът, по който представяте работата си, или на Dribbble, на клиент, или на вашия PM и разработчици, винаги трябва винаги да отразява стойността на бизнеса и потребителя. Знам, че UX дизайнерите не винаги се справят с всички готини неща. Но ние получаваме paiiiiid, нали? Мисля, че това е важно. О, и потребителят. Да, потребителят.

17. Тревожете се за подробности на ниво компонент по време на спринтове за развитие. Не намалявам значението на неща като падащи и съсредоточени състояния, състояния на преливане и преливане на линии, но тези дискусии са много по-дълги и се извличат по време на концептуални фази и много по-кратки и ефективни по време на разработване.

18. Всеки неправилно поставен пиксел е като печатна грешка в роман. Гордейте се с презентацията и оформлението. Всеки един пиксел ще бъде разгледан повече от разговора на съблекалнята на автобуса ви.

Това беше най-доброто време, беше най-страшното време.

19. Знаете ли, че един екран, който има етикет с бутон, не е подреден? Този, който вашият дизайнерски екип посочи веднага в прегледа на вашия дизайн? Да ... този. Това е единственият маркетинг ще бъде публикуван на уебсайта

20. Назовете слоевете си. - Том. - Батман. Просто им дайте име.

21. Използвайте решетка. Не говоря за решетките, които показват как вашето лого е проектирано със 713 кръга, елипси и правоъгълници. Просто основен, бял хляб, без камбани и свирки, колонизирана решетка. За допълнителни бонус точки, използвайте този, който вашите разработчици ще използват!

22. Знаеш ли как дев ще „получи” какво имаш предвид? Те няма да Да им кажа. Не в имейл. Не на Slack. Кажете им с думите си, излизащи от гласа на устата ви. Към лицата им. Ако все още не го получат след това, просто хвърлете раздразнени ръце и мърморете нещо от рода на „Джони Айв не трябва да се примирява с това лайно.“

23. Мила Кунис не използва маркетинговото ви приложение. Нито пък Обама, Чарли Шийн, Тейлър Суифт, нито The Weeknd. Използвайте снимки на хора, които бихте виждали да се разхождате по улицата или неловко да се вглеждате в вас, докато пишете тази медийна статия на щанд на Дени.

24. Не се опитвайте да направите следващия си потребителски интерфейс „бруталист“. Обещавам, вие всъщност не знаете какво означава това. Със сигурност не съм и съм чел като ДВА цели статии за това. Има дори галерия от брутални сайтове и това не помага. Така че просто ... не?

Не мога да разбера дали това е ужасно или страхотно. Това вероятно е знак, че не трябва да го използвате.

25. Може би Вашият премиер не "получава" вашия гений. Или може би не сте гений и трябва да вземете техните съвети. Страхотният премиер е този, който получава продукт, но също е вид болка в задника. Това е така, защото те казват неща, които наистина искате да не кажат (защото обикновено са правилни) и след това получавате защита, за да избегнете фиксирането на дизайна си .

26. Съкратете времето си, прекарано в анимация на вашия UI дизайн, като не анимирате вашия UI дизайн. Да. Чувам те. Наистина смятате, че дизайнът на движението е пижамата за котки. Просто разберете коя функция искате да изрежете от продукта си, за да го направите. И след това напишете средна статия за това как стартъпът ви видя ръст на хокейните пръчки, защото прочетохте статия за използването на принципите на Disney анимация в дизайна на потребителския интерфейс.

След като убедите изпълнителния директор, че падащото ви място трябва да лети от дясната страна на екрана върху камила на летящ килим, тогава не забравяйте да изпратите хубав анимиран .gif на клиентите си, в който да обясни защо този летящ килим е по-добър от функцията те поискаха (PS. Не забравяйте да им изпратите връзката си Dribbble. Вероятно ще ви дадат повече харесвания, които със сигурност ще плащат заплатите на вашите служители. нали?).

(PS. Анимацията е фантастична, когато се използва правилно. Просто не прекалявайте. Повечето потребители няма да се интересуват.)

27-а. Ако не можете да измислите причина, поради която сте направили нещо, когато се представяте, направете нещо. Като „о, това е нещо, с което експериментирам.“ Или „Файлът ми Invision не се синхронизира.“

27-б. И ако клиентът забележи, че Вашият файл InVision е в действителност напълно синхронизиран, просто им кажете, че просто не виждат голямата картина.

28. Омарът е новият Comic Sans. Там го казах. Можете да не сте съгласни, но не можете да видите това съобщение и то ще ви преследва следващия път, когато се опитате да го използвате.

Изтеглих този шрифт само за да направя това изображение. Кълна се.

29. Ако Proxima Nova беше съзвездие, това щеше да е Големият копач. Всеки може да го види, но никой наистина не го интересува. Добре, засега свършвам шрифтове. Proxima Nova е страхотна, но прилича на джогинг панталони. Сега, когато всички ги носят, наистина ли сте вече толкова модерен?

30. Спрете да говорите за отхвърлените ви дизайни. Те бяха отхвърлени. Те са в миналото, като онази ужасна прическа, която сте имали преди. Извадете ги от портфолиото си и покажете създадените дизайни, но не изпускайте от поглед какво сте научили от тези по-стари итерации; това е ключово.

„Трябва да видите какво наистина искам да направя, преди [PM / dev / клиентът] да ми каже да го променя. Те бяха на следващо ниво и просто не го получиха! ”

Никога не съм печелил тази игра, така че помогнете ми, ако имате някакви съвети.

31. Настройте горещи клавиши. Не искам да стоя зад теб и да те гледам как бавно изработваш занаятчийския си потребителски интерфейс като сапун на Quaker от 1800 г. на Quaker. Използвайте инструментите си в пълния си потенциал. Ако не знаете откъде да започнете, написахме полезна статия по въпроса, която сравнително никой не чете .

32. Учете разработчиците да ловят риба. Не им давайте риба. И под „риба“ имам предвид всеки краен случай да си представите, че е възможно или всяка възможна ширина на браузъра, който потребител може да срещне със своя LG, двойно широк, 34 “монитор. Когато започнете да правите това, те винаги ще го очакват. Ще ви харесат. защото го правите, но вашият продукт вероятно ще страда, докато постепенно се спускате в безумие.

33. Знаете ли, че това ужасно паническо чувство, което получавате, когато осъзнаете, че дизайнът ви може да не е страхотен? Нито пък аз!

34. Не, но сериозно. Това потъващо чувство, че сте пренебрегнали нещо голямо? И трябва да измислите как да го поправите, без вашите разработчици да въведат вашия автомобил? Всички имаме това да се случи. Добрата новина е, че това нещо, което пропускате, става все по-малко и по-малко, когато ставате по-опитни и вашите собствени стандарти се повишават. Работете с вашия екип и вие ще сведете до минимум тези моменти.

35. Не се отказвайте да защитавате дизайна си с данни. Конвенциите се променят и потребителите винаги ще ви изненадват. И честно казано, ако зададете този прецедент, в крайна сметка ще се натъкнете на програмист, който ще разрови статия, дискредитираща вашите претенции. Вместо това приемете несигурността на дизайна и бъдете честни за това с вашия екип.

36. Говорейки за това, не забравяйте менютата за хамбургер? Това беше странно време. Все още не го използвате в родните си мобилни приложения, нали?

Всички експериментирахме с това, когато бяхме по-млади. Това е готино. #YOLO. Забележка: Те все още са подходящо решение за отзивчиви уебсайтове.

37. Ако сте написали повече от един параграф, обясняващ един екран, вероятно трябва да се справите лично с това. Или за допълнителни бонус точки, може би да повторите дизайна.

38. Мислите ли да опитате хладен градиент? Внимавай! Това е като фанатична опаковка. Трудно за сваляне. И дори да го направите, вероятно просто ще се чудите дали наистина изобщо имате нужда от него. Това каза, две тонизирани изображения и градиенти са допинг.

39. Вие ли сте „пълен дизайнер на стекове?“ Аз съм дизайнер на половин стек. И моят колега е разработчик на четвърти стек. И двамата харесваме купища палачинки.

40. Нека оставим кодирането на експертите. Ей виж, всички сме кодирали малко. Малко CSS. Малко „инспектирайте елемент“ тук и там. По дяволите, дори ми стана малко странно с React.js един път след парти. Но факт е, че има хора, обучени в това, и са много по-бързи. Прекарвайте време за хонинг и усъвършенстване на основните си умения. Продължавай да учиш, но признавай най-добрите си умения.

Така че предполагам, че нямам петдесет в мен, но тогава заглавието няма да работи. Съсредоточете се върху голямата картина (как дизайн-у звучи това, хаха). Ако по някакъв начин се чувствате обидени от нещо тук, просто не забравяйте, че знам само тези неща, защото съм ги правил или все още ги правя.

Когато не работя по Medium, работя над инструментите на Sketch в UX Power Tools, за да ви направя по-добър, бърз и по-силен дизайнер. Следвайте ни в Twitter @uxpowertools. Следвайте и мен, ако се забавлявахте!