Я уже так давно не вёл канал, а люди всё ещё приходят. Похоже, придётся продолжать начатое, есть тут что-то интересное для людей.

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

Первый ю-тест

Вчера провёл своё первое юзабилити тестирование. Да-да, 3 года в сфере, куча теории и только сейчас практика.

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

Во время проведения теста по стандарту допустил все ошибки новичка:
– Не подготовил респондента к тестированию на компьютере;
– Не знал, как дать права на шейринг экрана в Zoom 😅;
– Задавал закрытые или на половину содержащие ответ вопросы.

Ошибок могло быть и больше, но подготовка и подробное расписывание плана исследования очень помогло.

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

FISH: фреймворк для анализа интервью

Речь пойдёт о простом фреймворке FISH для работы с качественными данными, с примерами анализа и извлечением идей из высказываний пользователей.

Внутри статьи:
– Когда можно анализировать по FISH;
– Подробнее про фреймворк;
– Пример анализа и формирование гипотез.

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

Копирование

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

Какой метод UX-исследования использовать

Всем кто только стартует в исследованиях, советую изучить фреймворк Елены Бородиной для выбора медота UX-исследования.

Дополнительно к фреймворку идёт небольшая статья объясняющая как им пользоваться.

Ссылки для изучения:
– Перевод статьи;
– Оригинальная статья;
– Фреймворк.

Проектирование корзины в e-commerce

Вау, это что-то невероятно годное! Чувак проанализировал огроменный пулл отечественных и зарубежных e-commerce и подсветил лучшие практики проектирования корзины в них.

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

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

И эта статья лишь часть огромной серии исследований e-commerce на поиск лучших практик.

Человек делает огромную и очень полезную работу, да и делится этими материалами бесплатно. Очень советую почитать его статьи, даже если вы не работаете в e-commerce.

Ссылка на все статьи

Активация нескольких табов

В Cinema 4D в окне атрибутов есть возможность активации сразу нескольких табов.

Взаидойствие осуществляется с помощью зажатия Alt (или Option на Mac), ЛКМ и перемещения курсора по элементам, которые вы хотите активировать.

Как сдвинуть эту махину: прийти в крупную компанию и не утонуть в бюрократии

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

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

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

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

Советую к изучению, если заинтересовала статья. Годно.

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

Менторство

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

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

Когда был джуном, поиск информации был лёгок: в распоряжении уроки на 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

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

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

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

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