Что по пикселям?

Геймифицируй это

Когда все цифры были посчитаны, а конверсии продуктов начали меняться на сотые доли процентов, тогда продуктовые команды начали смотреть в сторону геймификации всего и вся

Сначала мы решали головоломки в Тинькофф, крутили колеса в Маркете, а потом начали собирать морковки в Ozon, подбирать гардероб для тамагочи в Золотом яблоке и это все при глобальном осуждении лудомании со стороны всей интернет-общественности

В тот момент, когда компании начнут продвигать слоты или казино (как это делает VK) в своих интерфейсах — стоит задуматься

Про Screen Flow

Часто пытался вместо рисования блок-схемы user flow разложить пользовательский путь на последовательность экранов (как будто бы так должно было быть быстрее), однако это постоянно приводило к просчетам при детализации логики работы интерфейса

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

Какой паттерн работы предлагаю:

1) Functional map: проработать функциональную карту (functional map) — все экраны, разделы

2) User flow: на основе данной карты проработать отдельно user flow (пользовательский поток) по каждому сценарию (последовательность действий для достижения результата)

3) Screen flow: только после всего этого можно попробовать отобразить screen flow для визуальной интерпретации блок-схемы для собственного удобства и для спокойствия frontend-dev

Генерация сверхприбыли

К предыдущему посту допишу небольшое рассуждение на тему маркетплейсов

Заказ на WB можно отменить только в течение часа после оформления

Для пользователя не будет фактически никаких санкций за то, что тот не будет забирать заказ. За возврат заплатит seller

Вы можете спросить: «В чем же тут секрет?»

Секрет в том, что маркетплейсы берут с seller’а плату за логистику (на ПВЗ и обратно при возврате, на приёмку и размещение возвратов на складе)

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

Точнее как, у вас никто не забирает возможность отменить заказ, но специально сталкивают с барьером в виде общения со службой поддержки

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

Это просто заметка о том, как интересно может быть устроена внутренняя кухня компании и тема на подумать

WB одумались и убрали блок с розыгрышами квартир, чтобы, например, было видно «Заказы». Конечно, они не сделали это специально, просто event исчерпал себя

Предлагаю в следующий раз ссылку на модную геймификацию размещать в рекламные баннеры

Либо бизнес-метрики, либо концерт

Почему-то эти два способа решить дизайн-задачи не согласуются у большого количества дизайнеров. Либо интерфейс в стиле google-таблицы, либо перегруженный dribble-shot

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

Как поступают бояре:

1) Пользователя нужно остановить? Он должен изучить материал? Что и через какие визуальные образы должен почувствовать пользователь от этого блока, сценария? — используем визуальные акценты

2) Пользователь должен сориентироваться в блоке, сценарии как можно быстрее и принять решение? — систематизация, структура

Стоит ли читать вакансии на hh?

Мало кто знает, что на hh со стороны компаний есть функция составления описания вакансии с помощью нейросети

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

При этом hr панически пытаются вычислять тех, кто использует нейросети в составлении сопроводительных писем или резюме

Как искать работу максимально долго?

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

Многоуважаемые способы: не сидеть только на hh, а искать везде (тг, linkedin, хабр карьера и другое), network (ходить на конференции, знакомиться), писать крутые сопроводительные письма

Кратко по каждому пункту пройдемся ниже:

➡️ Искать где-то кроме hh: стоит понимать, что у крупных компаний основной канал для найма — hh. Конверсия с групп в тг, хабр карьеры и прочих, — около нуля, потому что hr обычно просто дублируют туда вакансию с основного канала и часто просто забывают отвечать на отклики

В случае с хабр карьерой и тг-каналами — это ручная обработка откликов, а не удобные фильтры по типу: «не показывать с опытом менее 3 лет». Если и искать прямые контакты, то с действующими дизайнерами в компании, менеджерами, разработчиками и тд, а не с hr

По поводу линкедин: если искать работу здесь и сейчас, то не подойдет, тк нужно раскручивать и набирать классы, подписчиков, что-то постить

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

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

Менее времязатратным способом будет коммуникация с авторами тг-каналов, комментаторами

➡️ Пункт про сопроводительные письма: часто рекомендуют составлять сопроводительное под каждую вакансию, что увеличивает время на один отклик до 2-5 минут (это непозволительно). Если и составлять письмо, то хороший шаблон (на него может уйти несколько дней, чтобы добиться отличного результата). Шаблон при этом должен быть максимально коротким, четким, цепляющим; никто не хочет читать полотна текста

Нужно учитывать и то, что hh автоматически не подгружает это письмо при отклике, а просит его вставить из предыдущего (это занимает дополнительное время на отклик)

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

Портфолио в Notion, Buildin — красный флаг

Мы дошли и до этого. Ранее считалось, что вот Notion — это стандарт, а портфолио на Behance — неудобно

➡️ Специалисты сами диктуют для индустрии тренды, а потом начинают от них открешиваться, когда перенасытились. Нанимающие менеджеры понимают, что все могут по шаблону сделать +- нормально, потому что видят сотни однотипных откликов с 3-4 проектами. С шаблонным описанием. Да, это обычно и должно работать. Все труднее становится провалилировать компетенции специалистов

➡️ Теперь считается за самый хороший стандарт: Framer и любые другие конструкторы сайтов

Возможно, скоро мы дойдем до того, что только свой собственный сайт будет как-то котироваться, поэтому советую всем начинать учить хотя бы html, css, потому что сегодня ты просто продуктовый дизайнер, а завтра без typescript и react сидишь без работы

Тестирую Gemini 3 c Nano Banana Pro в Figma

Добавил пару изображений в качестве references — получил первый вариант генерации

Экспортировал полученное изображение

➡️ Вернул обратно в качестве reference и попросил сделать деда больше и убрать бороду у эльфа. Результат на лицо

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

➡️ Рынок цифровых профессий трансформируется слишком быстро, но успевают ли специалисты перестраиваться с такой же скоростью?

Работаю сейчас над такой вот mini-app, где можно будет купить за ₽ разговор с дедом

➡️ Финальный концепт будет выглядеть иначе, но тем не менее

https://youtu.be/m2vf2nVMwdI?si=Zu2NYUuumlMO4-XP

Если кому-то еще не прожужжал уши насчет этого великолепного подкаста, то сейчас буду жужжать. Это фактически полная история того, как появилась компания Aviasales: со всеми интригами, расследованиями, тусовками в Тайланде и очередной критикой Яндекса

Здесь не только личная драма основателя компании, но и внутренняя структура бизнеса со всеми подводными. Вы узнаете о том, как 70% бизнеса держалось на аффилиатных партнерах (и кто это вообще такие). Как из арбитражника трафика на порно-сайты стать легендой тревел-индустрии в РФ. Как Яндекс обращается с молодыми стартапами и как «покупают» молодые бизнесы. Как и по какому принципу делался легендарный СММ-маркетинг компании

Рубрика: за пять секунд найдите на экране пункт «Заказы»

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

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

Как же маркетологи пытаются в маркетинг

Мы часто слышит о том, что завидовать другим людям плохо

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

Как-то влетело в одно ухо, а через другое вылетело до тех пор, пока не наткнулся на это утверждение снова.

Стало интересно разобраться в сути вопроса и записать куда-нибудь, чтобы было напоминание

Все-таки мир довольно интересный, если ничего не знаешь о нейробиологии

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

Исследования говорят о том, что это сравнимо с угрозой выживанию

Интересный факт в том, что при сравнении себя с самим собой в прошлом активируются совершенно другие зоны мозга:

Вентральная (нижняя часть) медиальная префронтальная кора, которая отвечает за саморефлексию, и гиппокамп, который отвечает за память

Мозг как будто бы переключается на обучение и рост вместо выживания в социуме

Гиппокамп извлекает из памяти конкретные факты, что вы раньше что-то не могли, а теперь вот можете. Это все оценивает ваша вентральная кора и вызывает прилив мотивации, выброс дофамина и вообще все очень классно

Возможно, все об этом знают, но просто решил поделиться фан-фактами

Когда-то покупали наггетсы за 69 рублей, а сейчас

https://devcrowd.ru/pd-2024

Наткнулся на исследования по продуктовым дизайнерам от каких-то ноунеймов и Авито, и очень повеселило, что 78% опрошенных ответили на вопрос о ключевом признаке успешного продукта в пользу учета пользовательского опыта при проектировании

Прибыль при этом на последнем месте со скромными 2%

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

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

Вот просто картинка, ее не удалось прикрепить к посту из-за санкций в отношении пользователей Telegram

По требованию читателя поясняю: мы расширем мое очко в Chrome. Далее в посте информация о том, как сделать расширения для Chrome Web Store с использованием модных нейросетей

Мне сказали, что пост про создание расширения — это скучно, однако надо же что-то написать

Что использовал: figma, cursor, gemini 2,5 pro

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

Если что, то расширение еще не доделано, но в активном процессе.

Так как я не особо много понимаю за чистый код, то мне было все равно, как это выглядит. Главное — чтобы можно было прочитать и +- сказать, что сойдет

Немного опишу принцип взаимодействия с MCP: это связующее звено между Figma и IDE (Cursor); MCP позволяет Cursor просматривать файлы Figma и переносить стили и прочее в код. Спойлер: делает он это так, как будто бы вы наняли пьяного индуса-джуна

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

Выход один: в IDE есть коммиты, они позволяют вам сохранять текущую версию, чтобы после неумелых рук индуса можно было откатиться назад, когда еще трава была зеленее, а небо ярче

В итоге пришлось включать православный VPN и подключаться к gemini 2,5 pro

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

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

Ни в коем случае не стоит превышать порог контекстного окна в 150-200 к токенов, потому что модель начинает все крушить и ломать по непонятной причине

И самое главное: сначала обсуждать с моделью перед тем, как вносить изменения в код; не более одного ключевого изменения (не нужно просить модель написать всю кодовую базу сразу, иначе он сделает все так, что вы никогда не поймете, что там вообще происходит и по какой причине не работает)

Естественно, без базовых знаний html, css, js будет сложно, но никто не запрещает задавать тупые вопросы нейросети

О дальнейшем ходе работы и функционале расскажу в каком-нибудь другом посте

Каждый лайк под постом приближает нас к богу