UXPUB 🇺🇦 Дизайн-спільнота: Alex Don

Большое обновление Figma 2022. Темный режим, поддержка вариативных шрифтов и многое другое

Alex Don — Wed, 11 May 2022 07:59:47 +0000

На конференции Config 2022 было представлено нескольких новых функций, обновлений и много другого.

Темный режим для десктоп и веб приложения

Используйте темы для изменения внешнего вида всего интерфейса Figma. Вы можете выбрать светлую или темную тему или позвольте настройкам вашей системы определить тему. Если внешний вид вашей системы настроен на светлый, то Figma будет использовать светлую тему. Если внешний вид вашей системы установлен на темный, то Figma будет использовать темную тему.

Поддержка вариативных шрифтов

Вариативные шрифты поддерживают ряд стилей в рамках одного шрифта, предоставляя дизайнерам больше возможностей для контроля и выразительности.

В чем разница между статическими и вариативными шрифтами?

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

Что такое ось?

Ось - это выражение одного аспекта дизайна шрифта. Например, "ширина" определяет, насколько узким или широким может быть символ. "Вес" определяет, насколько легким или жирным он может быть.

Какие бывают виды осей?

Большинство осей обеспечивают непрерывный диапазон в пространстве дизайна, однако некоторые из них являются бинарными. Бинарная - это переключатель, то есть есть только два варианта: выключено или включено - в данном случае курсив или не курсив. Ось диапазона дает больше возможностей для увеличения или уменьшения атрибута, например, наклона.

Что означают вариативные шрифты для разработки?

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

Анимации

Добавьте немного динамики в свой прототип. Используйте пользовательские или предустановленные пружинные анимации для создания прототипа с естественными плавными переходами.

Разделители

Новая функция обводки позволит рисовать разделители между блоками еще проще.

С мыслями о разработке

Auto layout теперь способен быть более адаптивным с новыми параметрами и переработанной панелью свойств.

Используйте свойства компонентов для добавления настроек к вашим компонентам и уменьшения количества вариантов, создавая упрощенную систему проектирования и более плавную передачу разработчиков.

Небольшие новые фичи

Легко контролировать, кто может получить доступ к файлам и прототипам при публичном обмене ссылками с помощью защиты паролем.

Избранные файлы для быстрого доступа к наиболее актуальным и важным проектам - даже если вы не являетесь членом команды Figma, в которой он находится.

Используйте плагин Widget Code Generator для превращения дизайна в код виджета одним нажатием кнопки, не будучи экспертом в Figma API или React.

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

Используйте состояния обзора для утверждения обновлений, обмена контекстными отзывами о дизайне и запроса изменений через ветвление - и все это не выходя из Figma.

Обновленный вид контура показывает все на холсте - от скрытых объектов до ограничивающих рамок - чтобы вы могли видеть полную картину и быстрее вносить правки.

Подробнее об обновлении.

Какое обновление вы ждали больше всего?

Я просмотрел 370 заявок на должность UX-дизайнера. Что не так с поданными резюме?

Alex Don — Wed, 13 Apr 2022 12:19:40 +0000

Примерно в конце прошлого года я набирал команду, и у меня было открыто две вакансии: UX-дизайнер и продуктовый дизайнер. Я решил нанять молодых специалистов. Почему? Потому что убежден, что нужно уступить место новым талантам, а не продолжать нанимать уже опытных специалистов на любое свободное место в компании.

Итак, я сел, очень тщательно обдумал, кто именно нужен нашей команде, каковы будут их функции, вклад, влияние на команду и продукт, и составил описание вакансии. Мы разместили объявления только на двух платформах LinkedIn и AngelList.

Наплыв заявок на должность JuniorUX-дизайнера и Junior продуктового дизайнера был ошеломляющим! Мы получили более 600 резюме на две вакансии.

Не буду врать, невероятно лестно видеть такое количество людей, желающих попасть в вашу команду, заинтересованных в вашей компании, в вакансии и в вас как в руководителе!

Когда я сел просматривать и отсеивать резюме, я заметил тенденцию… большинство из них, простите за прямоту, были хреновые. Я рассмотрел примерно 370 заявок из 600(извините, но у меня физически не было времени просмотреть все._ И вот что я обнаружил…

Люди на самом деле не читают важные части должностной инструкции. Откуда я это знаю? Было четко указано, что в настоящее время мы не нанимаем сотрудников за пределами США, и тем не менее примерно 15+% соискателей были не из США.
По какой-то странной причине люди думают, что главное указать в заголовке UX или Product Designer, а остальное не имеет значения... в примерно 20% заявок, не было ссылки на портфолио, а около 30% вообще не имели ссылок на портфолио, ни в заявке, ни в резюме, ни в сопроводительном письме, ни где-либо еще. Поскольку у меня не так много времени, я не буду играть в сыщика и искать ваше портфолио, если я не увижу его сразу в заявке, я просто перейду к следующему кандидату.
Отсутствует внимание к деталям… вы подаете заявку на работу, которая буквально требует, чтобы вы замечали детали, которые не видят другие… и тем не менее, примерно 70% всех соискателей имели серьезные недостатки в деталях. Я видел несколько десятков заявок с пометкой «я UX или продуктовый дизайнер», а в портфолио было написано «я опытный инженер» или «опытный веб-разработчик» или другие технические специальности… Я понимаю, вы только перешли в сферу UX/продуктового дизайна, и это здорово! Однако, отнестись серьезно к выбранной сфере, сделайте домашнюю работу, убедитесь, что все ваши публичные документы согласованы. А остальным я настоятельно рекомендуется убедиться, что при копировании и вставке в портфолио текста, изображений или других визуальных элементов они должным образом организованы и соблюдена иерархия.
Перестаньте проектировать для себя и начните проектировать для своих пользователей. Портфолио не принесет вам пользу просто потому, что вы думаете, что оно выглядит круто или в нем есть «все», что, по словам вашего буткемп наставника, должно быть в портфолио. Плохо составленное портфолио принесет вам больше вреда, чем его отсутствие. Вы дизайнер, более того, вы UX или продуктовый дизайнер, поэтому ваша работа по определению состоит в том, чтобы сопереживать пользователям, понимать их потребности, как они потребляют продукт и ориентируются в нем, и проектировать продукт так, чтобы они не захотели бросить, разбить экран. Поэтому не заставляйте менеджера по найму или рекрутера усердно работать, чтобы понять ваши кейс-стади, изучать ваш сайт, находить важную информацию и т. д. Проведите исследование и сделайте свое портфолио для нас, а не для себя.
Да, мы учимся, копируя других, но может уже хватит... 90% портфолио всех соискателей выглядят одинаково. Серьезно, если бы я мог сделать скриншоты всех портфолио, разложить их рядом, распечатать и повесить на стену, я бы увидел одни и те же сайты, только с разными цветами и названиями. Только около 10% из всех 370 портфолио, которые я просмотрел, были уникальными, оригинальными и интересными. Вы должны помнить, что у вашей целевой страницы есть всего одна задача — привлечь мое внимание в течение первых 1,5 секунд после того, как я на нее попаду. Если нет, то я ее закрою, и перейду к следующему кандидату. Так что, пожалуйста, копируйте, но сделайте проект личным, чтобы он представлял вас.
Усилия требуют времени. Я не знаю, то ли это лень, то ли недостаток знаний, то ли что-то еще, но около 40% портфолио имели одну и ту же проблему… сценарий использования в Figma, экспортированный как единый массив из CVS-файла, и помещенный на веб-страницу! Я могу придумать миллион причин, почему это плохой подход. В том числе невежество и отсутствие эмпатии. Однако, я знаю, что на самом деле у людей добрые намерения, но иногда это приводит к низкому качеству, недостатку доступности и просто плохому дизайну. Я надеюсь, вы будете помнить эти советы до конца своей карьеры… в любом цифровом продукте текст никогда не должен быть заменен изображением!

Думаю, на этом я закончу разглагольствования обо всех проблемах, с которыми я столкнулся, просматривая эти заявки.

Но все это подводит нас к следующей части:

Массовое производство UX и продуктовых дизайнеров

Кажется, что мы, как творческая индустрия, продолжаем стрелять себе в ногу снова и снова.

За последние 20 или около того лет цифровой дизайн то поднимался, то падал, названия появлялись, исчезали, менялись, формировались и т. д. Это нормально для любой отрасли, но одна область дизайна стала особенно популярной.

Я понимаю, что мы живем в беспрецедентное время… COVID-19 изменил все! Компании перешли на цифровизацию намного раньше, чем они планировали или могли ожидать люди. Это, в свою очередь, привело к взрывному спросу на то, чтобы сделать цифровые услуги более удобными, привлекательными, более человечными и доступными.

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

Я наставлял дизайнеров на протяжении десятилетий, но из-за COVID и появления замечательной платформы ADPList.org я наставлял людей, желающий перейти в дизайн больше, чем уже работающих дизайнеров. За последние несколько лет я был наставником для более, чем 100 человек и общался с почти 1000 человек во время ежемесячных сессий «Transitioning into UX/Product Design».

Я встречал множество людей, прошедших буткемпы, обещающие работу и завлекающие людей мечтой о шестизначной зарплате. Список обещаний можно продолжить бесконечно, но ни одно из них не стало реальностью.

Более того, подобные обещания порождают проблему. Конечно, люди хотят зарабатывать много денег, и я их не виню. К сожалению, многие другие отрасли платят своим сотрудникам гроши, поэтому они уходят. Но ни один из этих буткемпов никогда не расскажет, что представляет из себя эта работа, и какой путь им нужно пройти, чтобы получить заветные 100 тысяч долларов.

И вот все хотят быть UX или продуктовыми дизайнерами, но с таким перенасыщением рынка мы оказались в затруднительном положении… 600 заявок на 2 позиции, шаблонные портфолио, люди, которые на самом деле не знают и не понимают, что значит быть UX или продуктовым дизайнером, плохой дизайн, а теперь и тысячи безработных, которые, скорее всего, тратят большую часть, если не все свои сбережения, или, что еще хуже, занимают тысячи долларов, чтобы заплатить за учебные курсы, которые в конечном итоге приведут к тому, что через 12 месяцев у них все еще не будет желанной работы.

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

Мой совет всем, кто хочет перейти в эту отрасль, пожалуйста, пройдите курс, посмотрите обучающие видео на YouTube, обратитесь к работающим дизайнерам и спросите их, что на самом деле означает быть UX или продуктовым дизайнером, какова реальная заработная плата junior-дизайнеров, сколько лет потребуется, чтобы вы достигли шестизначной зарплаты и т. д.

Несколько полезных ресурсов

О заработной плате дизайнеров:

Наставничество:

Курсы:

Interaction Design Foundation

Дополнительные материалы о переходе в сферу UX-дизайна от автора:

Никогда не переставайте учиться!

Перевод статьи uxdesign.cc

Дизайнеры, пожалуйста, не используйте Figma для демонстрации своего портфолио

Alex Don — Tue, 05 Apr 2022 08:11:17 +0000

Я люблю Figma. Я сразу полюбил этот инструмент, и с каждым обновлением это чувство только крепло, мне нравится говорить о нем. Я делаю все возможное, чтобы рассказать о Figma тем, кто работает исключительно в Sketch. Но мне не нравится, что огромное количество junior-дизайнеров скидывают на почту неаннотированные ссылки на проекты в Figma, чтобы продемонстрировать свою работу. Я ведущий UX-дизайнер и я не единственный, кто принимает решения в моей команде, поэтому то, что может показаться странным мне, у других вызывает сложности.

Я люблю Figma, но могу с уверенностью сказать, что не все разделяют мой энтузиазм. Независимо от того, насколько хороши некоторые кандидаты, существует риск отказа, потому что они не учитывали кому показывают портфолио. Возможно, я понимаю причину, но поймет ли рекрутер? Технический директор? Ведущий бизнес-аналитик или владелец продукта?

Всегда есть опасность делать предположения, особенно у дизайнеров. Если вы претендуете на новую должность и не уверены на 100% в том, кому отсылаете резюме, не используйте Figma для демонстрации своего портфолио. Вместо этого используйте традиционное портфолио.

Не используйте кувалду, чтобы расколоть орех

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

«Я пытался посмотреть это портфолио, Крис, но мне надо зарегистрироваться в какой-то Figma? У меня нет времени», — сказал бы коллега.

Примечание: Да, учетная запись для просмотра проекта не требуется. Смысл этой цитаты в том, чтобы продемонстрировать, что заинтересованные стороны предполагают, что им *нужно* зарегистрироваться. В результате они могут предположить, что они не получают полноценный опыт, и не уделят портфолио должного внимания. Кроме того, если у других дизайнеров не было этой проблемы раньше, это не значит, что ее не существует. Знайте свою аудиторию!

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

Скорее всего, они увидят при открытии Figma следующее.

Без подробного описания невозможно понять, с чего начать. Но какой смысл отправлять проект с подробной инструкцией? Разве стандартного портфолио недостаточно? Теперь посмотрим с точки зрения технического директора, который все время в разъездах. Он берет мобильный телефон, кликает ссылку Figma и видит… не так уж и много. Какие-то непонятные иконки, список слоев и т.д. Но главное – это не то, что он ожидал увидеть.

Ситуация, которая должна была быть простой, стала запутанной. Ваше решение показать портфолио в Figma вызвало трудности.

Опять же, я, скорее всего, буду знать, что вы пытаетесь продемонстрировать. Но ради себя не делайте этого. Я, наверное, единственный человек в команде, который так думает. Другие откроют ссылку и спросят меня: «Что это Крис? Зачем кандидату присылать незаконченную работу?» и я должен буду объяснить ваши рассуждения. «На самом деле это завершенная работа, просто кандидат использует Figma — инструмент, в котором мы тоже работаем, чтобы продемонстрировать свой мыслительный процесс». По крайней мере, это мои предположения. Готовы ли вы рискнуть тем, что кто-то другой будет пояснять вашу работу?

На первый взгляд, возникло огромное непонимание. Семена сомнения посеяны. Часть работы дизайнера – знание своей аудитории, и это потенциально свидетельствует о непонимании. Хуже того, отсутствие исследований компании, в которую вы подаете заявку. Вы не можете предположить, что все будут знать, как ориентироваться в проекте Figma, так зачем пытаться изобретать велосипед?

Совет: представьте свое портфолио традиционным способом, но добавьте ссылку на проект Figma, если хотите показать его более подробно!

Быть хорошим дизайнером значит уметь эффективно доносить свои мысли

Источник: Pexels

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

Спросите себя: «Что мне даст отправка портфолио в виде проекта Figma? Является ли это наилучшим способом представить мой мыслительный процесс, и почему я лучший кандидат на эту должность?»

Эффективная коммуникация — это самый важный социальный навык в современном бизнесе, а также связующее звено между дизайнерами и остальной частью компании. Делясь ссылками на Figma без пояснений, соискатели подрывают ожидания рекрутера и теряют контроль над повествованием.

Figma будет продолжать развиваться. Возможно, в будущем она будет лучше подходить для демонстрации портфолио. Но до тех пор, традиционные методы подходят лучше всего, когда вы пытаетесь получить работу.

Перевод статьи medium.com

Как правильно организовать исходник в Figma

Alex Don — Wed, 23 Mar 2022 09:00:39 +0000

Привет ребята!

Работаю в Figma и давно назрел такой вопрос, как другие дизайнеры организовывают свои исходники в работе над большим проектом?

Интересует внутренняя иерархия артбордов, наименование слоев, страницы и тд. Давайте поделимся опытом и поможем друг-другу быть продуктивнее.

Приветствуются ссылки на всякие руководства по профессиональной организации исходника, видосы.