#анонс #стрим
5. Про дизайн-системы

В эту пятницу, 26 мая 2023, в 18:00 по Алматы (UTC+6), проведу часовой стрим про дизайн-системы.

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

Возможно, перед этим стримом будет полезно посмотреть мой предыдущий выход в эфир, который Ozon организовывали совместно с Figma: Слияние дизайн-систем, опыт Ozon. Там больше был формат лекции со слайдами.

Здесь будет меньше теории, а больше живого общения и обмена опытом. За год работы над новой дизайн-системой Kaspi.kz у меня накопилось много нового, что я мог бы рассказать без нарушения NDA.

Можно задавать вопросы в комментариях этого поста или живьём на стриме. Запись будет выложена на YouTube /designer.

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

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

#снек 2. Первый шаг к развитию визуального вкуса — ввести в привычку Daily UI Review

Чтобы прокачаться в UI и визуале в целом, следует начать с ежедневной рутины — Daily UI Review. Каждый день, желательно в одно и то же время по будильнику ты садишься за комп, засекаешь 30 минут и начинаешь поиск: находишь во всём доступном тебе контенте одну картинку и по пунктам прописываешь, что тебе в ней понравилось, а что нет.

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

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

Если это чей-то дрибл-шот, вопросы к нему могут быть такие: Что именно вызвало у тебя «ух ты»? Какая цель стояла перед дизайнером? Это образное или инженерное решение? Есть ли здесь решение дизайн-проблемы? Какая цветовая гамма? Есть ли акценты? Какая сетка и композиция? Какие ассоциации это вызывает? Это для кого? Это строго или экспрессивно? Если это строго, что с с консистентностью? Если экспрессивно, какая эмоция у образа?

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

Далее по теме: Из чего состоит UI.

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

#снек 3. Сроки сдвигать можно

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

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

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

@slashdesigner #первые_шаги #софты

Как дизайнеру найти работу за рубежом
#гайд в 4 частях от Анны Лесной

Предыдущая часть: 1. CV

Часть 2. Портфолио

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

Что внутри
- Версия 1, минималистичное портфолио Анны, плюсы и минусы.

- Версия 2, в виде детального кейса. Демонстрация процесса важна, упор на текст.

- На что важно сделать акценты при сборке портфолио? Каков был твой вклад в проект?

- Что делать, если работа под NDA: использовать вайрфреймы, затирать брендинг или делать выдуманные интерфейсы.

- Рассказывай законченную историю, приложи реальные фото рабочего процесса.

- Подборка полезных ресурсов по теме: где искать портфолио других дизайнеров.

- Подборка из 11 индивидуальных сайтов-портфолио. Здесь можно посмотреть, как выглядят топовые портфолио дизайнеров из Apple, Google, Microsoft.

- Подборка из 10 портфолио в Notion. Стоит ли делать портфолио в Notion? Спойлер: Если тебе нравится, почему бы нет.

- Подборка из 7 сайтов агентств для вдохновения.

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

Начинаем стрим про дизайн-системы, пост для вопросов и комментариев.

#видео #стрим
5. Про дизайн-системы

Запись: youtu.be/tx3hP2axURg

Слайды

00:00 Intro

00:46 Программа

03:07 Мой опыт

04:37 Требования

07:15 Этапы разработки

17:18 Как убедить, что ДС нужна

23:46 Токены

28:30 Стандарты

29:22 Компоненты

34:06 Ограничения

36:41 Фракталы

43:53 Примерка

46:08 Стресс релиза

48:02 Нарезка UI-кита

54:01 Свойства компонентов

55:20 Токены в компонентах

01:00:39 Перенос стилей и мастеров

01:08:34 Плюсы и минусы нарезки

01:11:23 Недостаток Tokens Studio

01:12:41 Swap Library

01:16:36 Типы китов

01:19:38 База компонентов в Notion

01:21:45 Обновление компонентов

01:23:06 Отслеживание статусов

01:26:10 Затыки

01:28:55 Заключение

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

#снек 4. Шкала давления/доверия

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

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

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

Перед любым менеджером стоит две конфликтующие между собой задачи: держать команду в тонусе, чтобы добиться результата для бизнеса и одновременно доверять своим дизайнерам, чтобы дать им максимум свободы и кайфа от работы.

@slashdesigner #для_профи #стать_лидом #софты

#снек 5. Чем веб-дизайнер отличается от продуктового?

Со стороны это две похожие профессии, которые радикально различаются в своих целях и длительности проектов.

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

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

Конечно, веб-дизайнер может попытаться делать мобильные приложения, но за неимением экспертизы в гайдах платформ iOS и Android обычно ограничивается применением Montserrat. Его скорость принятия решений должна быть довольно высокой, иначе он не выживет. Веб-дизайнер мыслит проектами: проект может длиться от пары часов за сайтик на Тильде до пары месяцев за добротный дорогой сайт, сделанный вместе с фронтенд-разработчиками.

Продуктовый дизайнер — это корпоративный дизайн-инженер, который делает сложные IT-продукты. Через проектирование сценариев (=флоу) и проверку гипотез исследованиями он улучшает пользовательский опыт. Ключевое понятие для него — эффективность опыта.

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

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

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

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

#анонс #стрим
6. Про дизайн-системы (часть 2)

В эту пятницу, 2 июня 2023, в 21:00 по Алматы (UTC+6), в 18:00 по Москве/Киеву проведу ещё один стрим про дизайн-системы.

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

Что обсудим
- Палитры, светлые, тёмные и кастомные темы, применим Swap Library
- Адаптивность в мультиплатформенной дизайн-системе: брейкпоинты
- Дизайн-ревью компонентов
- Дизайн-системы в стартапах (это кликбейт!)
- Как отдавать спецификации
- Ченджлоги и оповещения об апдейтах
- Твой вопрос

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

Прошу задавать вопросы в комментариях этого поста или живьём на стриме. Запись будет выложена на YouTube /designer.

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

#снек 6. Зачем дизайнеру вести телеграм-канал

Заводить образовательный канал имеет смысл в двух случаях:

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

2. Когда ты становишься экспертом и тебе есть чем поделиться. В этом много полезного пережитого опыта.

Нет ничего плохого в том, что дизайнер на самом старте начинает активно писать, преодолевая свой синдром самозванца. Этот контент бывает более ценный и свежий, чем вычищенный от личного опыта очередной пережёванный сюжет про правило близости или модные тренды этого года в UX/UI.

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

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

Больше о бэкстейдже /designer пишу в личном канале, ищи посты по хэштегу #бэкстейдж.

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