Тултип | UX UI
645 subscribers
138 photos
73 videos
1 file
176 links
Буст насмотренности и эффективности в дизайне продукта

Связь @gorba4evgenii
Download Telegram
OZON — как поменялась главная страница за 25 лет

На выходных я решил покопаться в архивах, а конкрентно на сайте webarchive. Там собраны слепки сайтов из различных временных промежутков. Мне стало интересно, как развивались и менялись гиганты индустрии. Первым в очереди стал Озон. Он был одним из самых интересных кандидатов так как существует он с 90-х годов и там точно есть, что посмотреть.
Я собрал скрины главной страницы с разницей в пятилетку, так как решил, что за такой промежуток точно должны были происходить кардинальные преобразования. Можете посмотреть сами и поискать отличия, а для тех кому лень напишу небольшой саммари

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

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

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

2015
Опять меняется логотип, теперь в нем разноцветные кружки. Множество новых категорий товаров теперь раскрываются в мегаменю, появилось мобильное приложение. Теперь можно стать премиальным клиентом оформив подписку Ozon status

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

2025
Поздравляю, вы в настоящем

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

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍19🔥65
13 архивных фигм от дизайн студии Pragmatica

Рабочие, с комментариями – для тех, кто любит разглядывать дизайн вблизи.
В каждом проекте есть что-то интересное подглядеть:
1) Брейншторминг
2) Анализ конкурентов
3) Формирование концепции
4) Презентация
5) Проектирование

пресейлы
1. beauty bomb – концепции, презентация и интерактивный прототип. в видео 🥧 лера мацуева, дизайнер проекта, рассказывает подробнее.
2. золотое яблоко – разработка айдентики для стм-товаров бренда
3. solar staff – брендинг для международного проекта

брендинг и маскоты
4. bleep bleeps – финальная фигма по брендингу
5. образовательный фонд – чистовая фигма по айдентике: референсы и финал
6. маскот для liquid dex – ai-рефы, 2D иллюстрации, презентация, демонстрация в сайте
7. маскот для mindset

сайты и UI
8. osmi – рабочая фигма, открытая заказчику с первого дня
9. next generation zoom – компоненты проекта, отмеченного ui лентой на behance
10. tabu – рабочая фигма проекта: от первого экрана до ui kit
11. selectel – сайт для академии, полная рабочая фигма

поддержка и процессы
12. admirals – флоу, с которым закрыли 150+ задач за 3 месяца: сотни баннеров на 20 языках; в фигме – часть и система работы под клиента
13. supermatch – честная процессная фигма: как в маркетинге прагматики шаг за шагом собирали сайт школы

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
👍73🔥2
Превращаем любое фото в 3D-модель с нео-футуристичной стилистикой

На просторах Линка нашёл классный пресет, который позволяет за пару шагов превратить любое фото без фона в 3D-арт с эффектным, технологичным стилем.

Вот как выглядит пайплайн:
1) Загружаем фото в Chatgpt (на прозрачном фоне)
2) Пишем промт
"retexture the image attached in the following json aesthetic style: { "style": "Hyper-realistic 3D Render", "material": "frosted transparent crystal", "color_palette": ["soft white", "rainbow light spectrum", "holographic highlights"], "background": "pure black", "object_properties": { "finish": "smooth matte with glossy edges", "lighting": "strong directional spotlight from multiple angles to create prism effects", "transparency": "70%", "surface_details": "sharp cuts and beveled edges with internal light scattering" }, "shapes": ["mechanical nut", "technical forms", "geometric objects"], "camera_angle": "macro close-up, slightly tilted for dramatic depth", "resolution": "ultra-high, 8K preferred", "shadows": "soft and colorful diffusion", "details": { "reflections": true, "refraction": true, "prismatic dispersion": true, "subsurface scattering": true } }"

3) Получаем 3D для криптостартапа

Не благодарите 🤨

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍134
Прокачай свои шрифты | Vol.1

Шрифты способны передавать эмоцию и атмосферу в дизайне. Подходящий по духу шрифт в силах повысить планку концепта, сделав его более сильным и эмоциональным. Понимание эволюции шрифтов и контекста их создания позволит делать более осознанный выбор при работе над визуальными решениями. Ребята из шрифтовой студии Paratype подготовили цикл статей про историю шрифта, а наше дело — прочитать 👁

Готические шрифты и полуустав
Ренессансная антиква
Барочная антиква
Переходная антиква
Антиква нового стиля
Шотландская антиква
Малоконтрастная антиква
Советская антиква
Современная антиква
Акцидентная антиква
Брусковые шрифты

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3🔥2
Успешное тестовое в Алису

Саша Кузнецов из Алисы поделился своим успешным опытом выполнения тестового задания на позицию senior product designer в Алису. Для выполнения тестового потребовалась одна ночь и пара бутылок пива. Запоминаем подход

Задача

Figma с решением

База других тестовых заданий ▶️

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8🔥2
Продолжаем эксперименты со Столичной 🥴

Сегодня подготовил подборку промтов для чатгпт, которые помогут превратить png в 3D рендер с определенной стилистикой. Сам процесс описан тут

1. Матовая иконка
retexture the image attached based on the json below:
{
"style": "stylized 3D iconography",
"material": "soft-touch matte rubber",
"color_scheme": {
"primary": "pastel cyan",
"accents": "off-white text and logos"
},
"surface_texture": "smooth and clean with slightly rounded edges",
"lighting": {
"type": "soft studio lighting",
"intensity": "medium",
"direction": "even top and front light",
"accent_colors": ["pastel cyan", "light gray"],
"reflections": false,
"refractions": false,
"dispersion_effects": false,
"bloom": false
},
"background": {
"color": "light gray to white gradient",
"vignette": false,
"texture": "none"
},
"post_processing": {
"chromatic_aberration": false,
"glow": false,
"high_contrast": false,
"color_emphasis": ["cyan", "white"],
"sharpness": "medium",
"clarity": "clean"
},
"camera": {
"angle": "isometric or front-centered",
"focus": "entire object",
"depth_of_field": "none"
},
"text_style": {
"type": "engraved or extruded into the surface",
"font": "bold sans-serif",
"color": "slightly darker or lighter tone than base",
"alignment": "centered or top-aligned"
},
"shadows": {
"type": "soft",
"intensity": "low",
"direction": "downward",
"blur": "medium"
}
}


2. Переливающееся стекло с ярким светом
retexture the image attached based on the json below:
{
"style": "photorealistic 3D render",
"material": "glass with transparent and iridescent effects",
"surface_texture": "smooth, polished with subtle reflections and refractive effects",
"lighting": {
"type": "studio HDRI",
"intensity": "high",
"direction": "angled top-left key light and ambient fill",
"accent_colors": ["blue", "green", "purple"],
"reflections": true,
"refractions": true,
"dispersion_effects": true,
"bloom": true
},
"color_scheme": {
"primary": "transparent with iridescent blue, green, and purple hues",
"secondary": "crystal-clear with subtle chromatic shifts",
"highlights": "soft, glowing accents reflecting rainbow-like effects",
"rim_light": "soft reflective light around edges"
},
"background": {
"color": "black",
"vignette": true,
"texture": "none"
},
"post_processing": {
"chromatic_aberration": true,
"glow": true,
"high_contrast": true,
"sharp_details": true
}
}



Продолжение в комментах ⬇️

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9👍43🕊1
Успешное тестовое в Альфа Банк

Прошлый пост с успешным тестовым в Алису вызвал интерес и отклик, так что я добыл для вас еще один алмаз — тестовое, которое помогло Булату Хузимуратову попасть в Альфа банк. Подход к тестовому очень серьезный — исследование, гипотезы и их приоритизация, AB тесты, видеопрезентация и кликабельный прототип. В такое решение и добавить нечего.
Я сначала просмотрел исследование, потом фигму, а в конце видеопрезентацию и понял, какое она имеет большое значение. Во-первых, таким образом автор может направить проверяющего по нужной (и выгодной) траектории, а также обратить внимание на то, что тот может упустить. Во-вторых, это помогает установить эмоциональную связь за счет грамотно поставленной речи и общего вайба, скажем так).

Тестовое задание
Кейс c описанием процесса
Макеты Figma
Прототип Figma
Видеопрезентация

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
8👍3🔥3
Дилемма дизайнера

Одна из фундаментальных дилемм, с которой я как дизайнер сталкиваюсь часто — что поставить во главу угла: логику данных или творческую интуицию?

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

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

А для тех, кто хочет ознакомиться с другой стороной медали — Data driven подходом в принятии решений — советую посмотреть познавательный подкаст с Полиной Егоровой. Она детально разбирает, какие бывают данные, откуда их брать, как внедрить data-driven подход, какие инструменты применять и как выстроить систему, чтобы работать с данными регулярно и эффективно. У Полины, кстати есть свой канал Ипульс, где она делится опытом лидирования в дизайн студии и профессиональными инсайтами.

А какой подход чаще всего используется в вашей компании — данные, «я так чувствую» или удается найти золотую середину?

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4👍2
Проектирование интерфейса для производства

Интересная пачка статей, где дизайнеры НЛМК (чуваки льют сталь) раскрывают секреты проектирования MES-системы (manufacturing execution system — система управления производственными процессами).
Еще тут про выбор цветов/шрифтов, которые будут удобны работягам в цехах, а также о том, что такое мнемосхемы и как их рисовать. В конце подборка полезностей

Почему типичные дизайн-подходы оказались неприменимы к интерфейсу для производств

Про интерфейсы для производств

Как нарисовать завод на мнемосхеме

Как мы делали таблицы для производственных интерфейсов

Полезные материалы

📱 НЛМК UI KIT

📱 НЛМК Компонент таблицы

📱 НЛМК Дизайн система

📱 НЛМК Storybook

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
4🔥3
Компетенции дизайнера | Что это и какие бывают

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

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

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

Какие компетенеции могут быть?

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

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

Уровень формализации компетенций также будет отличаться: от чего-то осязаемого и конкретного, как в Авито — знание продукта, качество результата, самостоятельность, к чему-то более абстрактному, как в американском финтехе Capital One — эмпатия, креативность, перспективное мышление.

👆Матрицы компетенций:
Intercom
Avito
Mail.ru
От Юры Ветрова

Это была первая часть цикла заметок про дизайнерские компетенции. Всего планирую 3-4 заметки на эту тему. В следующий раз начнем строить маршрут профессионального роста. Ставьте лайкосы, если интересна эта тема ❤️

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
8🔥32👍2
Компетенции дизайнера | Начинаем строить маршрут

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

Hard Skills — это то, что можно измерить и проверить. Либо умеете делать интервью, либо нет. Либо знаете Figma, либо тыкаете наугад.
Исследовательские методы — умение добывать правду от юзеров и делать выводы. Интервью, тестирование
Дизайн-инструменты — Figma для интерфейсов, инструменты для прототипирования.
Техническая грамотность — понимание, как дизайн превратится в код. Адаптивность, системы дизайна, основы кода
Работа с данными — способность читать метрики и делать выводы. A/B тесты, конверсии, пользовательское поведение.

Soft Skills — это про то, как вы работаете с людьми и думаете. Их сложнее развить, но именно они часто решают, кто останется джуниором, а кто вырастет в лида.
Коммуникация — умение донести свои идеи так, чтобы все ахерели поняли и поверили. От презентации CEO до объяснения разработчику.
Эмпатия — способность понять и простить юзера
Системное мышление — видение продукта целиком, а не отдельными экранами. Понимание связей и влияния одного решения на другое.
Гибкость — спокойное отношение к тому, что планы меняются, требования плывут, а «идеальное» решение нужно адаптировать под реальность.

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

Шаг 1: Где я сейчас? (точка А)
Какая моя текущая роль? (Если еще не работаете в дизайне, ничего страшного. Любая работа/учеба развивает важные навыки. Поделитесь своей текущей деятельностью)
Какие основные обязанности входят в мою текущую роль? (Основные 5–10 обязанностей и задач)
Какие софт и хард скиллы я применяю для решения рабочих/учебных задач?
Какие мои три сильные стороны?
(могут относиться как к софт, так и к хард скилам)
Какие мои три слабые стороны? (Это про понимание, куда направить усилия. Может, вы боитесь публичных выступлений? Или теряетесь в технических деталях?)
Что заряжает в работе/обучении? (Этот вопрос поможет осознанно сформировать вектор профессионального развития, который совпадает с вашими личностными качествами и ценностями)
Я хотел(а) бы больше времени в работе/учебе уделять… (Чему бы вы хотели уделять больше времени? Например, микровзаимодействия в интерфейсе или общение с юзерами)
Я хотел(а) бы меньше времени в работе/учебе уделять… (От чего бы хотели избавиться или минимизировать? Например, монотонная работа, работа в одиночестве)
Что для меня самое важное в работе/учебе? (Это может быть не только обязанности или задачи, а также команда, автономия, влияние на продукт, обучение, стабильность)

Шаг 2: Куда я хочу попасть? (точка Б)
В идеальном мире, я работаю: стартап / корпорация / агентство / фриланс / собственный продукт
В идеальном мире я работаю: полная занятость/ частичная занятость/ попроектно
В идеальном мире я создаю дизайн продуктов в индустрии: fintech / e-commerce / healthtech / edtech / gaming и т.д.
В идеальном мире я эксперт в области: UX-research / UI-дизайн / системы дизайна / мобильные приложения / веб-продукты
Мой идеальный день состоит из следующих задач…( Какие задачи будут составлять 80% времени?)
В идеальном мире моя зарплата…(Нужно мыслить конкретными числами , посмотрев на свои знания, возможности и рынок труда. Например: Сейчас меня устроит … тыс. ₽, потому что это позволит мне комфортно жить и развиваться, а через 2 года я планирую выйти на … тыс. ₽ как мидл-дизайнер)

Полезные материалы 👆
Как составить персональный план развития карьеры? Selectel
Пошаговый гайд
Как разработать персональный план развития для UX-дизайнера | Selectel


Это была вторая заметка про профессиональное развитие. В следующий раз завершим составлять маршрут с помощью матрицы приоритезации компетенций. Ставьте лайкосы, если было интересно 👁

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4❤‍🔥2👍1
Мне разблокировали LinkedIn

Что случилось?
Я спокойно делал посты, добавлял коннекты и вел размеренный образ жизни пользователя Линка, как, вдруг, в один день соцсеть перестала открываться и у меня запросили пройти дополнительную верификацию с помощью Persona (сторонний сервис в который нужно скидывать документы для подтверждения личности). После того, как я скинул документы ничего не произошло и я просто перманентно видел страницу, которая гласила, что мой аккаунт Временно заблокирован, потому что замечена подозрительная активность (еще есть вариант постоянной блокировки, но это не мой случай).

Что было дальше?
Я подождал, надеясь, что верификация пройдет и я снова смогу быть ближе к профессиональному комьюнити, но прошло пару дней и ничего не изменилось. Тогда я пошел в поддержку Линка и попробовал найти их контакты, но прикол в том, что ты не можешь написать им в поддержку, пока не зайдешь в свой аккаунт, а войти я не могу, потому что он заблочен, бэнч нахуй. Что же делать? Тогда я пошел в интернеты и начал искать, как люди решают проблему заблокированного аккаунта. Спойлер — проблема не редкая, людям блокируют даже аккаунты с платной подпиской и не всегда получается вернуть доступ. У кого-то получается вернуть аккаунт угрозами суицида (это будет мой план Б на следующий раз), кто-то пишет им на аккаунты в соцсетях, чтобы добиться справедливости, это как раз мой вариант

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

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

Полезные советы

Для предотвращения блокировки:
–Привяжите к аккаунту номер телефона — это упростит восстановление при блокировке или потере данных для входа
–Если используете VPN, не меняйте страну часто или, еще лучше, используйте только одну локацию

При блокировке:
–Пишите напрямую в доступные соцсети Линка (X, Instagram) с просьбой разблокировать аккаунт и объяснением почему он вам нужен. Общайтесь при этом вежливо, тогда ваши шансы растут

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4👏3🤝3
Вайбкодинг — с чего начать?

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

Недавно я решил глубже погрузиться в эту тему, посмотреть как это вообще происходит и попробовать что-то сделать самому. Инструмент, который я буду рассматривать — Cursor. Выбрал его, потому что он больше всего на слуху, а значит более продвинутый (наверное), чем остальные подобные сервисы (называются, кстати, IDE сервисы, использующие AI)

Cursor — это среда разработки, внешне сильно похожая на VsCode, внутри которую добавили ChatGpt, Claude и Gemini. Ты пишешь запрос, что ты хотел бы закодить, а они выдают тебе готовый код

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

Чувак рассказывает как сделал пет проект на Cursor и делится своими ошибками и best practices

Основы vibe coding на Cursor

Фронтэнд на Cursor

Бэкэнд на Cursor

3 проекта на Cursor за 2,5 часа (лендинг с анимацией, сервис для генерации изображений и сервис для генерации графиков на основе текста)

Дизайнер из Альфа банка создал онлайн словарь с подключением по АПИ

Что такое MCP серверы

MCP сервер FIgma и Cursor

Автоматическая верстка макетов из Figma в Cursor AI с помощью MCP сервера

7 инсайтов по Cursor [rules, directory, MCP, docs, commit]

В следующий раз поделюсь тем, что у меня получилось за пару дней вайбового кодинга (40-60 мин в день), а также инсайтами по работе с Курсором, которые упростят вам жизнь. Stay tuned💀

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥104👍3
Компетенции дизайнера | Ставим цели
Вы уже определили, какие навыки у вас есть, а какие — необходимы для перехода на следующий уровень. Теперь нужно превратить этот путь в конкретный план: разбить на небольшие шаги, расставить приоритеты и установить чёткие цели и сроки ⌨️
Для приоритизации задач советую простую, но эффективную матрицу «Усилия / Ценность». Она помогает понять, какие навыки стоит прокачивать в первую очередь.

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

2. Прокачивайте ключевые навыки
Затем обратите внимание на навыки, которые требуют усилий, но дадут максимальную отдачу — их часто ищут в вакансиях, и они критически важны для роста.

Пример: проведение пользовательских интервью и тестирований.
Теории недостаточно — важно применить знания на практике. Если на вашей текущей работе нет возможности это делать, придумайте собственный пет проект
1)создайте концепт нового приложения
2)проведите 5 интервью на тему своего концепта. Искать респондентов можно среди знакомых, тематические чаты с дизайнерами (но они могут дать немного профессионально искаженную обратную связь), в профессиональном сообществе, например Linkedin. Полезные ссылки оставлю в конце
3) Оформите результаты в презентацию. Это поможет закрепить навык и показать его в портфолио.
Помимо реального опыта эффективными будут и структурированные способы прокачки: онлайн-курсы, интенсивы, работа с ментором.

3. Подумайте о навыках, которые будут хорошим дополнением
В предпоследнюю очередь оставьте навыки, которые не являются ключевыми, но будут плюсом в вашей роли.
Примеры:
• Создание анимаций с помощью After Effects или Protopie
• Прототипирование в Framer
• Понимание принципов SEO
• Знание SQL для самостоятельного анализа пользовательских данных
Если появится время — занимайтесь ими. Но не в ущерб основному развитию.

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

Итак, цели поставили правильно. В следующий раз обсудим, как прокачивать навыки, чтобы не забросить через неделю. Не переключайтесь 👁

Где искать респондентов 🔍
Чат iOS challenges (tg)
Чат {графсоюз} (tg)
Чат для каст девов UNCRN
Яндекс взгляд
Pathway
Oprosso

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
🤝8👍43🔥1
Участвую в конкурсе тг каналов

Недавно увидел анонс конкурса для авторских каналов
в тг, где можно будет показать себя, понетворкать и заработать немного уважения улиц. Суть проста — скинуть подборку из 3-4 своих самых интересных постов сюда @tg_contest_main. Зрители решат у кого контент интересный, а у кого херня не очень. Ну а дальше лучших будет отсеивать жюри и присуждать награды, одаривать подписчиками и все подобное 💃. Одной из причин принять участие было также и то, что в организаторах много людей на который я сам подписан и читаю — думаю, будет интересно)
В общем, вы знаете за кого болеть 🤨

💬 Тултип
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥31👍1🏆1