По требованию читателя поясняю: мы расширем мое очко в 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 будет сложно, но никто не запрещает задавать тупые вопросы нейросети

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

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

https://devcrowd.ru/pd-2024

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Про Screen Flow

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

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

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

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

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

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

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

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

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

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

По какому принципу выстраивается геймификация интерфейсов?

Мало ли вам интересно, как это вообще работает.

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

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

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

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

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