Получи случайную криптовалюту за регистрацию!

/designer

Логотип телеграм канала @slashdesigner — /designer D
Логотип телеграм канала @slashdesigner — /designer
Адрес канала: @slashdesigner
Категории: Дизайн
Язык: Русский
Страна: Россия
Количество подписчиков: 15.96K
Описание канала:

Канал про продуктовый дизайн, инструменты и практику. Рекламы нет.
Рубрики: #первые_шаги #для_профи #Figma #майндсет #UX_задача #UI_ревью #дизайн_системы #помоги_беженцам #эмиграция
Форматы: #снек #статья #видео #анонс #видео #подкаст
Автор: @okunev

Рейтинги и Отзывы

2.00

2 отзыва

Оценить канал slashdesigner и оставить отзыв — могут только зарегестрированные пользователи. Все отзывы проходят модерацию.

5 звезд

0

4 звезд

0

3 звезд

1

2 звезд

0

1 звезд

1


Последние сообщения 15

2021-11-15 17:55:43 /designer pinned a photo
14:55
Открыть/Комментировать
2021-11-15 11:03:05 Основа архитектуры в доках: навигационные страницы и страницы для контента

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

Навигационные страницы задают вопрос: «чего ты хочешь найти?» и стремятся предоставить максимум вариантов. Они берут на себя функцию оглавления в книге. Точка входа в доку — всегда список. Примеры: «список книг про дизайн» или главная slashdesigner.ru. В них не может быть много сплошного текста, поскольку он их раздует и тем самым затруднит поиск нужной страницы. Такая страница стремится вытаскивать полезные ссылки ближе к точке входа, сохраняя плоскую структуру. Страница в режиме базы данных — тоже навигационная.

Страницы контента стремятся ответить на заданный ранее вопрос: «делай раз, делай два, делай три, профит». В них содержится линейный нарратив по определённой узкой теме: «описание сценария покупки», «как варить борщ» или как сделать анимацию на Smart Animate. Он строится от общего к частному и стремится быть инструкцией в виде нумерованного списка. Посреди текста не может быть объявлено вложенных ноушн-страниц, содержащих ключевую информацию, поскольку их будет крайне затруднительно найти из точки входа, потому что придётся вчитываться в текст. Ссылкой можно дать читателю полезный выбор или дополнительный пример, который актуален в контексте чтения. Если в тексте много ссылок, это делает его шумным и усложняет восприятие. Кроме того, на них могут отвлекаться и не дочитывать статьи. Каждая ссылка — микро-решение: нужно ли мне её нажимать, или стоит продолжить чтение? Это повышает когнитивную нагрузку.

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

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

#первые_шаги #доки #Notion
3.1K viewsСаша Окунев, edited  08:03
Открыть/Комментировать
2021-11-14 16:13:21
Отдыхаешь ли ты в выходные?
Anonymous Poll
33%
Отдыхаю в выходные, не открываю Фигму, не отвечаю на рабочие чаты
29%
Иногда приходится брать работу на выходные, могу ответить в рабочих чатах
11%
Выходные обычно отдыхаю за компом
9%
Я фрилансер и работаю 24/7
10%
Я отдыхаю всегда
9%
Результаты
1.3K voters3.1K viewsСаша Окунев, 13:13
Открыть/Комментировать
2021-11-13 18:17:53 Лекция Школы дизайна Яндекса о дизайн-системах





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

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

Задачи дизайн-системы
- Позволяет дизайнерам и разрабам говорить на одном языке
- Делает продукт консистентным и целостным
- Упрощает и ускоряет работу, минимизирует ошибки

Тезисы
1. Дизайн-систему делают таковой те правила и логика, которые реализованы в коде. Это отличает её от UI-кита.

2. Дизайн-система — это всегда конструктор. Примеры: лего и писменность.

3. Палитра в ДС Карт семантическая и делится на 4 группы: текст, фон, кнопки и иконки. Это позволяет избежать ошибок и не тратить время на ручное перекрашивание элементов.

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

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

6. Яндекс Карты используют единый дизайн для обоих платформ (от себя добавлю, что Ozon тоже так делает).

7. Figma API позволяет автоматизировать обновление компонентов из Фигмы в код, когда это будет нужно разработчику, и это уже реализовано в системе Яндекса. Однако, такой подход делает систему хрупкой и поэтому написали бота для Слака, который палит ошибки и упоминает накосячивших.

#для_профи #дизайн_системы #Яндекс
1.6K viewsСаша Окунев, edited  15:17
Открыть/Комментировать
2021-11-11 14:05:26 Что должен показывать в своём портфолио продуктовый дизайнер

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

«Будет ли полезен твой курс про портфолио тем, кто может показать эффективность своих дизайн-решений?

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

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

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

Проектирование — не про то, чтобы дизайн красочно продавал, это к ребятам из маркетинга. Ежедневно мы препарируем логику, которая кажется сложной и запутанной, редизайним и пилим новые фичи на основе исследований. Большая часть нашей работы не связана с графикой. Поэтому, когда мне присылают ссылку на прокачанный Дрибл, я могу лишь пожать плечами: ну да, ты крут, ты умеешь в UI и даже рисуешь иллюстрации, но это лишь 20% от того, что я ищу. У нас есть UI-кит и целая команда юайщиков. И иллюстраторы, которым можно заказать зарендерить любую иллюстрацию, а твои 2D-люди не подходят нам по стилю. Ты конечно можешь нарисовать иконку, но у нас есть Мега-Андрей, который рисует иконки всем командам Ozon, так что и это уметь не обязательно. В сухом остатке от продуктового дизайнера мне нужно умение проектировать и работать в продуктовой команде.

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

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

Поэтому, я хорошо реагирую на портфолио в Notion. Это решение сразу даёт тебе конкурентное преимущество, поскольку твои кейсы могут содержать вложенные страницы с подробностями, в которые можно провалиться. Такой формат сразу адаптирован на текстовый контент с вставками иллюстраций и видео. Когда верстают текст картинкой, меня это бесит, потому что я часто смотрю портфолио с мобильного по пути на работу и не могу прочитать. Портфолио в Фигме — тоже так себе затея по той же причине. Да, в Ноушне нет лайков, но они мало бы влияли на моё решение, будет ли оффер. 3-4 решённые задачи, оформленные в виде внятных статей или даже видео, сработали бы лучше ссылки на Беханс. Я говорю только за себя. Возможно, другие дизайн-лиды имеют свои критерии и им нужен только Беханс/Дрибл и упор на красивый UI.

А каким ты видишь идеальное портфолио? Накидай в комменты ссылок на классные портфолио, можно и на своё.

#первые_шаги #карьера #UX #ППД
2.5K viewsСаша Окунев, edited  11:05
Открыть/Комментировать
2021-11-10 18:38:03
Стрим: Слияние дизайн-систем, опыт Ozon
17 ноября 2021, 14:00

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

Стрим будет интересен старшим продуктовым дизайнерам из крупных компаний.

У нас одновременно существует несколько дизайн-систем: для основного продукта Ozon, для панели продавца и других проектов. Без объединения не добиться консистентности продуктов, к которой мы стремимся.

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

Итогом стала новая дизайн-система с UI-китом на Фигме. Она заимствовала лучшие практики, которые удалось найти. Её раскатывают внутри Ozon до конца 2021.

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

Зарегистрироваться на стрим →
Бесплатно

#стрим #дизайн_системы #Figma #для_профи
1.9K viewsСаша Окунев, edited  15:38
Открыть/Комментировать
2021-11-02 14:34:09
Книга «Сложный дизайнер»

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

Её пишет Женя Арутюнов, арт-директор дизайн-бюро «Интуиция». В ней он структурирует собственный опыт и знания о профессии дизайнера.

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

Всего в ней будет 9 глав. Уже опубликованы 5 из них, следующие будут появляться в течение этого года.

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

Ознакомиться с полным описанием и приобрести доступ за 740 ₽: intuition.team/book

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

#для_профи #софт_скилы #полезная_реклама
6.7K viewsСаша Окунев, edited  11:34
Открыть/Комментировать
2021-11-01 15:25:31 Стрим про дизайн-системы в Ozon и апдейт по курсу

17 ноября приму участие в первом русскоязычном стриме от Figma на тему «Слияние дизайн-систем: опыт Ozon». Расскажу про наш путь с дизайн-системой, который мы проделали за последний год. Поговорим о том, как происходит слияние нескольких UI-китов и фронтенд-библиотек в одну большую систему, какие в этом процессе есть этапы и подводные камни. По этому поводу скоро будет отдельный анонс.

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

Первый поток откладываем до января 2022. Мне уже нравится то, что получается и не терпится этим поделиться! На этом проекте я осознал, насколько важна в разработке онлайн-курса роль методиста. Он упаковывает контент в что-то удобоваримое для студентов и оценивает эффективность обучения при помощи метрик, позволяя мне думать о том, что давать, а не как.

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

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

#стрим #дизайн_системы #ППД
3.3K viewsСаша Окунев, edited  12:25
Открыть/Комментировать
2021-10-25 11:24:36
Опробовал коннекторы?
Anonymous Poll
19%
Да, огонь! Спасибо за наводку, буду пользоваться
7%
Да, но не зашло. Autoflow всё-таки удобнее
14%
Нет, мне это не нужно
29%
Я не в теме и пропустил пост
31%
Результаты
384 voters1.7K views08:24
Открыть/Комментировать