#стрим

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

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

@slashdesigner

Читать полностью…

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

Читать полностью…

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

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

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

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


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

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

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

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

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

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

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

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

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

Читать полностью…

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.

Читать полностью…

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

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

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

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

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

slashdesigner.ru/lib/germany/communities

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

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

Читать полностью…

#тизер

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

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

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

Читать полностью…

#снек 26. Основы коммуникации, часть 3. Каналы

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

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

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

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

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

Асинхронные — почта, тикеты, телеграм-чаты, комментарии в Figma или Notion. Они позволяют медленно анализировать большие объёмы информации в спокойной обстановке, а также отслеживать, когда произошло что-то важное. Однако, все асинхронные каналы имеют существенный недостаток: информация может искажаться при передаче, поскольку каждый читатель интерпретирует текст по-своему. Когда отсутствует быстрая обратная связь, возникает дискоммуникация, которая делает рабочий процесс тяжелее и откладывает срок принятия дизайна.

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

Синхронные: личная встреча и созвон.

Асинхронные: письмо, чат команды, Ноушн или Конфа.

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

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

Читать полностью…

#снек 24. Про баланс текстов и иллюстраций в портфолио

Моя коллега по прошлой работе в Ozon и хорошая знакомая Юля Черкасова написала ценные дополнения для поста про формат портфолио. Ранее она рассказала, когда может потребоваться портфолио в PDF, теперь. Кстати, сейчас Юля ищет работу в Германии и я рекомендую её как отличного специалиста.


Ей слово:

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

Мои советы:

1. Да, иметь в портфолио разборы кейсов, где ты рассказываешь про процесс и свой ход мысли — обязательно. НО! Кейс должен быть понятен и без текста. В нём должно быть достаточно иллюстраций, чтобы зацепить менеджера прочитать хотя бы подзаголовки и показать твой профессионализм. Менеджер принимает решение, стоит ли звать дизайнера на интервью уже за первую минуту просмотра портфолио, и он точно не будет сидеть и 20 минут вчитываться, что ты расписал. Об этом он лучше послушает на интервью от тебя лично.

2. Описывать сложный проект — тоже непростая задача. Не рассчитывай, что нанимающая сторона точно поймет, что происходит в кейсе, прочитав текст.

[Саша дописал: тем важнее как можно конкретнее описать решаемую задачу в первом экране кейса.]

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

@slashdesigner #для_профи #портфолио #карьера

Читать полностью…

#снек 22. Коммуникация с заказчиком: основы

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

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

Сегодня же начну обсуждать ценности, которые лежат в основе эффективной работы дизайнера с заказчиками. Получилось в четырёх частях:

1. Доверие
2. Фасилитация и выстраивание рамок
3. Коммуникация
4. Проверка решения


Часть 1. Доверие

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

«Мы встретились, чтобы я помог тебе. Ты можешь мне довериться» — вот основная мысль, которую я транслирую с первой же встречи. Если нет доверия к тебе, не будет доверия и к результату твоей работы, каким бы классным он ни был. Тогда нас ждут долгие согласования, правки, взаимные упрёки и далее по списку.

Формула, по которой мы зарабатываем доверие:

1. Фиксируем договорённости и потребности
2. Поддерживаем непрерывную прозрачную коммуникацию
3. Выдаём стабильный предсказуемый качественный результат
4. Подводим итоги, чтобы зафиксировать успехи в голове у заказчика

Продолжение следует, будет занятно.

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

Читать полностью…

#снек 21. Когда может потребоваться портфолио в PDF

Моя коллега по прошлой работе в Ozon и хорошая знакомая Юля Черкасова написала ценные дополнения для поста про формат портфолио. Ей слово:

В Hello Fresh 20 000 сотрудников, 7,3 миллионов активных пользователей.

Их форма отклика на вакансию очень простая — поле для файла CV, пара инпутов для личных данных, загрузка cover letter и портфолио. Можно добавить файл из Dropbox, OneDrive или загрузить с диска.

За неимением портфолио в PDF, мне пришлось извращаться и заливать файл с первой страницей Ноушена со ссылками на проекты. Но и тут был подвох — загруженный с диска файл не мог быть больше 2 mb. На файлы с Dropbox и OneDrive ограничений не было.

Выводы:

1. Не все работодатели заботятся о твоём опыте и могут совершенно абсурдным образом мешать податься на вакансию. Ну вот что им стоило добавить инпут для ссылки на сайт?

2. Иметь упрощённую версию портфолио в PDF может быть полезно, потому что все работодатели разные, и требования тоже. К слову, Hello Fresh были первыми на моем опыте, кто требовал портфолио файлом, но убила я времени на эту заявку гораздо больше, чем на форму из 5 страниц в Amazon.

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

@slashdesigner #первые_шаги #карьера

Читать полностью…

Промты для #Midjourney и #StableDiffusion — по ссылкам:

1. Криповый пет-проект Кирилла Липового, канал @detach_instance, который завёл инстаграм-аккаунт виртуальной модели и сгенерил ей портфолио в Stable Diffusion.

2. Женский портрет, Midjourney, автор: @iamalexmarco

3. Генерация гор, Midjourney от x.com/ciguleva

4. Мужской портрет, Midjourney, автор: @marsov

5. Дом в лесу, Midjourney, автор: @Nellya_N

6. Абстрактная 3D-иллюстрация, Midjourney, канал: @detach_instance

7. Генерация абстрактного фона, Midjourney от x.com/ciguleva

8. Иллюстрация про восточный календарь, Midjourney, автор: @marsov

9. Иллюстрация скелета, Midjourney, автор: @suhow_k

10. Иллюстрация зайца, Midjourney, автор: @Llaplllas.

Читать полностью…

#снек 19. Про формат портфолио

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

Как не надо:

Никогда не присылай портфолио в формате PDF-презентации, загруженное на Яндекс Диск, или Dropbox, это самый лютый ад. Это автоматически даёт понять нанимающей стороне, что ты не думаешь об их пользовательском опыте. Если они в принципе нажмут на такую ссылку в своей системе отбора кандидатов, в первую очередь они увидят рекламу в сайдбаре, а также будут вынуждены листать слайды в кошмарном веб-превью.

Также плохая идея прикладывать PDF-портфолио в электронное письмо. Это ужимает объём доступного тебе размера файла до 15 mb, что недостаточно, чтобы раскрыть тебя. А 200-мегабайтные талмуды неудобно скачивать.

Вообще не делай портфолио в PDF, потому что такой формат подходит только для личной презентации твоих работ. Презентация себя — не портфолио, это отдельный жанр.

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

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

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

Если в портфолио 10 кейсов, продуктовый дизайнер не понимает, что он должен показывать. Классическая ситуация — когда джун показывает 7 работ, 1-2 из которых хоть отдалённо продуктовые, а остальное вообще лендинги или графика, которые непонятно зачем включены в портфолио.

Как надо:

Портфолио продуктового дизайнера — это либо отдельный сайт на конструкторе, либо, на худой конец, Ноушн. Важно убедиться, что ссылка открыта для всех желающих. Кейсы разделены по ссылкам и между ними есть возможность переходить. Хороший кейс — это как правило что-то детальное и с объёмным количеством полезного текста. Графика может помогать, чтобы не было скучно читать.

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

Максимум в портфолио может быть до 3 релевантных жирных хорошо наполненных кейсов, с детальным описанием проблемы, ЦА, гипотезами, решениями с обоснованием. Это крайне сложно сверстать в Behance. И даже это уже более чем достаточно. На собеседовании со второго кейса уже как правило понятно, хватает ли тебе опыта, или нет.

По теме: Гайд Анны, часть 2: Портфолио

@slashdesigner #первые_шаги #карьера

Читать полностью…

#стрим DSGN Meetup начинается.

Смотреть в Zoom →

Для вопросов: @rmr_helper

@slashdesigner

Читать полностью…

#анонс #стрим

DSGN Meetup от red_mad_robot Central Asia в Алматы и онлайне

9 декабря, 14:30 по Алматы, 11:30 по Москве, 10:30 по Киеву

Темы выступлений

1. Кто такой дизайнер в дискавери и деливери фазах и зачем он нужен
Полина Хоменко, Design Team Lead, ex-Avito, Богдан Артеменко, Senior Product Designer, Bank Centercredit

Кстати, мы с Полиной вместе работаем, а с Богданом записали стрим про Apple Vision Pro.

2. «Рост дизайнера через UX-исследования»
Ислам Каимбаев, Product Designer, r_m_r CA, Малика Ягудина, UX-исследователь, Jusan Business

3. «Тебе не надо быть лидом, если…»
Мария Шкунарская, Lead Product Designer, Usability Lab

4. «Да кто такой ваш этот хэд?!»
Асылхан Назир, Head of Design, r_m_r CA

Митап пройдёт онлайн redmadrobot_asia?si=OER1UD9fD2Trrsj1">на YouTube r_m_r CA и офлайн в коворкинге. Увы, мест на офлайн не осталось. Чтобы посмотреть стрим, следует зарегистрироваться.

@slashdesigner

Читать полностью…

#UI_ревью 6. Разбор лендинга для электромобиля Hyndai

Исходная работа

Автор: @km638299

Привет! Сделала проект в учебных целях, хотелось бы услышать, как по качеству для джуна.

И можно ли попробовать с ней проходить собеседования в качестве работы в портфолио. Ну и все косячки и "направления роста", если можно. Задача была — сделать лендинг электрокара.

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

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

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

PS – пожалуйста, давайте закончим с лендингами, это довольно простой уровень интерфейсов :)

@slashdesigner #первые_шаги

Читать полностью…

#анонс #стрим
Открытая сессия №1. Ольга и портфолио

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

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

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

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

Ссылка на Zoom появится в канале перед стримом. Кстати, в канале отзывов появился новый отзыв о сессиях.

Видеозапись будет выложена на slashdesigner">YouTube /designer.

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

Читать полностью…

#снек 30. Основы коммуникации, часть 6. Фасилитация установочной встречи, продолжение

В прошлом снеке начали говорить про подготоку к первой встрече по проекту. В этом проговорим советы по тому как вести встречи и что делать после.


Во время встречи

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

Контекст. В первые минуты имеет смысл рассказать об общем контексте и ещё раз повторить анонс встречи, подтвердить, что мы собрались решать именно эту проблему.

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

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

В процессе брифа следим, чтобы участники не залезали в телефоны. Возвращаем их внимание уточняющими вопросами. Если человек не вовлечён, он считает, что происходящее его не касается, ему не интересно или в его поле зрения есть что-то более важное. Идентифицируем, почему человек отвлекается и оцениваем, критично ли это. Важно, чтобы вовлечён был ЛПР. Дополнительные участники могут отвлекаться и это не критично.

Отсекаем ветки обсуждений. Если мы понимаем, что обсуждение уже 5 минут не приближает нас к решению исходной проблемы, модерируем его и предлагаем вынести в отдельную задачу и обсудить в другой раз, либо в оставшееся время. Можем сразу зафиксировать в виде задачи и «запарковать».

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

Встреча не должна длиться дольше часа, потому что пытки запрещены конвенцией о защите прав человека.


Если что-то идёт не так

Базовая концепция твоей устойчивости, которая поможет победить синдром самозванца и не бояться на встречах:

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

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

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


После встречи

Обязательно высылаем всем участникам фоллоу-ап — тезисы с основными договорённостями.

Это защищает нас от того, что ЛПР не до конца понял, о чём мы договорились на встрече. Только после этого мы можем спокойно погружаться в исследование и проектирование решений.

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

@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

Читать полностью…

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Читать полностью…

Подробнее

Читать полностью…

#опрос

В @slashdesigner значительно снизились просмотры постов. Прошу поучаствовать в опросе, чтобы мы смогли выяснить, как скорректировать стратегию развития канала.

Читать полностью…

#снек 25. Первые итоги менторской программы /designer. Как понять свой фокус дизайнера

С момента первого анонса о запуске менторских сессий @slashdesigner ко мне обратились 9 человек, четверо из них стали заниматься регулярно. Я провёл уже более 15 часов консультаций.

В @slashfeedback появились новые отзывы, и все они пока позитивные. Буду оставлять все реальные отзывы, даже если они будут негативными, пусть будет всё по-честному.

Типичный запрос — на определение фокуса дизайнера, анализ сильных и слабых сторон. Многие дизайнеры хотят понять, где они находятся и куда двигаться дальше. Для этого через SWOT-анализ вместе разбираем всё, что человек умеет и не умеет, какие возможности и угрозы видит. Вместе прописываем, как он определяет свой фокус. Кстати, это можно попробовать сделать и самостоятельно. Однако, возможно не учесть свои слепые зоны: что-то, что ты не можешь обнаружить без взгляда извне. Как раз для этого может быть полезен ментор, который сможет непредвзято посмотреть на тебя со стороны.

Мой фокус — это мой ответ на набор вопросов:

Что за продукт, который я как дизайнер продаю работодателям? Что именно мне можно доверить, чтобы я принёс осязаемую пользу бизнесу? В чём мои персональные склонности? Через какие метрики можно проверить результаты моей работы?

Пример моего текущего фокуса:

Я, Саша Окунев — дизайн-менеджер, который организует проектирование интерфейсных систем любой сложности. Мне интересно заниматься проектами в сегментах B2C, B2B и особенно B2E, глубоко погружаться в системную аналитику. Я руковожу дизайн-командой, организую предсказуемые комфортные дизайн-процессы, выстраиваю коммуникацию между всеми участниками проекта. В данный момент занимаюсь разработкой дизайн-систем и их внедрением в масштабе корпораций. Я могу синхронизировать любое количество продуктовых команд, чтобы работали по единому дизайн-стандарту в рамках существующего технологического стека. Это даёт возможность корпорациям экономить ресурсы дизайна и разработки, увеличивать NPS через внедрение нового дизайна, а также сокращать Time To Market.

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

Все сессии мы проводим в Zoom и пишем на видео. После встречи текстом прописываю итоги и дальнейшие шаги.

Пока остаётся небольшое количество свободных слотов по пятницам и воскресеньям, можно записаться лично: @okunev. Цены.

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

Читать полностью…

#снек 23. Часть 2. Коммуникация с ЛПР

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

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

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

В крупных компаниях может быть ситуация, когда есть большой руководитель, от которого нам приходит задача. Он недоступен для ежедневной оперативной работы, и это нормально. Тогда 95% времени мы работаем с его сотрудником. В этом случае мы всё равно отдаём себе отчёт, что ЛПР — первый человек и дизайн будут считаться принятым, только когда его примут на верхнем этаже.

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

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

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

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

Читать полностью…

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

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

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

Я периодически провожу такие сессии на протяжении последних 5 лет, но теперь принял решение сделать их регулярной практикой. Свежие отзывы студентов можно найти в канале @slashfeedback. Даже одна сессия может привести к важным открытиям и пробить стеклянный потолок, который мешал развиваться.


С чем могу помочь

- Конфиденциально разберём сложные UX-задачи с работы, вместе поштормим и сгенерим гипотезы, смотри рубрику #UX_задача
- Приведём в порядок дизайн-ассеты, сделаем уборку и внедрим лучшие практики оптимизации в макетах: киты, компоненты, стайлгайды
- Компаниям: помогу вашей команде организовать дизайн-систему
- Разложим по полочкам, что ты умеешь и что можно ещё изучить. Индивидуально подберём курсы и книги для прокачки
- Проговорим, как использовать твои умения максимально эффективно и на чём сфокусироваться
- Дам качественную бережную обратную связь по твоему дизайну, как на #UI_ревью, только в реальном времени
- Помогу написать резюме и привести в порядок портфолио, посмотреть на него глазами нанимающего
- Подготовлю к интервью, проведём мок-интервью и сделаем презентацию о тебе
- Распишем дальнейшую карьерную стратегию, как договариваться о повышении и грамотно делать трансферы
- Преодолеем страх отказа при найме, если ты думаешь, что не сможешь найти работу ещё лучше

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

Стоимость сессии для дизайнеров: 1 час — 5 000 ₽ / 60 $ / 25 000 ₸. При оплате 5 сессий скидка 10%.

Цена часа для компаний — 10 000 ₽ / 120 $ / 50 000 ₸.

Чтобы откликнуться и забронировать время, пиши: @okunev.

PS – в @slashdesigner больше не будет коммерческой рекламы. Весь доход от сессий я вкладываю в проект: оплачиваю работу корректора и редактора, чтобы выпускать такие материалы и обновление курса по Figma, вкладываю в рекламу и хостинг для slashdesigner.ru. Через участие в сессиях ты можешь поддерживать наш проект.

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

Читать полностью…

Подборка 10 генераций из /imagine с промтами

@slashimagineai — чат проекта @slashdesigner про генерацию изображений в AI. Мы рады новым участникам, которым любопытно исследовать возможности Midjourney и делиться своими находками.

@slashdesigner #первые_шаги #AI

Читать полностью…

#снек 20. Баланс цены и ценности

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

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

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

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

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

Кейс: наш сотрудник — важный руководитель, который едет в турне по филиалам, чтобы встретиться с сотрудниками. Поэтому, мы решаем отказаться от классического паттерна подбора билетов, как на агрегаторах: «выбери билет туда и обратно». Вместо него мы придумываем сущность события, под которое подбираются билеты, отель и трансферы. В командировку можно добавлять несколько событий, чтобы покрыть кейс про турне. Но 99% сотрудникам будет достаточно более простого интерфейса, в котором есть поля «туда» и «обратно», у них событие будеть всегда только одно.

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

Надо всегда задаваться вопросом: а адекватна ли цена за ту ценность, которую мы доставим в ближайшем релизе? Что можно отрезать, чтобы фича достигла прода быстрее и как можно скорее начала работать?

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

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

Читать полностью…

#снек 18. Заменит ли AI дизайнеров?

Да. Я считаю, что заменит, и это неизбежно произойдёт в ближайшие 5-10 лет, прямо на наших глазах. AI в конечном итоге научится делать работу дизайнера лучше любого человека. Но это не повод для паники, это повод следить за происходящим и готовиться переучиваться, чтобы не потерять актуальность на рынке.

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

Процесс перехода на дизайн от AI не будет мгновенным. На адаптацию к новым инструментам потребуется значительное время, как со стороны бизнеса, так и со стороны исполнителей. Скорость этого процесса упирается в появление AI-инструментов, подобных Midjourney и ChatGPT.

Могу привести пример, как сокращает количество рабочих мест ChatGPT прямо сейчас в других творческих профессиях, например в профессии методиста. Цифры взяты грубо, для примера. В команде есть 10 методистов, задача которых — писать тексты домашних заданий для онлайн-курсов. Если в команде появляется один методист, который хорошо владеет ChatGPT, он работает с той же эффективностью, с какой 5 методистов писало эти задания вручную. По задаче написания домашек команду можно урезать до нескольких опытных методистов, которые хорошо владеют новым инструментом и могут валидировать материал за AI. Остальные первоклассные компетентные сотрудники, которые не обладали новым навыком, увы, уже сегодня отправляются искать новую работу.

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

Когда появится система, которая по текстовому запросу сможет делать готовый IT-продукт, очень дорогостоящий процесс продуктовой разработки изменится до неузнаваемости. Такая система сможет заменить не только дизайнера, но и пару департаментов в корпорации, таких как маркетинг и IT. Она сможет всё, что сейчас делают люди разных ролей: проанализировать потребность в продукте или отдельной фиче, провести любые виды исследований, спроектировать оптимальный опыт, нарисовать себе UI, сформировать дизайн-систему, сверстать её на любом языке с учётом любых требований к фронту, написать юнит-тесты, выкатить в релиз, мониторить нагрузку на бэке, чинить инциденты. И да, она войдёт в цикл продуктовых улучшений. Рано или поздно она неизбежно начнёт конкурировать с продуктами, созданными целым классическим департаментом разработки из сотен человек и победит его.

Тот, кто будет уметь с ней работать, понимать и улучшать её, ещё какое-то время останется при хорошей работе. Все остальные привычные нам роли, не сумевшие адаптироваться к новой реальности, к сожалению, перестанут быть нужны бизнесу. Оставшимся не придётся делать ручную работу. Их задачей станет human touch — валидация работы, сделанной AI и написание запросов для AI.

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

Читать полностью…

#снек 17. Про референсы и избегание плагиата

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

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

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

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

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

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

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

Читать полностью…

Оглавление

- 1. Не используются страницы
+ 2. Навигация по фреймам
- 3. Навигация через виджеты не работает на View-доступе
+ 4. Блок Preparation погружает в контекст
- 5. Небрежная редактура + внезапные вставки на немецком
+ 6. Ссылки на конкурентов в Competitors
+ 7. Хорошие рефы
- 8. Грубо сделанные скриншоты
- 9. Недостаточно сфокусированный мудборд без комментариев
+ 10. Второй мудборд с более похожими образами
- 11. Визуальные приёмы из мудбордов не находят отражения в концептах
- 12. Слишком большой контраст на первом концепте
+ 13. Более сдержанный стиль с хорошими образами
- 14. Странно оформленная информационная архитектура
- 15. Слишком отполированные аккуратные вайрфреймы, которые было долго делать
- 16. Великоватый хедер по высоте
+- 17. Модульная етка, но меню мимо неё
+ 18. Эффектная фотография в hero
- 19. Старомодные угловатые кнопки
? 20. CTA возможно стоит сделать на конфигуратор
- 21. Иконка Chat в странном месте
+22. Хорошо бы поджать кернинг в заголовках
- 23. Скучная вёрстка с машинками
+ 24. Качественные образы машины
+ 25. Удачное лайфстайл-фото
- 26. Фото мимо модульной сетки
- 27. Нет признака текущего фото в слайдшоу
- 28. Отзывы на лендинге не убеждают, не тот тип покупки
- 29. Излишний акцент на иконках соцсетей и кнопке Subscribe

Читать полностью…

#гайд в 4 частях от Анны Лесной
Как дизайнеру найти работу за рубежом, Часть 3. Прензентация о себе

Читать: slashdesigner.ru/lib/hanna-guide/self-presentation

Что внутри
- Почему презентация важна
- Как пришла к идее сделать презентацию
- Блок 1. UX-challenges
- Блок 2. UI-challenges
- Блок 3. Лидерство
- Блок 4. Последний любимый проект
- Блок 5. О себе
- Блок 6. Планы на компанию
- Подборка полезных видео

Предыдущая часть: 2. Портфолио

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

Читать полностью…