/designer

Начинаем #стрим с Антоном! [стрим завершён, видео будет завтра, 14 марта]

#анонс #стрим Открытая сессия №2. SWOT-анализ для Антона Завтра в 19:00 по Алматы (17:00 по Москве) проведём очередную открытую менторскую сессию по продуктовому дизайну. На этот раз у нас в гостях будет опытный дизайнер, поэтому должно быть жарко!

Об Антоне Мультидисциплинарный дизайнер: веб, брендинг и UI/UX. Сейчас единственный UIUX дизайнер в IT-компании, основной клиент которой гос. заказчик. Проектирую Личные кабинеты, редизайню ЭДО, админку, дашборды. Параллельно, как независимый арт-директор сотрудничаю с малым и средним бизнесом. Отвечаю за UI/UX площадки DSGNERS и слежу за развитием одного дизайнера. Раньше менторил в DL PRO. Запрос Собрать собственное продуктовое портфолио. В чём сложность: из-за специфичного заказчика очень сложно собрать данные, хорошенько поисследовать. Не хватает поддержки команды. Поэтому для большинства проектов не получается посчитать результаты и выразить в относительных значениях. Как мне сказали на других консультациях, для продуктового дизайнера формулировка «использовали готовую-дизайн систему, благодаря чему TTM составило 2 недели» — не канает. Я хочу в большой продукт синьор дизайнером. Есть гипотеза, что это будет связано с образованием.

За час бережно оценим навыки, сформулируем, какие у него есть преимущества, точки роста и индивидуальные предпочтения, которые смогут его усилить и сформулировать дальнейшую стратегию найма. После основного времени полчаса пообщаемся со слушателями. Напомню, что прошлая сессия была посвящена продуктовому портфолио для джуна. Кстати, Антон ведёт канал @yavnodesign и он тоже там сделал анонс. Мне кажется любопытным, как может отличаться подача одного и того же события между каналами. Антону спасибо за смелость и открытость! Ссылка на Zoom появится в этом канале перед стримом. Запись будет выложена на YouTube /designer. @slashdesigner #для_профи #менторство

#снек 31. Это марафон, а не спринт Некоторые выводы после общения менти, которые страстно жаждут найти работу и чувствуют себя разбитыми каждый раз, когда им отказывают. Возможно, кому-то этот снек поможет справиться с волнением перед очередным собеседованием. Важных собеседований не бывает. Ни одно собеседование не определяет твою судьбу, это просто обычный разговор с человеком. Если ты готов или готова, собеседование это только подтвердит. Если нет, надо продолжать идти по намеченному пути, если ты действительно хочешь получить хорошую работу. 1. Фидбэк от нанимающих. Крайне маловероятно построить карьеру без отказов, не только в дизайне. Важно, чтобы они по возможности стали источниками фидбэка. К сожалению, не всегда тебе готовы предоставить истинные причины отказа, потому что поток кандидатов слишком велик, а времени на ответы всем недостаточно. Ребята нанимающие, пожалуйста, уделяйте хотя бы 5 минут на причину отказа, чтобы человек понимал, что ему исправлять. Так вы работаете на усиление HR-бренда вашей компании и двигаете кандидатов вперёд, что хорошо для всей индустрии. 2. Поддержка. Также важно, чтобы была независимая точка опоры, которая сможет подтвердить, что у тебя есть шансы и стоит продолжать пытаться. Это может быть более опытный дизайнер или ментор, которому ты доверяешь. Без этих двух факторов — фидбэка и поддержки сложно не обрушить себе самооценку. Попасть в крутое место сразу на старте карьеры — огромное везение. Но случайное попадание на крутую позицию ничего не решает: если ты не вывозишь, это будет очевидно. Ты просто не пройдёшь испытательный срок и останешься опять без работы. Если представить, что твоя цель найти работу — это мишень, гораздо важнее учиться стрелять, а не попасть один раз. Важно практиковаться, эмоционально не вкладываясь в отказы и офферы. После собесов уделять внимание фидбэку, войти в петлю улучшений. Тогда рано или поздно неизбежно научишься попадать туда, куда тебе надо. @slashdesigner #первые_шаги #карьера #майндсет

Сегодня стрима не будет, поскольку на новую открытую сессию нет желающих. На таких сессиях я бесплатно в течение часа разбираю любые вопросы о продуктовом дизайне, UX, визуале, портфолио, CV и карьере дизайнера в крупных компаниях. В прошлом выпуске ко мне обратилась Ольга с запросом про сбор продуктового портфолио, и судя по отзыву, ей это было очень полезно. Итоги сессии можно посмотреть в Ноушне. Чтобы записаться на следующую неделю, оставь отклик: @okunev. @slashdesigner #менторство

#скринкаст Как замоделить iPhone 14 Pro в Blender Часовое ускоренное видео, которое в деталях показывает, как воссоздавалась модель айфона. https://youtube.com/watch?v=hzZA3c_XnOI Для продуктового дизайнера такая модель интересна тем, что её можно использовать для создания анимированных мокапов высокого качества и демонстрировать в ней свой дизайн. Это гораздо интереснее, чем вставлять анимацию в статичный мокап в AE или, тем более статичную картинку в Фотошопе. В следующий раз поговорим, как использовать эту модель для демонстрации UI-макета. Если некогда делать модель самостоятельно, по ссылке на Gumroad можно купить готовую у автора. @slashdesigner #для_профи #Blender

Как настроить Zoom для стримов Это инструкция для тех, кто хочет делиться своим опытом в формате стримов и развиваться как лектор или ментор. Стримы — первый шаг любого эксперта к выступлениям на дизайн-конференциях и митапах. На днях я устроил стрим в Zoom, но не разобрался с настройками доступов для зрителей из-за неочевидного дизайна Zoom, в итоге мне помешали его провести. Исправляю ошибку, теперь разобрался и написал инструкцию, которая была бы мне полезна перед стримом. Собрал все возможные подводные камни, которых в дизайне Zoom выше крыши. http://slashd.ru/posts/zoom-streaming Внутри про настройки безопасности: - Как выключить все микрофоны и видео перед стримом, а также предотвратить, чтобы участники снова не могли включать их без нашего разрешения - Как отключить функцию рисования участников на экране - Как запретить любому зрителю шерить его экран - Сравнение картинки трансляций в Zoom и Telegram @slashdesigner #Zoom #для_профи

#сессия №1. Ольга Провели открытую сессию о том, как собрать идеи для портфолио, определили точки роста, проговорили много хороших техник и советов. Смотреть видео → К сожалению, сегодня не удалось провести стрим, потому что настройки Zoom, запрещающие участникам рисовать члены на экране и шерить свой рабочий стол в любой момент, запрятаны глубоко в недрах настроек в веб-интерфейсе, поэтому стрим был сорван. Но я разобрался с настройками и на следующей неделе можем провести сессию в лайве с вопросами и ответами после основного часа. Бонусы: Персональная страница менти — здесь запрос и описание её проектов. Фоллоу-ап по итогам сессии + домашнее задание О сессиях Условия приватных сессий Условия попадания на открытую сессию по средам Записаться можно лично: @okunev. Всем peace! @slashdesigner #менторство #для_профи

#стрим Начинаем сессию с Ольгой. Войти на стрим → @slashdesigner

#анонс #стрим Открытая сессия №1. Ольга Сегодня в 16:00 по Москве, 19:00 по Алматы проведём первую открытую менторскую сессию по продуктовому дизайну. Запрос:

Меня зовут Оля, опыт работы в дизайне 2,5 года. Начинала работать в торговой сети детских товаров, где рисовала наружную рекламу, навигацию, оформляла соцсети, потом на фрилансе делала сайты на Тильде, а сейчас уже почти 2 года работаю продуктовым дизайнером в IT-компании. У меня достаточно крутых и сложных проектов с исследованиями, но я никак не могу их оформить в кейсы, хотя уже давно пора это сделать и подать резюме в крупные компании.

За час проговорим, когда нужны кейсы и в каком формате, как оформлять сделанную работу в продуктовые кейсы и на какой платформе. Поговорим о типах портфолио и характерных особенностях продуктового портфолио. Ссылка на Zoom появится в канале перед стримом. Кстати, в канале отзывов появился новый отзыв о сессиях. Видеозапись будет выложена на YouTube /designer. @slashdesigner #менторство #для_профи

Открытые менторские сессии по продуктовому дизайну Чтобы показать, как я провожу менторские сессии @slashdesigner, раз в неделю я буду проводить одну открытую сессию в формате стрима. Каждую неделю — новый участник. Длительность сессии — 1 час в формате 1 на 1, а также до 100 зрителей. Позже запись стрима загрузим на YouTube. Миссия этого проекта — делиться полезным контентом, который основан на реальных проблемах дизайнеров. Для участия требуется 1. Сформулировать запрос. Это может быть оценка твоего уровня, анализ портфолио, помощь в работе над продуктовым кейсом или дизайн-задачей. 2. Согласиться на публичное обсуждение твоего запроса в формате стрима, а также публикацию получившейся видеозаписи. 3. Заранее настроить Zoom, проверить звук и видео. 4. Проверить, что у тебя хорошее интернет-соединение со скоростью не ниже 50 Мбит в обе стороны. Иначе нам придётся прервать стрим. 5. Организовать тихое рабочее место. 6. Выделить 1 час твоего времени в среду, в 16:00 по Москве, 19:00 по Алматы. 7. Оставить заявку с запросом и небольшим рассказом о своём опыте в виде личного сообщения мне: @okunev. Я не гарантирую, что я смогу провести стримы со всеми желающими, выбор участника оставлю за собой. Если ты хочешь записаться на платную конфиденциальную сессию, смотри пост об условиях. Отзывы: @slashfeedback. @slashdesigner #менторство

#снек 30. Основы коммуникации, часть 6. Фасилитация установочной встречи, продолжение В прошлом снеке начали говорить про подготоку к первой встрече по проекту. В этом проговорим советы по тому как вести встречи и что делать после. Во время встречи Имена. Личный контакт очень важен, и он начинается с того, что ты знаешь имена ключевых участников, а они знают твоё. Если вас ранее не представили, хорошо бы для начала познакомиться. Если много людей, стремимся сразу записать их имена, чтобы избежать дискомфорта, когда придётся переспрашивать. Так облегчаем себе и другим навигацию по участникам. Контекст. В первые минуты имеет смысл рассказать об общем контексте и ещё раз повторить анонс встречи, подтвердить, что мы собрались решать именно эту проблему. Проблема и договорённости. Фиксируем проблему бизнеса и обсуждаем варианты её решения, а также предварительные исследования, которые необходимы. Если не знаем что спрашивать, можно перечитать бриф продуктового дизайнера и подстроить его под наши текущие потребности. Фиксируем сроки на исследование проблемы и принятие решения. Если проект большой, на первой встрече никогда не говорим финальных сроков на дизайн, предугадать их сейчас невозможно. Для этого потребуется декомпозировать его на этапы. В процессе брифа следим, чтобы участники не залезали в телефоны. Возвращаем их внимание уточняющими вопросами. Если человек не вовлечён, он считает, что происходящее его не касается, ему не интересно или в его поле зрения есть что-то более важное. Идентифицируем, почему человек отвлекается и оцениваем, критично ли это. Важно, чтобы вовлечён был ЛПР. Дополнительные участники могут отвлекаться и это не критично. Отсекаем ветки обсуждений. Если мы понимаем, что обсуждение уже 5 минут не приближает нас к решению исходной проблемы, модерируем его и предлагаем вынести в отдельную задачу и обсудить в другой раз, либо в оставшееся время. Можем сразу зафиксировать в виде задачи и «запарковать». Обязательно транслируем экран, чтобы запустить петлю обратной связи. Если мы пишем что-то неточно, это видно на большом экране и нас исправят. Встреча не должна длиться дольше часа, потому что пытки запрещены конвенцией о защите прав человека. Если что-то идёт не так Базовая концепция твоей устойчивости, которая поможет победить синдром самозванца и не бояться на встречах:

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

Оставляем право финального решения ЛПР, чтобы не попасть в ловушку ремесленника. Если ты понимаешь, что на встрече на тебя давят, общий тон разговора неуважительный, и вообще чувствуется sarcasm in the classroom, это повод приостановить обсуждение дизайна и отстроить границы. Только ты определяешь, будешь ли терпеть плохое обращение. Если не можем договориться даже о таких базовых вещах как взаимоуважение, о сложных материях вроде продуктового сценария договориться будет ещё сложнее. После встречи Обязательно высылаем всем участникам фоллоу-ап — тезисы с основными договорённостями. Это защищает нас от того, что ЛПР не до конца понял, о чём мы договорились на встрече. Только после этого мы можем спокойно погружаться в исследование и проектирование решений. В следующем снеке поговорим о базовых рамках, которые стоит выстраивать. @slashdesigner #первые_шаги #майндсет

#снек 29. Основы коммуникации, часть 5. Фасилитация установочной встречи В предыдущих снеках про коммуникацию: об основной идее про доверие, коммуникацию с ЛПР, разбор каналов коммуникации, этапы. Фасилитация — умение вести встречи и выстраивать рабочий процесс так, чтобы он был предсказуемым и всех устраивал. Именно о фасилитации я изначально планировал написать небольшую заметку, которая в итоге разрослась в эту серию снеков. Установочной первая встреча называется потому, что в самом начале вы устанавливаете правила и рамки вашего взаимодействия. Кроме того, на ней должно быть понятно, что ЛПР от тебя ждать в качестве результата. Перед встречей 1. Обосновываем. То, что можно решить без встречи, нужно решить без встречи, через мессенджер или письмо. Так участники встречи не будет ощущать лишнего раздражения из-за того, что мы тратим их время зря. Они будут осознавать, что без встречи не обойтись. 2. Анонсируем. Все участники должны понимать, почему мы встретимся, насколько это важно и срочно. 3. Подтверждаем. Каждый должен подтвердить встречу через календарь или тебе лично. Если этого не произошло, она может быть сорвана, потому что кто-то не пришёл. 4. Заранее решаем технические вопросы. Если встреча происходит в незнакомой переговорке, можно заранее сходить на разведку и проверить совместимость твоего ноутбука и проектора, например, заранее настроить, чтобы проектор получал с HDMI 30 Hz, а не 60. Если встреча будет в формате созвона, убедимся, что у всех установлен Zoom или иной аналогичный сервис. Заранее выдаём доступы на шеринг экрана. Так экономим ценное время на встрече. Дальше проговорим, что желательно делать на встрече или после. @slashdesigner #первые_шаги #майндсет

#снек 28. Vision Pro Обзоры на Vision Pro и первые видео с ними заполонили соцсети, не смотря на все очевидные слабые места UX устройства: неизбежное головокружение от VR, большой вес шлема, расположение аккумулятора в кармане, блокирование прямого взгляда на окружение, невозможность напрямую подключить шлем к Маку. Вот хороший Обзор от Rozetked. Я отношусь к Vision Pro с большим интересом, в первую очередь, как дизайнер. Хотя первое очарование портативным VR-устройтвом прошло ещё с Oculus Go. Я понял, что до полноценной замены рабочей станции с физическим монитором современному мировому дизайну железа всё ещё далековато. Apple проделали невероятно крутую работу и выжали из разных технологий максимум, который возможен в 2024 году. В Vision Pro они объединили VR, AR-трекинг, жесты и много чего ещё. На стриме с Богданом Артёменко, который прошёл летом 2023, мы анализировали Vision Pro с точки зрения дизайна. Могу сказать, что и после его выхода мне практически нечего добавить, стрим остался актуальным, его до сих пор интересно пересмотреть. Фишки вроде трекинга пространства LiDAR с возможностью расставить виртуальные экраны по квартире — несомненно круто. Но если у тебя реально возникает такой юзкейс, гораздо дешевле развесить в каждой комнате тонкие 4K-телевизоры с хорошей диагональю. И через два часа они не разрядятся, а шея не устанет. Apple советуют делать перерывы каждые 20-30 минут. Когда я работаю над дизайном с погружением, я отключаю любые уведомления и могу уйти в рабочий транс на 2-3 часа. Какие 20 минут, ребята? С точки зрения UX могу отметить непривычный и изящный паттерн для клика, когда ты фокусируешь взгляд на виртуальной кнопке и соединяешь два пальца, чтобы кликнуть. При этом не требуется держать руки на весу и точно нажимать на кнопку пальцем, что экономит усилия. Будет ли Vision Pro популярным? Возможно, сходным образом, как популярны автомобили Lamborghini, как очень дорогая премиальная игрушка, которой хвастаются гостям и обычно редко выносят из дома, ну если только для эпатажа. Очевидно, что для широкой аудитории он ещё многие годы не будет доступен в принципе. И именно это в нём бесит и привлекает больше всего. Гайды: Human Interface Guidelines: visionOS UI-кит: Figma Community: visionOS, kudos каналу @secretd @slashdesigner #для_профи #Apple #VisionPro

Dev Mode в Figma выходит из беты и становится платным! 🤑 Расскажу всё, что нужно знать об этом нововведении. Dev Mode — это эволюция ранее доступной панели Inspect, теперь это не просто одна панель, а полноценный режим для передачи макетов и удобства разработки. #новое Для разработчика доступен код элементов для разных платформ, который можно брать за основу для разработки, а также появилась возможность создавать плагины с генерацией кастомного кода под разные фреймворки. Есть интеграция с VSCode, позволяющая смотреть дизайн не покидая среду разработки. Визуальное и текстовое сравнение изменений в коде упрощает поддержку компонентов. В свою очередь дизайнерам доступна функция аннотаций, чтобы обратить внимание разработчика на важные детали (но плагин EightShapes Specs никто не отменял). Для улучшения совместной работы в команде представлены интеграции с Jira, Linear, Storybook и другими инструментами. Теперь о ценах. Professional: для разработчиков необходимо купить полноценное место, как и дизайнеру. Organization и Enterprise могут купить Dev Mode отдельно по цене $25 и $35 в месяц соответственно (оплачивается за 12 месяцев). Dev Mode недоступен в бесплатном тарифе Starter. Без Dev Mode разработка по-прежнему возможна! В файлах с доступом на просмотр разработчики могут бесплатно посмотреть и скопировать все необходимые свойства, переменные, стили и другую информацию. Как и раньше можно измерять отступы и экспортировать объекты (только без красивого меню — обучайте своих разрабов). Нет только генерации кода, то есть чуть больше придётся писать руками. Также в связи с дороговизной Dev Mode активизировались конкуренты, такие как Zeplin — у них уже давно есть интеграции, но возможно появится ещё больше возможностей. Также учитывая то, что некоторые разработчики предпочитают копировать файлы себе в Drafts, уверен, появится ещё больше плагинов для упрощения их работы в Figma.

#снек 27. Оснвы коммуникации, часть 4. Этапы В предыдущих сериях: мы начали с основной идеи про доверие, коммуникацию с ЛПР, разбор каналов коммуникации. Какова общая стратегия, которая ведёт к закрытым задачам и довольным заказчикам? 1. Прощупываем расстановку сил: насколько ЛПР нужна задача? Зачем это выяснять? Если выясняем, что не нужна, стремимся не брать эту задачу в работу, такой дизайн всё равно не дойдёт до прода. 2. Если мы поняли, что нужна, «начинаем поездку» и берём инициативу в свои руки. Делаем установочную встречу. Зачем? Фиксируем рамки и правила работы, организуем телеграм-чат, если планируется постоянная работа с командой и мы не сделали этого раньше. 3. На установочной встрече брифуем: фиксируем проблему и критерии принятого дизайна от ЛПР или его представителя. 4. Проговариваем точки контроля на пути: когда мы будем показывать промежуточный результат работы. Зачем? 5. Оцениваем объём работы и только после этого оглашаем сроки. 6. На точках контроля демонстрируем промежуточный результат и сохраняемся. Слушаем фидбэк и корректируем развитие дизайна. 7. Предварительно высылаем готовый дизайн, чтобы он не был сюрпризом для ЛПР на демо. А стоит ли так делать? 8. Устраиваем закрывающую встречу — рок-концерт с фанфарами, всей нашей обаятельностью и вычищенными до блеска макетами: демонстрируем финальный дизайн на демо. Зачем? 9. Слушаем фидбэк: отрабатываем возражения и правки. 10. Демонстрируем исправленный дизайн на повторном демо, либо в переписке. Далее либо идём на шаг назад, либо вперёд, в зависимости от решения ЛПР. 11. ЛПР принимает наш дизайн. Передаём в разработку, закрываем задачу. Я считаю этот план канонической стратегией коммуникации по продуктовым задачам и всегда им руководствуюсь в своей работе. Буду рад вопросам в комментариях. Дальше в серии поговорим про выстраивание рамок и фасилитацию встреч. @slashdesigner #первые_шаги #майндсет

#гайд Как дизайнеру переехать в Германию Детальный разбор для продуктовых дизайнеров по всем ключевым этапам переезда в Германию по рабочей визе. Читать оглавление: slashdesigner.ru/lib/germany Мы составили гайд в 11 частях на базе вебинара Среды Обучения, гостем на которой был Дима Марков. Кстати, у него есть канал @dimamarkovdesign. Вебинар прошёл около года назад и поэтому некоторые вещи устарели, но в тексте мы с Димой их актуализировали. В первой части речь пойдёт о сообществах, которые будут полезны релокантам: Слаке berlinru, Вастрик.Клубе и сообществе ИТ Берлин в Фейсбуке. slashdesigner.ru/lib/germany/communities Если у тебя есть что сказать по теме, пожалуйста, дополни статью в комментариях и мы добавим твой ценный опыт в основной текст гайда. @slashdesigner #для_профи #карьера #эмиграция

#тизер Мы с моей помощницей Полиной приготовили детальный текстовый гайд Димы Маркова о том как дизайнеру переехать работать в Германию. Гайд выйдет в понедельник, 22 января. @slashdesigner #для_профи #эмиграция