Вайбдизайнер? 🤨

Сегодня увидел вакансию от Сбера, где ищут дизайнера, который будет еще и вайбкодить свое решение

Временное помутнение рассудка или спойлер на этот год?

💬 Тултип

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

Здесь продуктовые, бренд- и коммуникационные дизайнеры из бигтеха 💳📞❤️💳 и сильных агентств. Ребята делятся реальной практикой, мыслями и ресурсами, которые используют сами.

Отбор был строгий: только авторский контент — без перепостов и воды. Всё, что реально может дать буст в профессии и помочь расти.

Подпишись сразу на все каналы из папки и просто читай — эффект накопительный 💊

Лучшее в Тултипе

Решил оглянуться назад и сделать небольшую ретроспективу — собрать посты и статьи, за которые не стыдно и которые можно смело показывать маме новым читателям 😎

Посты

Бесплатные библиотеки компонентов

Как пользоваться Are.na

Мое успешное тестовое задание

Статьи

Матрица компетенций дизайнера — системный подход к росту

Как вайбкодить без боли? 11 выводов, к которым я пришёл

И отдельно хочу выделить 🗂 Базу знаний, которую я собираю. Это доска в Miro, куда я складирую полезные материалы, статьи, гайды и ресурсы по дизайну. Сейчас там уже 250+ ссылок — по интерфейсам, процессам, инструментам и мышлению

Если вы здесь недавно — это хороший старт 🚀
Если давно — возможно, что-то из этого вы пропустили

💬 Тултип

Простые исследования

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

Как быстро и недорого проверить продуктовую гипотезу, не считая А/B-тестов

Анализ обратной связи, или feedback

Кабинетное исследование, или Desk research

Сбор обратной связи от фронт-офиса

Мозговой штурм, или Brainstorm

💬 Тултип

Самое необычное тестовое и факап на собеседовании 🔫

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

Познакомьтесь с Лисой, Кроликом, Волком, Слоном и Летучей мышью Оззи.
У всех них есть свой цвет, они бодрствуют или спят, ходят (или
летают, как в случае с Оззи) или сидят дома.
Для каждого из них вы можете установить цвет, размер хвоста, теплоту носа и текстуру меха.
Еще есть Джо и Мо, которые должны ухаживать за животными, создавать новых и изменять существующих.
Джо в основном пьет кофе и следит за тем, чтобы большинство животных были красного цвета и выходили на улицу хотя бы раз в день.
Мо время от времени меняет хвосты и цвета, а носы и мех — каждые 2 недели.
Пожалуйста, создайте функциональный дизайн, который позволит Джо и Мо видеть и работать с такими
данными.

Я потратил на тестовое около 10 дней. Мне реально было сложно и я не мог перестать полишить свое решение. Через несколько дней после того, как я отправил тестовое задание прилетела обратная связь 👌

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

Предлагаю вам напрячься и подумать над тем, как решить эту задачу. В следующем посте выложу свое решение и идеальное решение ( по мнению студии) , которое делал другой кандидат задолго до меня. Мне его прислали для ознакомления уже после того, как я выслал свое. Там реально симпатично сделано

Так а что по поводу работы?

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

Короче, на собеседовании я рассказал, что пробовал себя в моушен дизайн и 3d, но не стал дальше работать в этом направлении. Исходя из этого ребята сделали вывод, что дизайн для меня это тоже увлечение ненадолго) Какая мораль? Не нужно расслабляться на собеседовании и рассказывать про всю свою жизнь. Расскажите то, что важно для текущей должности и только про тот опыт, который можно будет трактовать, как полезный для компании.

А какие у вас были факапы на собеседовании?) Что точно не стоит говорить про себя, а что надо подсветить? Поделитесь в комментах ⬇️

💬 Тултип

Необычное тестовое, Продолжение

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

А в прикрепленном файле идеальное решение (по версии студии) этого тестового задания от другого кандидата, который делал его за несколько лет до меня. Могу сказать, что когда я закончил тестовое я думал, что лучше уже сделать сложно (я ошибался). Но тут прямо другой уровень в плане презентации. Не могу сказать какое решение лучше в плане логики и исполнения, но у этого презентация отличная.

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

Как вам оба решения? Что норм, а что сделали бы иначе?

💬 Тултип

Дорогие подписчики 😎

Бустаните плиз Тултип. Хочу порадовать себя вас четким оформлением 💞

⭐ Бустануть ⭐

9 книг для джуна

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

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

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


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


Дизайн привычных вещей | Дон Норман
Базовая база. Это книга перекликается с Ководством. Она про дизайн вещей которые нас окружают. Почему это сделано так, а не иначе. Прививает возможность смотреть на мир, как дизайнер, то есть умение оценить любую вещь вокруг себя с точки зрения дизайна и выполнения своей задачи. Основная мысль — хороший дизайн не требует инструкций, он интуитивно объясняет себя сам.


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


Не заставляйте меня думать | Стив Круг
Хороший интерфейс — это как первоклассный сервис в ресторане или отеле. Он встречает пользователя и провожает его за ручку, попутно рассказывая про свою функциональность, возможности и особенности. В этой книге речь про то, что если во время взаимодействия с интерфейсом вы думаете, что вы тупой, потому что не понимаете куда жмать, то проблема не в вас (вы крутой), проблема в интерфейсе, который не может доступно объяснить че тут и к чему


Спроси маму | Роберт Фитцпатрик
Чтобы получить полезные ответы нужно уметь правильно задавать вопросы. Это книга — фундамент для тех, кто хочет уметь проводить интервью, создавать опросники и выжимать из них по максимуму


Refactoring UI | Adam Wathan, Steve Schoger
Супербаза для понимания как спроектировать структуру страницы и расставить акценты. Круто, что автор показывает на реальных примерах как было и как можно сделать лучше


Ководство | Артемий Лебедев
Это сборник мыслей. Учит мыслить как дизайнер: анализировать дизайн всего вокруг, видеть слабые места и понимать, как решения можно сделать лучше. Дизайн — это прежде всего решение задач, а не украшательство.Контекст важнее формы: одно и то же решение может быть удачным или неуместным в зависимости от ситуации, целей и пользователя.

Какие еще книги должны быть в этом списке? Поделитесь в комментах ⬇️

💬 Тултип

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


Новая типографика | Ян Чихольд
Книга дает хорошее представление о шрифтах, их отличиях, истории и развитии типографики. Чихольд продвигал минимализм и функциональность, делал текст простым, но выразительным, и понимал, как шрифты влияют на восприятие. Много интересных рефов по работе со шрифтами


От хорошего к великому | Джим Коллинс
Автор проанализировал более 1000 компаний, что вывести для нас основной тезис — великие компании строят скромные трудоголики, которые сначала собирают команду мечты, а потом уже решают, что делать. Секретная формула проста: сначала «кто» (правильные люди в автобусе), потом «что» (куда ехать)


Дизайн, форма и хаос | Пол Рэнд
Пол Рэнд — дизайнер, создавший логотипы для IBM, NeXT, UPS и других крупных компаний. В книге он говорит о дизайне не как об украшательстве, а как о стратегическом инструменте коммуникации и решения проблем. Самое интересное — презентации логотипов для IBM, NeXT, Morningstar, Adstar, The Limited и IDEO. Он показывает, как презентовал решения, объясняет, к чему пришел и от чего отказался. Это наглядно доказывает главную мысль: дизайнер обязан уметь аргументировать свои решения, а не опираться на «мне так нравится». Книга пропитана идеей, что хороший дизайн — это результат исследования, эскизирования и множества итераций, а не случайного озарения.


Принцип пирамиды Минто | Барбара Минто
Книга учит структурировать мысли и информацию так, чтобы тебя сразу понимали. Метод «Пирамида Минто» строится так: сначала формулируешь главную идею, а ниже логически группируешь аргументы и факты, которые её подтверждают — словно пирамиду, где вершина это вывод, основание — доказательства. Короче, развивает логическое мышление. Книга полезна тем, что помогает ясно и убедительно доносить идеи — будь то презентация фичи, объяснение концепции клиенту или аргументация перед командой


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


Геймифицируй это | Ю Кай Чоу
Ю Кай Чоу — это один из первопроходцев в области геймификации. Консультировал Майкрософт, Убер, Ибэй и тому подобных, а также разработал целую систему Octalysis — октагон из 8 ключевых драйверов геймификации. Основной посыл книги в том, что геймификация — это не только сделать ачивки и бейджики, а, в первую очередь, подумать о том, какая миссия нашей компании, кто наш юзер и чем можно его заинтересовать, а дальше уже выстраивать сам процесс


Психология влияния | Роберд Чалдини
Книга о том, как люди принимают решения на автопилоте и почему работают простые триггеры — взаимность, последовательность, социальное доказательство, симпатия, авторитет и дефицит. Чалдини показывает, что мы чаще реагируем автоматически, чем рационально, и именно на этом строится большая часть маркетинга и коммуникации.
Для продуктового дизайнера это база: становится понятно, как работают отзывы и рейтинги, как дефицит усиливает ценность предложения и где проходит грань между этичным влиянием и манипуляцией. Книга помогает проектировать интерфейсы осознанно и аргументировать решения через поведенческую психологию, а не через субъективное «мне так кажется»


История на миллион | Роберт Макки
База для тех, кто хочет освоить сторителлинг. Автор разбирает сценарии самых захватывающих фильмов и показывает, как создавать истории, которые цепляют и удерживают внимание. Главная идея в том, что история должна быть логичной, последовательной, а внимание к мелким деталям делает её живой и убедительной.
В общем, качаем навык презентации

💬 Тултип

Концепт #1

Давно хочу сделать что-нибудь красивое, чтобы качнуть UI и анимации. Решил, что в течение 2 месяцев раз в неделю буду делать концепт в афтере. Потом как пойдет 😐

Механика простая — захожу на https://www.spottedinprod.com и повторяю то, что мне нравится и что не до конца понимаю как делать

Как вам онбординг? 🤨

💬 Тултип

Концепт #2

Решил, что возможно осилю и по 2 в неделю 🤨

Как вам?

💬 Тултип

База знаний с полезными ссылками от @Khachatur1
Несколько тематических разделов: развитие навыков, дизайн ресурсы, книги, насмотренность и тд
Много всякого интересного, сам еще пока изучаю 👀

Смотреть ➡️

💬 Тултип

Концепт #3

Как делать жидкое стекло в афтере можно посмотреть тут

💬 Тултип

Концепт #4

Ачивка с эффектом 3D. Самое замороченное здесь это фон у карточки.

Дым с помощью Fractal Noise
Fractal Type — Dynamic
Scale 200 -> 600
Brightness -27 -> -50
Evolution 720
Сверху Adjustment Layer с Deep Glow 2 для свечения и Tint, чтобы поменять цвет на зеленый

Звездные линии можно посмотреть тут

Эффект пузырьков
CC Ball Action создаем композицию
Grid Spacing — 2
Ball Size — 12
Shading — 75
Scatter — 715
Coloring — Smooth
Создаем камеру и делаем проходку сквозь эту композицию

💬 Тултип

Концепт #5

Долго делал эту анимацию из-за календаря, потому что не понимал, как сделать без косяков переворачивание страниц. По итогу сделал с помощью 3D слоев с определенными тонкостями
Как вам?😐

💬 Тултип

Обновил портфолио: Notion → Framer

Давно хотел попробовать Framer как инструмент — смело рекомендую. Очень много бесплатных возможностей: порадовало, что нет ограничений по количеству страниц (по крайней мере, я в них не уперся), плюс можно бесплатно добавлять кастомный код (тот же Webflow таким похвастаться не может).
Еще один жирный плюс — понятный интерфейс и возможность легко делать анимации текста и других элементов, что добавляет сайту свою изюминку.
И при всем этом, даже с анимациями и контентом, сайт грузится достаточно быстро.

Как сделать портфолио и не сойти с ума? 🔫
1) Составляем список кейсов, которые хотим показать (желательно не больше 6)
2) Для каждого кейса пишем драфт: что именно хотим рассказать, в формате, подходящем под задачу. Тут юзаем метод STAR (Situation, Task, Action, Result)
3) Когда структура кейса готова — начинаем улучшать. Читаем несколько раз подряд и выкидываем весь текст без смысловой нагрузки, оставляем только реально важное
4) Подготавливаем картинки. Смотрим, как это делают другие (десктоп / мобила) и повторяем лучшие решения
5) Делаем сайт. Если нет идей для главной или сложно определиться — берем подходящий шаблон из библиотеки Framer и используем как основу. Дальше развиваем: добавляем элементы, меняем структуру под себя и т.д.
6) Оформляем кейсы уже на сайте, по ходу выкидывая все лишнее. При желании добавляем анимации на текст и картинки
7) Деплоим сайт, показываем маме и знакомым. Собираем обратную связь и шлифуем дизайн
8) Profit

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

https://imbarinov.com/
https://www.charlieosborne.co/
https://hellodani.co/
https://mariyork.notion.site/f91f3e596424409088b90662901544c8
https://danial.si/
https://www.denisabdullin.com/
https://vladkalashnikov.framer.website/
https://lilyakhmetova.com/
https://beisembin.framer.website
https://serega.works/
https://bogdan.kz/
https://bibickl.cargo.site/
https://garri.design/

Мое портфолио здесь 👉

💬 Тултип

8 книг сеньора

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


Моя жизнь, мои достижения | Генри Форд
История о том, как Генри Форд подошёл к построению производства: постоянные улучшения, вырезание всего лишнего, максимум эффективности из каждого квадратного метра. Это и позволило ему сделать автомобиль доступным — до этого это был продукт только для очень богатых.
Много про автоматизацию, рост роли машин и снижение ручного труда. Легко провести параллель с тем, как сегодня ИИ забирает рутину. Тогда тоже боялись, что людей заменят — но, как мы знаем, всё оказалось сложнее.


Радикальная прямота | Скотт Ким
Ким Скотт работала на руководящих позициях в Google и теперь готова поделиться с нами частичкой своего опыта. Пройдемся тезисно по содержанию книги. Быть удобным — не значит быть хорошим. Если молчишь, чтобы никого не задеть, ты не сохраняешь комфорт, ты просаживаешь качество работы. Ключевая идея — баланс между прямотой и заботой. Без заботы это скатывается в жёсткость ради жёсткости. Без прямоты — в вежливую, но бесполезную коммуникацию. Где-то посередине и появляется нормальная среда: когда можно спокойно сказать «это не работает» — и это воспринимается как вклад, а не как наезд.


Плохая стратегия, хорошая стратегия | Ричард Румельт
О чем книга ▶️


Сложные решения | Бен Хоровиц
Бен Хоровиц — предприниматель, венчурный инвестор и сооснователь Andreessen Horowitz, который активно инвестирует в технологические стартапы.

Это не классическая бизнес-книга, а разбор того, что делать, когда всё идёт не по плану и «правильных» решений просто нет.

Сильная мысль — про два типа CEO: мирного и военного времени. В «мирное» ты строишь культуру, масштабируешься и думаешь в долгую. В «военное» — режешь лишнее, принимаешь быстрые жесткие решения и фокусируешься на одном: выжить.

Много про культуру. Та самая идея, что «культура ест стратегию на завтрак», здесь раскрывается очень понятным образом: культура — это не ценности на стене, а то, как люди принимают решения, когда никто не смотрит.

Отчасти перекликается с «Радикальной прямотой»: много про честность лидера. Говорить правду, особенно плохую — обязанность. Любая попытка сгладить проблемы убивает доверие и тормозит команду.

Увольнять быстро и прямо, даже если это друзья. Нанимать под задачу, а не «лучших на рынке». Обучение команды — не опция, а часть работы.


От нуля к единице | Питер Тиль
О чем книга ▶️


Клиенты на всю жизнь | Карл Сьюэлл
О чем книга ▶️


Эффективный руководитель | Питер Друкер
О чем книга ▶️


Практика менеджмента | Питер Друкер
Тут Друкер раскладывает базу управленческого мышления:
1. Мыслить исходя из целей, а не задач. Сначала нужно понять чего мы хотим достичь, а потом уже спрашиваем себя «Как?»
2. Фокус — это всегда выбор, от чего мы сознательно отказываемся
3. Оцениваем результат, а не столько времени было потрачено. Это поможет правильно приоритизировать задачи и делать в первую очередь то, что приносит больше всего пользы при наименьших трудозатратах

Какие книги еще должны оказаться в этом списке? Поделитесь в комментах ⬇️

💬 Тултип

Концепт #6

Приложение для записи голосовых заметок

💬 Тултип

Сайт делает из svg или текста 3D объект у которого можно менять цвет, материал, освещение и даже анимацию.
Полученный результат можно загрузить как картинку, сделать видео или получить полноценный glb объект. И все это абсолютно бесплатно — приятный подгон ✌️

Попробовать тут

💬 Тултип