Менторство

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

Теперь жалею, что не нашёл себе ментора сразу же, как перешёл к задачам мидла — мог бы съэкономить кучу времени.

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

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

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

Теперь и в 3D

Попробовал снова зайти в 3D, но теперь со стороны Cinema 4D. Инструмент явно удобнее, чем Blender и, как мне подсказало сообщество, лучше подойдёт для использования в веб-дизайне.

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

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

Проектирование больших и сложных продуктов с нуля

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

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

Спойлер советов:
– Минимально жизнеспособные принципы;
– «Творческий масштаб»;
– Тестирование на возрастающих уровнях реализма.

Ссылка на статью

Прокачка команды

В этот раз видео, в котором Lead из 2GIS делится своей методой по прокачке хард-скиллов дизайн-команды.

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

Внутри видео:
– Разбор проблемы;
– Эксперименты с форматами;
– Решение: тренировки в Figma;
– Результаты внедрения;
– Советы для других команд.

Ссылка на видео

Делюсь процессом изучения 3D

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

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

Удивили мощности моего Mac на M1, сцена из видео рендерится быстрее, чем у автора курса.

Закончил мини-курс по 3D

Всё, я сделяль. Последнии шаги были сложными, пришлось даже DaVici Resolve освоить, чтобы собрать из кадров анимацию.

В августе у меня отпуск, планирую вписаться в курс побольше.

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

Семиотический анализ

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

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

Ссылка на статью

Гайд по CX-исследованию

На просторах интернета случайно наткнулся на очень подробный гайд по проведению самостоятельного CX-исследования.

Внутри подробно рассмотрены все этапы исследования: как подготовиться, как проводить, как анализировать. Плюсом в конце идёт глоссарий с полезными ссылками. Годнота, используйте!

Содержание методички:
– Постановка проблемы;
– Анализ вторички;
– Интервью с сотрудниками и экспертами;
– Составление области незнания;
– Выбор дизайна исследования;
– Полевое исследование;
– Анализ данных;
– Решение проблемы;
– Прототипирование и тестирование прототипов;
– Глоссарий и полезные ссылки.

Ссылка на гайд

UPD: Ссылка отвалилась. Файл залил в комментарии.

Цветовые токены в дизайн‑системе

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

Подготовка палитры:
– Reinventing Adobe Spectrum’s colors;
– Физика цвета и тени: применение в дизайн‑системе;
– Воспринимаемая яркость: важная концепция UI-дизайна;
– Accessible color for design systems just got easier.

Инструменты для подготовки палитры:
– Primer Prism;
– Leonardo;
– Huetone;
– Palettte App;
– ColorBox.

Организации токенов в дизайн‑системе:
– Design Tokens on Asana's Design Systems Team;
– Designing Hazel’s Accessible Color System (Part 1);
– Designing Hazel’s Accessible Color System (Part 2);
– Naming design tokens.

Одноименные разделы в хороших дизайн‑системах:
– Goldman Sachs;
– Adobe Spectrum;
– Material Design 3;
– Carbon Design System.

Interface in Game

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

Иногда, когда задалбывает качать насмотренность на «серьёзных» интерфейсах, захожу сюда.

Ссылка на сайт

Сегодня без полезностей.
Сегодня только эта картинка.

Вакансии для дезигнеров

Некоторое время назад начал вести группу закладок с вакансиями у себя в браузере. Сейчас решил всё это дело перевезти в Notion и поделиться с вами.

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

Ссылка на страницу

Интерфейсы, когнитивная нагрузка, «простыни»

Исследователи Alfa решили максимально научно доказать, что форматированный текст лучше «простыни» текста.

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

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

Ссылка на статью

Как дизайнеры тестируют, или что такое дизайн‑ревью

Ксения Беляева — старший продуктовый дизайнер Ozon делится опытом внедрения процесса дизайн‑ревью в своей команде.

Материал годный, советую! Всё расписано достаточно подробно, бери да внедряй по методичке, если у вас назревает необходимость в таком процессе. Бонусом автор делится чек‑листом в Notion и шаблоном для Figma, чтобы проводить ревью.

Внутри статьи:
– Знакомство с дизайн‑ревью;
– Инструкция по внедрению;
– Опыт Ozon;
– Взаимодействие дизайнера и разработчика;
– Плюсы и минусы внедрения;
– Бонусы: чек‑лист и шаблон.

Ссылка на статью

Паттерны проектирования умных отзывчивых интерфейсов

Старая, но супер интересная видео-лекция Виталия Фридмана про интерфейсы с кучей инсайтов и реальных примеров.

Внутри видео:
– Представление как, почему и в каком контексте наши пользователи используют интерфейсы;
– Как создавать человечные интерфейсы;
– Разбор нескольких паттернов для проектировки сложных элементов.

Ссылка на видео

Работа с избранным

Очередной разбор лучших практик в e‑commerce от Hard Client. В этот раз рассматривается тема с функционалом «Избранное».

Внутри статьи:
– Добавление в избранное;
– Подтверждение;
– Кнопка перехода в избранное;
– Placeholder в избранном;
– Страница избранного;
– Списки покупок;
– Удаление из избранного.

Ссылка на статью

Статьи для начинающих лидов

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

Список статей:
– Режим дизайнера и режим лида;
– Иерархия;
– Иерархия и творческая свобода;
– Куда мы двигаемся;
– Перед наймом команды;
– Стратегии взаимодействия;
– Роли: заказчик, исполнитель, пользователь.

Ссылка на сборник

Фреймворки для работы над продуктом

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

Список фреймворков:
– Продуктовая ценность — помогает написать хороший текст для цифрового продукта (инструкция);
– Hero's Face — позволяет сформировать портрет идеального пользователя, который с большой вероятностью совершит целевое действие;
– Growth Points — помогает провести мозговой штурм и найти новые идеи для развития продукта;
– Hero's Journey CJM — позволяет разработать эффективную CJM под любые задачи.

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

Figma. Adobe. Траур.

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

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

Завтра вернусь ❤️‍🔥