Дизайн Юмор

50 оттенков #FAFAFA

Умеренно неуместный взгляд на глупости, которые дизайнеры делают и не делают

Мы, дизайнеры, относимся к нашей работе довольно серьезно. Эта статья не

1. Используйте UI Framework. Я знаю, что вы хотите сделать этот дизайн своим. Я скажу вам, что, придумайте систему дизайна, даже на 10% красивую и расширяемую, как Material Design, и тогда мы поговорим. Разработчики могут создавать быстрее, вы можете сэкономить время, и ваши пользователи не будут так много работать, выясняя новые соглашения об использовании.

2. Прекратите создавать свои собственные правила типографики. Я знаю, что на Dribbble великолепные гиды по стилю выглядят великолепно. Но действительно ли у вас есть объяснение нюансов ваших правил кернинга для разработки на следующие 6 месяцев?

3. Выберите 5 цветов (проверьте № 2 по этой ссылке). Сделай так, чтоб это работало. Я знаю ты сможешь! О черт, coolors.co дает вам 5 новых цветов каждый раз, когда вы нажимаете клавишу пробела. Хот-дог!

4. Сделайте ваши серые темнее. Никто не может прочитать этот текст. (Если серьезно, я согласен, что это выглядит красиво. Поэтому я оставляю это в ваших проектах и ​​позволяю dev исправить это позже ).

Это мотивационный плакат, который только я могу прочитать.

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

6. Найдите все тонкие / легкие шрифты в вашем дизайне и увеличьте их на один вес. Затем откройте книгу шрифтов и удалите все ваши тонкие / легкие шрифты. Вы не будете нуждаться в них в Земле Обетованной.

Вот пользовательский интерфейс, который я сделал с помощью Lato Thin.

7. Ваш дизайн не является художественным произведением. Слушай, я знаю, что ты уникальный цветок. Но ваш дизайн - это инструмент, который кто-то использует для выполнения задачи. Никто не оптимизирует свой рабочий процесс цифрового маркетинга с Рембрандтом или Джексоном Поллоком. Это не значит, что это не может быть красиво! Так должно быть! Просто не попадитесь на пиксельные сорняки и в конечном итоге упустите из виду конечную ценность продукта. Сделайте это визуально, но сохраняйте его ценным.

8. Мониторы становятся огромными, но вам не нужно использовать все это пространство. Вот как начинается накопление.

9. Кроме того, пробел не может быть «потрачен впустую». Пусть он дышит! Теперь ты дышишь.

10. О, а также, (ТАКЖЕ!), «Сгиб» - это не то, что существует в приложениях. В следующий раз, когда ваш премьер попросит вас «поднять некоторые из этих графиков выше сгиба и прекратить тратить пустое пространство», просто… ну… у меня нет совета. Дайте мне знать, если у вас есть лучший ответ, чем «пользователи имеют трекпад и мышь, которые прокручивают», потому что иногда это не получается.

11. Прекратите давать свои графики тени. Или заставляя их плавать с экрана. Или действительно тратить на них какое-то время. Есть три преднамеренных шага, которые вы должны предпринять при создании диаграмм для дизайна вашего продукта: 1) Выберите правильный тип диаграммы, 2) Сделайте так, чтобы он был легко понятен, и 3) Заполните его убедительными данными. Примечание: нет 4) Анимируйте ваши данные указанными мелодиями «Научите меня, как Дуги».

12. Дриббл "любит", не оплачивайте счета. Да, они заставляют вас чувствовать себя прекрасно, но просто помните, что если ваш дизайн не может быть построен, то ваш собственный современный дом середины века на скале также не может быть построен.

13. Инновации на доске, а не в [вашем приложении для дизайна]. Ваша идея должна быть твердой, прежде чем садиться за компьютер. Он не будет волшебным образом появляться из эфира и проявляться в блестящих пикселях.

14. Используйте набор иконок f_cking! В этой игре нет стыда. Попробуйте Nucleo или Nova. Они великолепны и обычно довольно универсальны. И если вы даже думаете добавить комментарий, чтобы сказать: «Ну, я на самом деле работаю с фантастическим визуальным дизайнером, который великолепен в иконах», - тогда просто оставьте это при себе, счастливчик.

15. Никто не любит ваш дизайн больше, чем вы. За исключением твоей мамы, наверное. Но смотрите, мы влюбляемся в нашу работу. Мы влюбляемся в работы других дизайнеров (когда мы не говорим за их спинами). Но вашим пользователям в конечном итоге все равно (в той степени, в которой вы это делаете). И ваши заинтересованные стороны не будут заботиться, пока это удовлетворяет целям пользователя.

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

17. Беспокойство о деталях на уровне компонентов во время разработки. Я не сбрасываю со счетов важность таких вещей, как раскрывающиеся списки и состояния фокуса, состояния переполнения и переноса строк, но эти обсуждения намного более продолжительны и затягиваются на концептуальных этапах и намного короче и эффективнее в процессе разработки.

18. Каждый неуместный пиксель похож на опечатку в романе. Гордитесь презентацией и макетом. Каждый пиксель будет изучен больше, чем ваша беседа в раздевалке туристического автобуса.

Это были лучшие времена, это были самые страшные времена.

19. Вы знаете, что один экран, на котором есть метка кнопки, смещен? Тот, который ваша команда дизайнеров сразу указала в вашем обзоре дизайна? Да ... тот. Это то, что маркетинг будет размещен на сайте

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

21. Используйте сетку. Я не говорю о сетках, которые показывают, как ваш логотип был разработан с 713 кругами, эллипсами и прямоугольниками. Просто простой, белый хлеб, без колокольчиков и решеток с колоннами. Для получения дополнительных бонусных баллов используйте тот, который собираются использовать ваши разработчики!

22. Вы знаете, как dev «получит» то, что вы имеете в виду? Они не будут. Скажи им. Не в электронном письме. Не на слабину. Скажи им своими словами, исходящими из твоего рта. На их лицах. Если они все еще не получат его после этого, просто возмущенно поднимите руки и пробормотайте что-то вроде «Джони Айв не должен мириться с этим дерьмом».

23. Мила Кунис не использует ваше маркетинговое приложение. Ни Обама, ни Чарли Шин, ни Тейлор Свифт, ни «The Weeknd» тоже. Используйте изображения людей, которых вы бы увидели, прогуливаясь по улице, или неловко уставившись на вас, пока вы пишете эту статью Medium на стенде в Denny's.

24. Не пытайтесь сделать свой следующий пользовательский интерфейс «Brutalist». Обещаю, вы действительно не знаете, что это значит. Я, конечно, нет, и я прочитал, как две целые статьи об этом. Есть даже галерея бруталистических сайтов, и это не очень помогает. Так просто ... нет?

Я не могу сказать, ужасно это или хорошо. Это, вероятно, признак того, что вы не должны его использовать.

25. Может быть, ваш PM не «получает» ваш гений. Или, может быть, вы не гений, и вы должны принять их совет. Отличный премьер-министр тот, кто получает продукт, но также является своего рода болью в заднице. Это потому, что они говорят то, что вы действительно хотите, они не скажут (потому что они обычно правы), и тогда вы начинаете защищаться, чтобы не исправить свой дизайн ».

26. Сократите время, затрачиваемое на анимацию дизайна пользовательского интерфейса, не анимируя его. Ага. Я слышу тебя. Вы действительно думаете, что дизайн движения - это пижама для кошек. Просто выясните, какую функцию вы хотите вырезать из своего продукта, чтобы это произошло. А затем напишите среднюю статью о том, как ваш стартап увидел рост хоккейной клюшки, потому что вы читали статью об использовании принципов анимации Disney в дизайне пользовательского интерфейса.

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

(PS. Анимация великолепна при правильном использовании. Просто не переусердствуйте. Большинству пользователей все равно.)

27-а. Если вы не можете придумать причину, по которой вы что-то сделали во время презентации, придумайте что-нибудь. Например: «О, это просто то, над чем я экспериментирую». Или «Файл моего приглашения не синхронизируется».

27-б. И если клиент замечает, что ваш файл InVision действительно полностью синхронизирован, просто скажите ему, что он просто не видит общую картину.

28. Lobster - это новый Comic Sans. Там я это сказал. Вы можете не согласиться, но вы не можете не видеть это сообщение, и оно будет преследовать вас в следующий раз, когда вы попытаетесь его использовать.

Я скачал этот шрифт только для того, чтобы сделать это изображение. Я клянусь.

29. Если бы Proxima Nova была созвездием, это была бы Большая Медведица. Все могут видеть это, но никто не заботится. Ладно, я уже закончил копирование шрифтов. Proxima Nova великолепна, но это как штаны для бега. Теперь, когда все их носят, ты действительно так моден?

30. Перестаньте говорить о ваших отклоненных проектах. Они были отклонены. Они в прошлом, как та ужасная прическа, которая у тебя была. Удалите их из своего портфолио и покажите проекты, которые были построены, но не упускайте из виду то, что вы узнали из этих старых итераций; это ключ

«Вы должны увидеть, что я ДЕЙСТВИТЕЛЬНО хотел сделать, прежде чем [PM / dev / клиент] сказал мне изменить это. Они были на следующем уровне, и они просто не поняли! »

Я никогда не выигрывал эту игру, поэтому помогите мне, если у вас есть какие-либо советы.

31. Установите горячие клавиши. Я не хочу стоять за вами и наблюдать, как вы медленно создаете свой ремесленный пользовательский интерфейс, как мыло для квакеров 1800-х годов. Используйте ваши инструменты в полной мере. Если вы не знаете, с чего начать, мы написали полезную статью на эту тему, которую относительно никто не читал .

32. Научите разработчиков ловить рыбу. Не давайте им рыбу. И под «рыбой» я подразумеваю каждый крайний случай, который можно себе представить, или каждую возможную ширину браузера, с которой пользователь может столкнуться при помощи своего 34-дюймового монитора LG с двойной шириной. Когда вы начнете это делать, они всегда будут этого ожидать. Они будут любить вас за это, но ваш продукт, вероятно, пострадает, когда вы постепенно погрузитесь в безумие.

33. Вы знаете, какое ужасное паническое чувство вы испытываете, когда понимаете, что ваш дизайн может быть не очень хорошим? И я нет!

34. Нет, но серьезно. Это тонущее чувство, что ты упустил что-то большое? И вы должны выяснить, как это исправить, чтобы ваши разработчики не набирали ваш автомобиль? У всех нас есть такое. Хорошей новостью является то, что «вещь», которую вы пропускаете, становится все меньше и меньше по мере того, как вы становитесь более опытными и ваши собственные стандарты повышаются. Работайте со своей командой, и вы минимизируете эти моменты.

35. Не прибегайте к защите своего дизайна с помощью данных. Соглашения меняются, и пользователи всегда будут вас удивлять. И, честно говоря, если вы установите этот прецедент, вы в конечном итоге столкнетесь с разработчиком, который выкопает статью, дискредитирующую ваши претензии. Вместо этого примите неопределенность дизайна и будьте честны с вашей командой.

36. Кстати говоря, помните меню гамбургеров? Это было странное время. Вы до сих пор не используете это в своих родных мобильных приложениях?

Мы все экспериментировали с этим, когда были моложе. Это круто. #YOLO. Примечание: они все еще являются подходящим решением для адаптивных веб-сайтов.

37. Если вы написали более одного абзаца, объясняющего один экран, то вам, вероятно, следует разобраться с этим лично. Или для дополнительных бонусных баллов, возможно, переделать дизайн.

38. Думаешь попробовать крутой градиент? Осторожно! Это как фанни пачка. Трудно снять. И даже если вы это сделаете, вы, вероятно, просто удивитесь, действительно ли вам это было нужно. Тем не менее, два тонированных изображения и градиенты допинг.

39. Вы - «дизайнер полных стеков»? И мой коллега - разработчик четверти стека. И мы оба любим стопки блинов.

40. Давайте оставим кодирование экспертам. Эй, смотри, мы все немного закодированы. Немного CSS. Немного «осмотреть элемент» здесь и там. Черт возьми, я даже немного странно относился к React.js после вечеринки. Но дело в том, что есть люди, обученные этому, и они намного быстрее. Проведите время, оттачивая и совершенствуя свои основные навыки. Продолжайте учиться, но признайте свои лучшие навыки.

Так что, думаю, у меня нет пятидесяти во мне, но тогда название не сработает. Сфокусируйтесь на общей картине (как это звучит, хаха). Если вы чем-то здесь оскорблены, просто помните, что я знаю эти вещи только потому, что сделал или все еще делаю все это.

Когда я не лгу на Medium, я работаю над инструментами Sketch в UX Power Tools, чтобы сделать вас лучшим, быстрым и сильным дизайнером. Подпишитесь на нас в Твиттере @uxpowertools. Следуй за мной тоже, если тебя развлекали!