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

/designer

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

Последние записи с канала

#скринкаст
Как замоделить 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

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

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

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

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

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

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

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

01.03.2024

#сессия №1. Ольга

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

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

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


Бонусы

Персональная страница менти — здесь запрос и описание её проектов.

Фоллоу-ап по итогам сессии
+ домашнее задание


О сессиях

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

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

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

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

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

#стрим

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

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

@slashdesigner

28.02.2024

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

Чтобы показать, как я провожу менторские сессии @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

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

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

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

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


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

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

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

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

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

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

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

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

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

13.02.2024

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

29.01.2024

#гайд Как дизайнеру переехать в Германию

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

Читать оглавление:
slashdesigner.ru/lib/germany

Мы составили гайд в 11 частях на базе вебинара Среды Обучения, гостем на которой был Дима Марков. Кстати, у него есть канал @dimamarkovdesign. Вебинар прошёл около года назад и поэтому некоторые вещи устарели, но в тексте мы с Димой их актуализировали.

В первой части речь пойдёт о сообществах, которые будут полезны релокантам: Слаке berlinru, Вастрик.Клубе и сообществе ИТ Берлин в Фейсбуке.

slashdesigner.ru/lib/germany/communities

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

@slashdesigner #для_профи #карьера #эмиграция

22.01.2024
22.01.2024

#тизер

Мы с моей помощницей Полиной приготовили детальный текстовый гайд Димы Маркова о том как дизайнеру переехать работать в Германию.

Гайд выйдет в понедельник, 22 января.

@slashdesigner #для_профи #эмиграция

18.01.2024

Итак, опрос про снижение активности

Anonymous Poll

41% - Конкуренты: слишком много каналов, посты теряются

15% - Формат: Неинтересно читать тексты, хочу больше медиа

18% - Контент: Сами темы не цепляют, формат и конкуренты ни при чём

2% - Платформа: я не читаю каналы в принципе, контент про ПД получаю в других местах

5% - Контекст: мне в целом не до продуктового дизайна

3% - Другой вариант, напишу в комментарии

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

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

Похожие

Избранное