Пост для общения и вопросов на стриме

#полезная_реклама
Канал «Это красиво, а это нет»

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

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


Авторы канала:

Женя Арутюнов («Сложный дизайнер», Интуиция, Гладлакс, Додо Пицца);

Маша Троицкая (Тинькофф, Яндекс-Практикум, «Как посмотреть»);

Тайная Маша.

Постоянные читатели @slashdesigner могут знать Женю по стриму, посвящённому его книге «Сложный дизайнер». Книгу и наш стрим, как и всё в этом канале, рекомендую лично.


Примеры постов:

Разбор некрасивого Apple Vision Pro, в котором авторы усмотрели что-то из мира УЗИ и томографии. К своему удивлению, соглашусь.

Разбор красивой минималистичной обложки альбома Nothing But The Thieves, минимализм здорового человека.

Мысли про Йельскую школу искусств и её сайт, который могут редактировать все участники школы.

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

Дайджесты в конце каждой недели.

Подпишись: @thisisfinethisisnot

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

#снек 7. Нужно ли тратить время на порядок в слоях?

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

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

Порядок в слоях требуется, когда есть ради чего его создавать.

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

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

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

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

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

#снек 8. Каково было дизайнеру работать со Стивом Джобсом

Рад вернуться в эфир после летнего перерыва. Всем привет! Делюсь крайне любопытным тредом Майкла Дериуса, вот его сайт. Он описывает свой опыт работы с Джобсом, а также проект дизайн-системы Aqua, которым он тогда руководил.

———
О работе со Стивом

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

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

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

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

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

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


Проект Aqua

Когда я присоединился к Apple в 1999 году, одним из моих проектов стал Aqua. Это была новая дизайн-система для Mac OS X.

Проект Aqua сформировал пользовательский опыт и стиль для следующей эры интерфейсов Apple. В основе этой дизанй-системы была гладкая прозрачность, яркие цвета и текстуры реального мира. В 2001 году я возглавил проект адаптации Aqua в целостную систему веб-дизайна для сервисов Apple, таких как Mac и iTunes.

Актуальные тогда проблемы адаптивного веб-дизайна и сопутствующие ограничения веба требовали переосмыслить интерфейсы Aqua, сохранив при этом целостность нашего бренда. Мы создали эстетику WebAqua и WebMetal, чтобы привнести эстетику Mac OS X в веб-браузер. Переводя текстуры, освещение, типографику и элементы управления в веб-среду, мы построили один из первых дизайн-фреймворков, который уходил корнями в дизайн-язык нативной платформы Mac.

Проект WebAqua связал веб и нативную платформу в единую среду с общим пользовательским опытом Apple.

#PDF Aqua HIG, 2002 год

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

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

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

Для самых въедливых: с тех древних пор сохранились гайдлайны Aqua Human Interface Guidelines в PDF, любопытно полистать.

Просто поразительно, как им удалось создать настолько сложную интерфейсную систему за 15 лет до появления Figma.

А ещё текст Майка — хороший пример того, как в портфолио продуктового дизайнера стоит рассказывать о своём вкладе в проект. И этот текст не несёт посыл «смотрите, какой я крутой, потому что работал со Стивом». Он о другом, в нём чувствуется любовь к профессии. Это написано человечно, эмоционально, но с погружением на технический уровень. При этом Майк подчёркивает важность проекта.

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

#анонс FFDD2D Design Conf 2023

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

Будут лекции о будущем дизайна, неидеальных процессах и работе с бренд-медиа.

Конференция для всех, кому интересен диджитал-дизайн:

- Продуктовых и бренд-дизайнеров
- UX-исследователей и редакторов
- Владельцев продукта
- Бренд-дизайнеров

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

Узнать больше и зарегистрироваться:
u.tinkoff.ru/conf-design-2023 →

Программа

11:10 Дискуссия «Будущее дизайнеров и дизайна в развивающемся мире генеративных моделей и копирования»
Модератор: Антон Смирнов, руководитель команды внутреннего дизайна, Тинькофф

12:00 Доклад «Успешный неуспех. И наоборот»
Илья Михайлов, дизайн-директор SberDevices

13:00 Доклад «Не просто текст: как устроен дизайн бренд-медиа Тинькофф»
Максим Смелов, руководитель отдела дизайна медиапроектов, Тинькофф

14:00 Доклад «Большие брендинги малыми силами»
Виталий Цыганков, CEO Tiger Moscow

15:00 «Продукт в тумане»
Иван Семенов, CPO Кинопоиска

16:00 Доклад «Сервис «Долями» от Тинькофф: почему у него свой визуальный язык и собственное медиа?»
Анастасия Яннаева, продакт-лид Долями, Евгения Изотова, продуктовый дизайнер Долями

Узнать больше и зарегистрироваться:
u.tinkoff.ru/conf-design-2023 →

@slashdesigner #полезная_реклама #для_профи

АО «Тинькофф Банк», ИНН 7710140679 ERID: 2Vtzqw14kKz

#снек 9. В чём прикол посещения дизайн-конференций?

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

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

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

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

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

Любая хорошая конференция — это биржа под предлогом прослушивания докладов. Это место, где люди в первую очередь «тусуются по работе». Одни ищут крутых специалистов в команду, другие ищут нового крутого работодателя. Кто-то ищет исполнителей, а кто-то — заказчика. А кто-то ходит на конференции как в Тиндер, чтобы найти девушку или парня. Кто-то приходит похвастаться, а кто-то позавидовать или узнать последние слухи. Настоящая жизнь конференции начинается тогда, когда последний лектор говорит «спасибо, у меня всё».

Пожалуйста, расскажи в комментариях, что тебе дали конференции?

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

#снек 10. Найм с улицы

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

Самая очевидная стратегия поиска работы — Хедхантер или иная биржа вакансий. Эта стратегия также самая неэффективная, поскольку ты приходишь на собес фактически с улицы. Желательно, чтобы она была последней в твоём списке стратегий найма. К таким кандидатам изначально 0 доверия и есть вероятность, что предложенные тебе условия будут хуже, потому что незачем выбивать хорошие. Нет также мотивации предупреждать, что твой потенциальный руководитель — абьюзер или есть другие неприятные моменты вроде переработок или штрафов за опоздания.

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

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

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

В следующем снеке поговорим про хорошую стратегию найма для дизайнера уровня middle+ и выше.

Поделись своим опытом и расскажи свою историю в комментариях! Удавалось ли тебе найти хорошую работу с улицы?

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

#UI_ревью 4. Web site design: landing home page ui

Источник: Halo UI/UX

Анализ визуальных приёмов — в комментариях:

+ Хороший чистый стиль
+ Размытый градиент за надписью
+ Рифма круглых элементов
+ Эффективное использование якорных объектов
+ Простая, но стильная кнопка со стрелкой

- Не привязано к ограничениям реального мира
- Проблема с навигационным меню
- Проблема с типографикой
- Скрытая кнопка Explore
- Текст и стрелка: непонятно их взаимодействие
- Знак хэштега не для коммуникации, а для красоты

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

Перезапускаем рубрику #UI_ревью

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


Как это работает:

1. У нас есть чат @uireview, в котором можно публиковать предложения на разбор. Все желающие могут постить ссылки на Figma и UI-картинки, с хэштегом #ревью. Можно предлагать свои макеты или любой понравившийся дизайн интерфейсов. Там есть несложные требования.

2. В чате есть откликнувшиеся дизайнеры-волонтёры, которые могут оставлять фидбек на эти работы в виде комментариев в Figma или в чате. Волонтёром может стать любой уверенный в своих силах участник @uireview. Они могут потренировать свой навык анализировать дизайн-решения и давать обратную связь по дизайну. Почему важно делать Daily UI Review каждый день.

3. Отобранные вручную заявки на ревью из чата беру в рубрику #UI_review на @slashdesigner в таком формате. Здесь планирую разбирать работы, которые нахожу особенно полезными для разбора в канале. Также хорошая новость в том, что теперь такое ревью будет бесплатным. Это отличный механизм, чтобы подумать в мою голову и получить качественный фидбек.

Для читателей канала ревью это оригинальный формат, в котором я подаю обучающий контент про UI.

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

#снек 11. Найм через инсайдера

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

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

В этом случае процесс найма будет более управляемым:

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

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

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

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

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

#снек 12. Где мне брать инсайдеров?

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

Итак, как же сделать так, чтобы тебя звали и раскрывали тебе все карты, лишь бы ты пришёл?

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

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

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

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

В-третьих, быть видимым и формировать вокруг себя инфополе из единомышленников. Вести блог эксперта в соцсети по твоему вкусу. Нахожу наиболее эффективными для этого Telegram, LinkedIn YouTube или TikTok. Именно для этого люди выступают на конференциях или хотя бы ходят на них в качестве участников. Недавний пост по теме: В чём прикол ходить на дизайн-конференции? Нужно заводить новые знакомства и увеличивать свой социальный капитал. Люди, с которыми у тебя общие интересы и хорошие отношения, с большей вероятностью придут на помощь, когда ты будешь в поиске.

Ну и наконец, дружить. Целенаправленно строить искренние дружеские отношения с людьми из индустрии и коллегами. Любой твой коллега — потенциальный инсайдер. Никогда не знаешь, как сложится жизнь. Сегодня он может быть простым разработчиком, а через пару лет возглавит IT-департамент на сотню человек.

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

А как было у тебя? Поделись своим опытом в комментариях.

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

#снек 13. Про ниши в дизайне

Бывают разные типы специалистов: I-shaped, T-shaped. В зависимости от специфики, компании может потребоваться определённый тип.

Apple и Google могут себе позволить нанимать узких специалистов, навыки которых можно условно изобразить как вертикальный график, напоминающий букву I. У крупных компаний могут быть отдельно те, кто UI занимается, и UX-исследователи.

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

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

Всё зависит от того, какую стратегию своей карьеры ты выбираешь. Ты собираешься в корпорацию, в агентство или в стартап?

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

Пример: ты про дизайн-системы, но знаешь, чем занимаются иллюстраторы, фронты и бэкендеры.

Стратегия 2. Агентство. Средний риск. Хочешь профессиональной встряски, прокачки и максимально жёсткой среды с дедлайнами — выбираешь основную нишу, тратишь на неё 50% времени, остальное на смежные ниши.

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

Стратегия 3. Стартап. Высокий риск. Хочешь быть у истоков чего-то большого, получить акций на десятки тысяч долларов и готов к риску потерять время и навык — уделяешь 20% своего времени основной нише и готовишься к самым причудливым сторонним активностям, которые нужны для выживания стартапа. Для начинающего дизайнера это плохая стратегия, хорошо бы пройти школу из корпорации или агентства.

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

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