Премиум каналы

/designer

Про дизайн интерфейсов, инструменты и практику.

Последние публикации с канала

Forwarded From Anton Yagupov

Несколько выводов после открытой сессии с Сашей Окуневым.

Анализ и синтез — основные инструменты современного дизайнера. Анализ для того, чтобы получить данные, синтез, чтобы сделать из них вывод. Какие выводы сделал я?

Первое. Нужно уметь вытащить свои сильные стороны. Это не хвастовство и бравада, нужно уметь понять факты о себе. Инструментов по вытаскиванию куча. SWOT — только один из них. Вам стоит найти подходящий персонально вам

Второе. Фокус очень важен. Как соискателю, так и работодателю. После сессии у меня фокус уточнился на продуктовые компании и ушёл с трека арт-диреткорства.

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

Четвертое. Саша очень спокойный и чиловый парень. Не бойтесь прийти к нему, он поможет. Всем пока и успехов!

15.03.2024 / 08:03

/designer:

#сессия #видео 2. SWOT для Антона Провели стрим на 1 час 40 минут с Антоном Ягуповым, в рамках которого затронули важные карьерные вопросы. Поговорили о том, как проанализировать свои сильные и слабые стороны, а также увидеть свои возможности и угрозы. Также…

Отзыв Антона об открытой сессии:

15.03.2024 / 08:03

#сессия #видео
2. SWOT для Антона


Провели стрим на 1 час 40 минут с Антоном Ягуповым, в рамках которого затронули важные карьерные вопросы. Поговорили о том, как проанализировать свои сильные и слабые стороны, а также увидеть свои возможности и угрозы. Также в этот раз удалось в прямом эфире ответить на вопросы слушателей: про формат портфолио и структуру кейса.

📼 Смотреть видео

🗒 Получившаяся SWOT-таблица

🗒 Фоллоу-ап по итогам сессии

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

Также можно записаться на приватную сессию.

@slashdesigner #менторство #для_профи

YouTube
#сессия 2. SWOT для Антона

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

00:20 Интро
04:20 Определяем фокус
13:20 Предпочтения
20:31 Плюсы и минусы корпораций
23:44 Что ты продаёшь?
27:50 Расширяем рамки того, что…

14.03.2024 / 17:03

Начинаем #стрим с Антоном!

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

13.03.2024 / 14:03

Live stream scheduled for

12.03.2024 / 15:03

#снек 31. Это марафон, а не спринт

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

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

1. Фидбэк от нанимающих. Крайне маловероятно построить карьеру без отказов, не только в дизайне. Важно, чтобы они по возможности стали источниками фидбэка. К сожалению, не всегда тебе готовы предоставить истинные причины отказа, потому что поток кандидатов слишком велик, а времени на ответы всем недостаточно. Ребята нанимающие, пожалуйста, уделяйте хотя бы 5 минут на причину отказа, чтобы человек понимал, что ему исправлять. Так вы работаете на усиление HR-бренда вашей компании и двигаете кандидатов вперёд, что хорошо для всей индустрии.

2. Поддержка. Также важно, чтобы была независимая точка опоры, которая сможет подтвердить, что у тебя есть шансы и стоит продолжать пытаться. Это может быть более опытный дизайнер или ментор, которому ты доверяешь. Без этих двух факторов — фидбэка и поддержки сложно не обрушить себе самооценку.

Попасть в крутое место сразу на старте карьеры — огромное везение. Но случайное попадание на крутую позицию ничего не решает: если ты не вывозишь, это будет очевидно. Ты просто не пройдёшь испытательный срок и останешься опять без работы.

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

@slashdesigner #первые_шаги #карьера #майндсет

11.03.2024 / 07:03

Сегодня стрима не будет, поскольку на новую открытую сессию нет желающих.

На таких сессиях я бесплатно в течение часа разбираю любые вопросы о продуктовом дизайне, UX, визуале, портфолио, CV и карьере дизайнера в крупных компаниях.

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

UPD: собрал достаточно откликов на месяц вперёд, так что следующий стрим в среду, 13 марта.

@slashdesigner #менторство

06.03.2024 / 13:03

3D-мокап айфона в Блендере

Anonymous Poll

7% - Meh, уже умею

30% - Жду, наконец будет понятный туториал без лишних функций 3D и подписок на говно-плагины

5% - Не нужен, я такие вещи делаю в Cinema 4D

10% - Не нужны мокапы в принипе, мой дизайн прекрасен и без них

1% - Не делаю мобилки, но для веба с ноутом бы пригодился

5% - Я ненавижу Apple, но была бы модель Xiaomi или Samsung, было бы годно

41% - Результаты

04.03.2024 / 10:03

#скринкаст
Как замоделить iPhone 14 Pro в Blender

Часовое ускоренное видео, которое в деталях показывает, как воссоздавалась модель айфона.

📼 Смотреть

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

Это гораздо интереснее, чем 📼 вставлять анимацию в статичный мокап в AE или тем более 📼 вписывать в фото в Фотошопе.

В следующий раз поговорим, как использовать эту модель для демонстрации UI-макета.

Если некогда делать модель самостоятельно, по ссылке на Gumroad можно купить готовую у автора.

@slashdesigner #для_профи #Blender

YouTube
I Made iPhone 14 Pro Product Animation Using Blender 3D | Time Lapse

Halo, ini video timelapse dimana proses aku membuat sebuah video iPhone 14 pro product animation menggunakan blender.

Download iPhone 14 pro 3D model : https://simuradi.gumroad.com/l/iPhone14pro

Software untuk ngumpulin gambar referensi :
https://www.pureref.com/…

03.03.2024 / 16:03

#гайд
Как настроить Zoom для стримов


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

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

http://slashd.ru/posts/zoom-streaming

Внутри про настройки безопасности:

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

@slashdesigner #Zoom #для_профи

01.03.2024 / 15:03

#сессия #видео
1. Ольга: как собрать продуктовое портфолио


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

📼 Смотреть видео

🗒 Персональная страница менти — здесь фиксирую запрос и выкладываю полезные материалы

🗒 Фоллоу-ап по итогам сессии + домашнее задание
К сожалению, сегодня не удалось провести стрим, потому что оказалось, что любой участник имеет возможность рисовать члены на экране и шерить свой рабочий стол в любой момент. А настройки Zoom, запрещающие участникам это делать, запрятаны глубоко в недрах веб-интерфейса, поэтому стрим был сорван. Но я разобрался с настройками и на следующей неделе можем провести сессию в лайве с вопросами и ответами после основного часа.


О сессиях

Условия приватных сессий

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

Записаться можно лично: @okunev.

@slashdesigner #менторство #для_профи

YouTube
#сессия 1. Ольга. Как собрать продуктовое портфолио
28.02.2024 / 16:02

#стрим

Начинаем сессию с Ольгой.

[стрим остановлен по техническим причинам]

@slashdesigner

28.02.2024 / 13:02

Открытые менторские сессии по продуктовому дизайну

Чтобы показать, как я провожу менторские сессии @slashdesigner, раз в неделю я буду проводить одну открытую сессию в формате стрима.

Каждую неделю — новый участник. Длительность сессии — 1 час в формате 1 на 1, а также до 100 зрителей. Позже запись стрима загрузим на YouTube.

Миссия этого проекта — делиться полезным контентом, который основан на реальных рабочих проблемах дизайнеров.


Для участия требуется

1. Сформулировать запрос. Это может быть оценка твоего уровня, анализ портфолио, помощь в работе над продуктовым кейсом или дизайн-задачей.

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

3. Заранее настроить Zoom, проверить звук и видео.

4. Проверить, что у тебя хорошее интернет-соединение со скоростью не ниже 50 Мбит в обе стороны. Иначе нам придётся прервать стрим.

5. Организовать тихое рабочее место.

6. Выделить 1 час твоего времени в среду, в 16:00 по Москве, 19:00 по Алматы.

7. Оставить заявку с запросом и небольшим рассказом о своём опыте в виде личного сообщения мне: @okunev.

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

Если ты хочешь записаться на платную конфиденциальную сессию, смотри пост об условиях. Отзывы: @slashfeedback.

@slashdesigner #менторство

20.02.2024 / 16:02

#снек 29. Основы коммуникации, часть 5. Фасилитация установочной встречи

В предыдущих снеках про коммуникацию: об основной идее про доверие, коммуникацию с ЛПР, разбор каналов коммуникации, этапы.

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

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


Перед встречей

1. Обосновываем. То, что можно решить без встречи, нужно решить без встречи, через мессенджер или письмо.

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

2. Анонсируем. Все участники должны понимать, почему мы встретимся, насколько это важно и срочно.

3. Подтверждаем. Каждый должен подтвердить встречу через календарь или тебе лично. Если этого не произошло, она может быть сорвана, потому что кто-то не пришёл.

4. Заранее решаем технические вопросы. Если встреча происходит в незнакомой переговорке, можно заранее сходить на разведку и проверить совместимость твоего ноутбука и проектора, например, заранее настроить, чтобы проектор получал с HDMI 30 Hz, а не 60.

Если встреча будет в формате созвона, убедимся, что у всех установлен Zoom или иной аналогичный сервис. Заранее выдаём доступы на шеринг экрана. Так экономим ценное время на встрече.

Дальше проговорим, что желательно делать на встрече или после.

@slashdesigner #первые_шаги #майндсет

13.02.2024 / 07:02

#снек 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

07.02.2024 / 04:02

Forwarded From Figma

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.

29.01.2024 / 07:01

#снек 27. Основы коммуникации, часть 4. Этапы

В предыдущих сериях: мы начали с основной идеи про доверие, коммуникацию с ЛПР, разбор каналов коммуникации.

Какова общая стратегия, которая ведёт к закрытым задачам и довольным заказчикам?

1. Прощупываем расстановку сил: насколько ЛПР нужна задача? Зачем это выяснять? Если выясняем, что не нужна, стремимся не брать эту задачу в работу, такой дизайн всё равно не дойдёт до прода.

2. Если мы поняли, что нужна, «начинаем поездку» и берём инициативу в свои руки. Делаем установочную встречу. Зачем? Фиксируем рамки и правила работы, организуем телеграм-чат, если планируется постоянная работа с командой и мы не сделали этого раньше.

3. На установочной встрече брифуем: фиксируем проблему и критерии принятого дизайна от ЛПР или его представителя. Зачем?

4. Проговариваем точки контроля на пути: когда мы будем показывать промежуточный результат работы. Зачем?

5. Оцениваем объём работы и только после этого оглашаем сроки.

6. На точках контроля демонстрируем промежуточный результат и сохраняемся. Слушаем фидбэк и корректируем развитие дизайна.

7. Предварительно высылаем готовый дизайн, чтобы он не был сюрпризом для ЛПР на демо. А стоит ли так делать?

8. Устраиваем закрывающую встречу — рок-концерт с фанфарами, всей нашей обаятельностью и вычищенными до блеска макетами: демонстрируем финальный дизайн на демо. Зачем?

9. Слушаем фидбэк: отрабатываем возражения и правки.

10. Демонстрируем исправленный дизайн на повторном демо, либо в переписке. Далее либо идём на шаг назад, либо вперёд, в зависимости от решения ЛПР.

11. ЛПР принимает наш дизайн. Передаём в разработку, закрываем задачу.

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

Дальше в серии поговорим про выстраивание рамок и фасилитацию встреч.

@slashdesigner #первые_шаги #майндсет

29.01.2024 / 04:01
Отзывы: - 0
Поделитесь вашим мнением! Оставьте отзыв:

Похожие

Избранное