Дизайн

Как ИИ агент будет пользоваться вашим продуктом? Я видела много статей о том, как улучшить/упростить свою работу с использованием ИИ. Но вот вопрос - как ИИ будет пользоваться вашим продуктом, чтобы упростить чью-то чужую работу? Интерфейсы b2c продуктов простые и доступные. Продакты и дизайнеры потратили много времени, чтобы порог вхождения был минимальным, а путь максимально простой. А что происходит в дизайне b2b продуктов? Домены, где конкуренция крайне высокая, а продукты востребованы вне зависимости от масштаба и зрелости бизнеса, ИИ агенту разобраться вообще не проблема. В разработке или поддержке для ключевых продуктов есть и внятная тех документация, и понятные интерфейсы и множество инструкций. А в некоторых доменах всеми этими параметрами пренебрегают. Продукт разрабатывается экспертами для экспертов. Вместе с продуктом идет не инструкция, а обучение от вендора или "метод тыка". Тех дока хорошо, если хотя бы частично соотносится с актуальным релизом. Порог вхождения получается высокий. И возвращаясь к вопросу - что сейчас могут сделать продакты, чтобы их продуктом без проблем смог пользоваться ИИ, когда внедрение агентов станет активнее? По своему домену у меня нет конкретного понимания. Частично обучение может быть закрыто большим количеством видео использования продукта экспертом для решений разных задач. Частично - детальной документацией. Но я бы смотрела на задачу на шаг назад - по какой причине получается такой высокий порог вхождения и как его можно упростить. Чтобы с новыми релизами и апдейтами не приходилось в том числе переучитывать агентов В целом, я пока не видела по отрасли рассуждений на тему, как ИИшечка будет помогать работать пользаку в моем продукте. Заранее не согласна с идеей "пусть пользак сам разберется, как использовать агента". Адаптация под ИИ в какой-то момент скорее станет УТП, а потом и базовым минимумом. Во-о-от. Расскажите, чтоль, держите ли вы в голове, что вашим продуктом рано или поздно начнет пользоваться ИИ. И что делаете, чтобы агент влился в использование продукта максимально быстро

Несколько мыслей про AI 1. Лучший способ изучать AI- решать свою настоящую проблему Возьмите реальную задачу. И попробуйте решить её AI. Потому что именно реальная боль заставляет менять привычки. 2. Разговор становится новым интерфейсом Раньше интерфейс проектировали. Теперь проектируют диалог. И это новая дисциплина. Фактически появляется UX нового поколения - Conversation Design, а также голос как способ взаимодействия. И тут важно, что входящий поток сознания нужно уметь структурировать. 3. Будущее - не универсальные модели. Будут вертикальные AI. Visual AI. Legal AI. Medical AI. Financial AI. То есть отраслевые модели. 4. Конкурентное преимущество возникает не из доступа к модели, а из накопленного доменного знания. Выигрывает тот, кто лучше знает отраслевой процесс 5. AI резко снижает стоимость межфункционального взаимодействия и уничтожает координаторов, но резко повышает ценность людей с глубоким пониманием предметной области. 6. AI требует другого отношения к продукту Сегодня продукт одинаков для всех. Завтра каждый клиент будет получать свою версию продукта. Не сегмент, не тариф, а персональную конфигурацию. AI постепенно разрушает саму идею массового продукта.

Клод и картинки: советы На прошлой недели училась рисовать с Клодом и вот накидала немного мыслей с советами. Простые картинки Клод прекрасно отрисовывает простые схемы/диаграммы прям внутри себя, в диалоговом окне, без подключения сторонних сервисов. Использую, если нужна инфографика для статьи. Неплохо делает простые макеты интерфейсов, приложений, сервисов. Но реалистичные картинки внутри себя генерить отказывается категорически. Вот вам результат запроса: «нарисуй мне кавалер-кинг-чарльз-спаниеля, который бежит по полю с чёрным конём». Сложные картинки Сложные макеты сайтов и приложений соблюдением UI-кита, красивые рекламные креатив прям в диалоговом окне не сделать. Поэтому подключаем клод к Figma — прямо так и пишем: «подключить через MCP к Figma». По порядку: ▪️ направляем его на вкладку, где живёт ваш корпоративный стиль, и просим всё изучить; ▪️ просим изучить примеры работ — макеты, креативы, все, что есть; ▪️ обязательно просим собрать подробный MD-файл с инструкцией для самого себя. Это будет корневой файл, в котором он распишет все правила: какие стили, компоненты, шрифты, цвета, логотипы, бла-бла-бла. В эту инструкцию он ходит вечно, чтобы вам не приходилось каждый раз гонять его по Figma. Потому что задача эта тяжеловесная и жрёт токены. Когда клод изучит все ваши дизайн-гайды, тогда и даем первую задачу. Проверено: корпоративный стиль держит отлично, картинки и макеты по вашему ТЗ генерятся как надо + правки вносятся без проблем + адаптирует все макеты под десктоп/мобилку. Клод рисует сразу в Figma, если надо с автолейаутом и прочими нюансами, чтобы разработчик мог забрать в работу. Тип третий — презентации Тоже делает внутри себя, без всяких сторонних сервисов, сразу в PPTX. Я просто кидаю ему референсы и текст, который хочу видеть на слайдах, — он собирает. Сложное и красивое тянет так себе, где-то на 6-7 из 10. А вот простые презы, без струи креатива в дизайне, — 10 из 10 и очень быстро. Клод можно подружить с Nanobanana и другими сервисами AI-генерации, чтобы не скакать между вкладками, а работать сразу в нём — он ещё и промпты помогать описывать будет. Но это я не делаю, мне в фигме ок. Делитесь своими знаниями в комментах!

Архив вакансий не может быть подразделом создания вакансии Обсуждаем интерфейс по работе — сервис, где руководитель управляет вакансиями. В нём есть разделы «Вакансии», «Отклики», а также кнопка создания вакансии. Дизайнер показывает страницу создания вакансии. В ней вкладки «Новая вакансия» и «Архив». В первой, понятно, форма, а во второй — список ранее опубликованных, но уже закрытых вакансий. Я спрашиваю: почему архив находится вдруг на странице создания вакансий? Он же должен быть в разделе «Вакансии». Дизайнер объясняет, что частый сценарий — перепубликация ранее закрытых вакансий. То есть руководитель хочет создать вакансию, а мы ему удобно прямо под рукой даём архив, чтобы он мог старую вакансию перепубликовать. Ну уж нет, это неудобно и непонятно. Даже если предположить, что такой сценарий частый и руководитель так хочет, в голове этого руководителя неоткуда взяться мысли, что архив вакансий будет поджидать его в форме создания. Он пойдёт искать вакансию в разделе «Вакансии». В навигации должна быть логика, отражающая структуру продукта и связей сущностей внутри него, чтобы человек представлял, что где искать. А если мы хотим подсказать какой-то сценарий, то можно всегда предусмотреть кроссссылку (любимое слово). Например, в начале формы новой вакансии можно написать: «Чтобы повторить ранее опубликованную вакансию, вот вам в архив» — и ссылочку. Кликов столько же, зато всё понятно. А главное, если человек не прочитает это, он всё равно сможет всё найти.

Юридическая туфта на странице Айфона Я зашёл на страницу Айфона и заметил, что юридическая туфта занимает половину её высоты: https://www.apple.com/iphone/ Я считаю, нужно внедрить новую правоприменительную практику, согласно которой весь этот текст не считается и не может быть использован в качестве доказательства или обоснования чего бы то ни было. Там ведь написаны какие-то слова, чтобы защититься в суде в случае чего? Ну вот суды должны будут проходить так:

Пользователь: Я купил Айфон, прочитав о нём на странице, но оказалось, что он работает иначе. Эпл ввёл меня в заблуждение. Защитник Эпла: Однако на странице снизу под сноской 64 указано, что он работает иначе. Судья: Это не считается. Вы специально задизайнили эту часть так, чтобы её никто не читал, и очевидно, что её никто не читал. Вы приговариваетесь к выплате компенсации в миллион долларов каждому обманутому пользователю.

И всё. Пусть включают все свои уточнения в основное повествование или пишут так, чтобы двусмысленности не возникало.

Защита от нейросетей: создан анимированный шрифт Ghost Font, невидимый для ИИ Разработчик Eric Lu представил Ghost Font — уникальную технологию скрытия текста, которую человек считывает мгновенно, а нейросети распознать не могут. Метод работает на основе оптической иллюзии в видеоформате: точки, формирующие буквы, движутся в одну сторону, а точки фона — в противоположную, что позволяет человеческому мозгу легко собирать картинку воедино. При этом ИИ-модели разбивают видео на статичные кадры, где буквы превращаются в нечитаемый хаотичный шум. Дополнительно в анимацию внедряется «ложный текст»-приманка, из-за чего перед защитой капитулировали даже мощнейшие ИИ-системы Fable и GPT Sol 5.6 Ultra, приняв обманку за реальное сообщение.

Скилл, сэкономивший мне несколько часов в неделю Я часто говорю, что в продуктовой аналитике нужно комбинировать количественный и качественный подходы. Один из инструментов, который сидит где-то посередине между ними: просмотр записей сессий юзеров (clarity, веб визор и иже с ними). В лучших традициях эмпатического проектирования, когда вы наблюдаете за пользователем в естественной среде. НО этот инструмент очень требователен к времени продакта: даже в ускоренном режиме на такую работу приходится тратить часы в неделю, причем это не самое классное времяпрепровождение, если уж быть честным. Хотя там регулярно встречаются прямо уж "золотые инсайты". Собственно, дружбан, вооруженный браузером, мог бы это делать - не так ли? Собственно, такой скилл я и запилил; обкатал на просмотре 500 сессий через clarity mcp. Как работает: 1) Сначала определяем вопросы, на которые хотим получить ответ: например, почему юзеры не подключают LinkedIn 2) На основе вопросов определяется какие сессии взять на "просмотр" 3) Триаж сессий: по таймлайну сессии отбираем насколько она "интересна" для анализа 4) Далее для каждой сессии берем все евенты, в определенные моменты в том числе берем скриншот и анализируем 5) Триангулируем выводы: по базе данных, по исходникам. 6) Анализируем мертвые клики (dead clicks), так как зачастую это классный источник UX проблем 7) Получаем отчет Из неожиданного: отчет для каждого вывода дает ссылки на исходные сесси и в ходе "человеческого" просмотра одной из них я понял, что важно смотреть не только фреймы перед кликами и тп, но и без оных. Потому что тогда можно поймать проблемы типа "непонятная надпись" или "отсутствует call to action". https://github.com/BayramAnnakov/clarity-session-review Юзайте на здоровье и присылайте улучшения/принципы по мотивам ваших инсайтов

Обновление Яндекс Музыки, которое вызвало шквал возмущения в соцсетях, критиковали внутри самого Яндекса перед релизом, но эффективным менеджерам было плевать Яндекс Музыка выкатила большое обновление в конце мая. Само обновление было давно, но мне попал в руки скриншот из внутреннего мессенджера с обсуждением этого релиза. Расскажу контекст. Яндекс предлложил юзерам новый инновационный сценарий взаимодействия с приложением — это выбор настроения треков. То есть не свои подборки или определённый жанр музыки, а именно настроение, сформулированное долбоёбскими AI-слопными формулировками: «неделя до диплома (ааа)», «свидание 10 из 10» или «секс под грустную музыку». Вдобавок дизайнеры накрутили некоторые спорные решения, например, кнопки «вперёд/назад» убрали с экрана трека, потому что по задумке перелистывание настроения важнее. Прило стало лагать на слабых девайсах, а некоторые любимые пользователями функции переместили подальше так, что их не найти. Пользователи были в ярости. Вот цитата самого популярного отзыва на Пикабу (орфография автора сохранена): Яндекс.Музыка, хотите отзыв? Идите НА ХУЙ с такими обновлениями. Вот реально, я максимально лояльный пользователь, по жизни вежливый и культурный, но ваше приложение, а точнее — ее обновление, просто вывело меня из себя и сдерживаться я не буду. Вы делаете ГАВНО! И за мои же деньги, мать вашу, вы меня им кормите! Сотрудники Яндекса, которые тестировали приложение до релиза, говорили, что получается плохо, но руководство Я.Музыки отвечало на это примерно так: вы просто не понимаете проблематику и внутреннюю кухню сервиса, а мы понимаем. Релиз обсуждали долго, сотрудники несколько раз пытались донести, что сервис совершает ошибку. Пипл схавает. Какая разница? Последствий всё равно не будет, аудитории некуда переходить. Яндекс монополист с более чем половиной российского рынка стриминга. Тем более по инфе из официального пресс-релиза новый интерфейс повысил такие важные метрики для пользователя, как переход на страницу артиста на 11% и уменьшил количество дизлайков в «Моей волне» на 4%. К посту приложил скрин из корпоративного мессенджера Яндекса с хронологией внутреннего спора о новом дизайне Я.Музыки от одного из сотрудников. И вот самое интересное там: 0. Зацените этот пассивно-агрессивный тон вкупе с корпоративно-ебланским языком. Это владение на уровне мастера. 1. Вы удивитесь, но в самом Яндексе признают агрессивную монетизацию своих сервисов, их перегруженность и неудобство, рекламу на каждом квадратном сантиметре и дарк-паттерны. 2. В Яндексе тоже считают, что в подписку Яндекс Плюс в нагрузку включены ненужные сервисы. Подписка дорожает, а качество этих сервисов ухудшается. 3. Ну и вишенка — работники Яндекса НЕИРОНИЧНО на серьёзных щщах называют себя «яндексойдами».

🎭 Оперный театр в форме веера В Шанхае наконец достроили один из самых амбициозных культурных объектов Китая — Шанхайский оперный театр. На него ушло шесть лет, а раскинулся комплекс на 146 000 квадратных метров. Стоит он на восточном берегу реки Хуанпу, ровно там, где когда-то проходила Всемирная выставка Expo 2010. Проект придумало норвежское бюро Snøhetta вместе с китайским институтом ECADI. Главная фишка здания, это драматичная спиральная крыша, силуэт которой словно повторяет раскрытый китайский веер. Причём крыша ещё и обитаемая: наверх можно подняться, там смотровая площадка с видом на реку и небоскрёбы города. Внутри есть четыре зала. Самый впечатляющий, Harmony Hall, получил одну из крупнейших сценических систем в Азии: около 3500 квадратных метров под артистов. Это первая в Китае «шестиблочная» сцена — декорации собирают, разбирают и меняют на лету, так что площадка легко переключается между разными постановками. Чтобы удержать огромную нависающую крышу и изогнутые формы, строители залили сверхпрочный бетон UHPC. А ещё внутри спрятались галереи, репетиционные студии, кинозалы, рестораны и библиотеки. Но самое приятное — сюда можно просто прийти погулять. Как в парк, без билета на спектакль: днём и ночью открыты дворы и крышная набережная. Стройку официально приняли 23 июня, а первые мероприятия обещают в ближайшие месяцы. Если вдруг будете в тех краях, обязательно загляните! @droidergram

Помните я радовался, что подключил MCP в Lovarus.ru?

MCP - это протокол благодаря которому нейросеть может взаимодействовать с внешними системами.

Так вот, сегодня я проснулся, и меня озарило - это все дешевые понты. Какой MCP для сервиса, у которого целевая аудитория - люди без технического опыта?! Кто в здравом уме пойдет тратить время на регистрацию в каком-то Context7, а потом тащиться в Lovarus с API ключом?! Сервисы типа Lovarus должны сами на себя брать подключение нужных MCP, и пользователь даже не должен знать ничего о них. Короче, решил выпилить эту штуку в ближайших релизах, а точнее скрыть для юзеров. Тоже самое с кнопкой «Исправить», для прогера это прикольно, он привык видеть ошибки, и когда они исправляются по клику на кнопку - это прикольно. Для предпринимателя, фрилансера, кнопка «исправить» - это лишняя фрикция, трата денег и времени. Короче две ближайшие цели, упростить сервис, скрыть технарщину под капот, на выходе только готовый рабочий результат.

Я уже давно говорю, что Open AI делают классные модели, но абсолютно ублюдские продукты. Даже новый ап ChatGPT тому подтверждение: • Есть два режима: чтобы сделать работу и для разработчиков. Разработчикам не судьба сделать работу? При этом переключение тумблера ничего не меняет в интерфейсе. • Абсолютно невнятная навигация. К примеру, чтобы найти скилы, надо зайти в раздел плагины, в которых есть плагины и отдельно вкладка скиллы. Гайды NNG про работу с ожиданиями не дистилировались в модель? Или пролились по пути? Все бы ничего, если бы на фоне не был ап клода, где видно, что продумывают UX, а не вайбкодят в режиме красного кода. Очень плохо. А модели классные, да.

Думаем дальше № 65 — «Никто не пользуется стеклянными сферами» с Никитой Прокоповым С Никитой Прокоповым обсуждаем ВВДЦ 2026 и дизайн программ для ЭВМ. 0:00 — Какой сигнал мы получили на ВВДЦ 2026 и чего ждём через год 4:38 — Предзаписанные и живые презентации 6:26 — Полировка и скучающие журналисты 11:08 — Золотые ворота: иконки в меню и в Доке 17:33 — Скругления углов окон. Историческая справка 26:27 — Выбеление интерфейса, возвращение тулбаров и наведение резкости 32:52 — Мнение Никиты о прозрачности в интерфейсе и теория Ильи о прозрачности в реальной жизни 40:03 — Двигунок жидкости стекла 44:38 — Пружинистые кнопки 48:25 — Тулбары и группы кнопок на них 51:49 — Синхронизация фоток 54:45 — Всё не так тормозит, но зачем она вообще тормозит? 1:06:54 — Ощущение качества и надёжности от софта 1:10:32 — Каким должен быть редизайн и путь к эталонному решению 1:15:34 — Красота и привлекательность интерфейса. Ортопедический дизайн 1:17:56 — Все хотят оторвать боковые панели, а зря Эпл · Ютюб · Я.Музыка · Спотифай · Мейв Но лучше подписаться по РСС в подкастном приложении: https://cloud.mave.digital/51724

Showing 8 yo how to deal with a recalcitrant zipper on his jacket reminded me how tricky zippers actually are. There is definitely room for a new product here. There's room for better versions of almost everything. We just don't see it because we've stopped noticing the flaws in what we have, and the complicated tricks we use to compensate for them. Показывая 8-летнему мальчику, как справиться с непослушной молнией на его куртке, я вспомнил, насколько сложными на самом деле бывают молнии. Здесь определенно есть место для нового продукта. Место для улучшенных версий почти всего. Мы просто не замечаем этого, потому что перестали обращать внимание на недостатки того, что у нас есть, и на сложные уловки, которые мы используем, чтобы их компенсировать. — Пол Грэм