AI и доступность

Делаем блиц-интервью про AI и доступность. Задаем одинаковые вопросы и получаем разные ответы ) Наш третий гость — Алексей Назаренко @alexnozer_dev — фронтенд-разработчик, специализирующийся на вёрстке, доступности, производительности и веб-стандартах. Леша, спасибо 💜 Ты пробовал использовать Claude или ChatGPT со скринридером или с клавиатуры? Как это работает на практике? — Лично я не пробовал. Но читал о том, что в интерфейсах таких платформ полно проблем с доступностью. Ты знаешь кейсы, где AI улучшил доступность продукта? — Есть несколько фич, которые кажутся мне хорошим использованием AI в доступности: - Автогенерация субтитров на видео в TikTok, YouTube и подобных сервисах; - Возможность сгенерировать описание изображения (alt) в Firefox или Shopify; - Функция распознавания изображения с камеры в реальном времени в ChatGPT или Seeing AI; Ещё знаю, что AI используют при аудите для анализа контента и поиска нарушений WCAG. Но пока о каких-то серъёзных успеха в этом направлении не слышал. Есть ли риск, что AI-инструменты для доступности обучены на данных, которые не отражают реальный опыт людей с ограничениями по здоровью? Что должно измениться в том, как мы обучаем модели? — Все современные модели знают о доступности много, потому что это гигантские базы знаний. Сложность в том, чтобы эти знания оттуда извлечь. По умолчанию модели выдают статистически наиболее вероятный код. Дела с доступностью обстоят плохо, что подтверждают отчёты WebAIM. Поэтому в среднем сгенерированный код будет содержать проблемы доступности. С обучением моделей, скорее всего, уже ничего не сделать. Разве что в мире резко большинство сайтов и сервисов станут доступными и появятся новые хорошие кодовые базы, где это всё учтено. Но такого не будет. А учитывая волну нового сгенерированного кода за последние годы, всё только хуже. Поэтому нужно обкладывать агентов скиллами, правилами, инструкциями для работы, давать примеры доступного кода, проводить код ревью людьми, которые разбираются. ИИ волшебным образом не сделает мир доступнее, нужна инициатива и эксперты. 70% новых приложений создаётся на low-code и no-code платформах. Люди без технической базы делают продукты для миллионов. AI научит их паттернам доступности? — Я не слышал, чтобы без технической базы с помощью AI создавали продукты на миллионы пользователей. Истории «я за два вечера навайбкодил SaaS и заработал много денег» мне кажутся пылью в глаза. Десятки, сотни или тысячи пользователей, но не миллионы. Если говорить о крупных корпорациях, которые массово внедряют AI в процессы разработки, то там, всё же, есть техническая база. Не думаю, что AI научит доступности. Он способен воспроизводить шаблоны доступности и выдавать неплохие решения при должной настройке и в руках опытных разработчиков. Тех, кто росто генерирует код и не вникает в него, AI ничему не научит. В России активно пользуются технологиями с Ai — зарубежные скринридеры, программы по типу Open your eyes, есть ли надежда, что подобные сервисы будут разрабатываться российскими разработчиками? — Думаю, что надежда есть. Однако стимулов меньше, чем в странах Евросоюза или США. Нужно развивать культуру доступности и работать над законодательной базой, по аналогии с ADA или EAA. Культура будет способствовать информационной осведомлённости о важности доступности, а законы обяжут выделять на это ресурсы.

#13 Replit хочет дать агентам насмотренность

Replit 15 мая добавил в каталог MCP новый сервер Lazyweb. Если коротко, он позволяет агенту искать по базе из 257k+ реальных экранов приложений. Replit прямо пишет: для UI-референсов и дизайн-исследований. На первый взгляд, маленькая новость из списка обновлений. Добавили ещё один MCP, ну ок. Но для вайбкодинга это довольно важная штука. Потому что сейчас у AI-интерфейсов есть очень узнаваемая болезнь. Попросил собрать сервис, личный кабинет, страницу вакансии, CRM или дашборд, и через минуту получаешь что-то аккуратное, чистенькое и до боли одинаковое. Карточки, табы, серые подписи, синий акцент, график, три метрики сверху. Всё вроде нормально. Только ощущение, что этот экран уже видел тысячу раз и ни один раз не хотел им пользоваться. Проблема часто не в том, что модель не умеет рисовать. Она рисует как среднее арифметическое интернета. А среднее арифметическое обычно выглядит как SaaS, который стесняется сказать, чем он занимается. У агента появляется не только промпт, но и шанс посмотреть, как похожие задачи уже решили живые продукты Это уже ближе к работе дизайнера. Перед тем как делать новый сценарий, ты смотришь, как это устроено у других. Не чтобы скопировать. Просто чтобы понять, какие паттерны вообще существуют, где люди обычно ошибаются, какие решения уже стали привычными, а где можно сделать иначе. Например, тебе надо собрать экран подписки. Вариант «сделай красиво» почти гарантированно даст три карточки с тарифами и зелёную кнопку. А если агент видит реальные примеры, он хотя бы может заметить детали: – где показывают ограничения тарифа – как объясняют пробный период – куда прячут отмену – как оформляют сравнение – где начинается тёмная сторона UX После этого уже можно спорить. Не с пустым экраном и не с абстрактным «сделай современно», а с конкретными паттернами. Это полезнее, чем бесконечно гонять модель по кругу, пока она сама случайно не попадёт в нормальное решение. Конечно, референсы не спасают от плохого дизайна. Можно насмотреться 257 тысяч экранов и всё равно собрать помойку. Особенно если агент будет просто усреднять всё подряд. Но сама идея правильная: интерфейс нельзя делать только из текста в промпте. Ему нужен визуальный и продуктовый контекст. Для дизайнеров тут есть смешной момент. Раньше насмотренность была чем-то личным: папки с референсами, скриншоты, закладки, сохранёнки, чужие продукты, которые ты руками разбирал. Теперь эта насмотренность постепенно превращается в подключаемый источник данных для агента. Референсы становятся не только материалом для дизайнера, но и частью работы инструмента. Агент может искать примеры, сравнивать паттерны, приносить варианты, а дизайнер уже решает, что из этого имеет смысл. Ну, если дизайнер вообще есть в процессе, а не где-то потом приходит чинить результат. По мне главное, чтобы такие базы не превратили всё в ещё более одинаковую массу. Если агент будет брать референсы как повод подумать, это полезно. Если как повод собрать «усреднённый лучший экран», то мы просто получим SaaS-дашборд 2.0, только теперь с доказательной базой. ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Дизайн-система через Claude Code

Я никогда не любил работать с ДС и компонентами, особенно, когда АИ ещё не было в целом. Дизайн-система это такая штука, которая никогда не заканчивается. Сегодня добавили новый компонент, завтра поменяли состояние, потом где-то в продукте уже уехала версия, а в библиотеке всё ещё живёт старый вариант. И начинается обычная рутина. Проверить состояния. Сверить компоненты. Понять, что отстало от продакшна. Поправить в нескольких местах. Убедиться, что дизайнеры не разнесли всё по разным файлам. Работа важная, но максимально не самая весёлая) И вот это как раз очень похоже на задачу, которую можно отдавать AI-агенту. Не творческую часть, где надо думать головой, а именно поддержку порядка: сверять, находить расхождения, подтягивать правила, дополнять состояния, помогать не превращать ДС в свалку. Даниил из Pixel Perfect 3 июня в 18:00 мск покажет, как это работает на практике. Будет не учебный кейс, а живой AI SaaS-стартап для голосовых агентов. Он соберёт дизайн-систему через Claude Code и Figma MCP, а потом на её базе сверстает экраны продукта. 😎 Что будет полезного Покажет, как собирать ДС через Claude Code и Figma MCP, даст 4 скилла для Claude Code под сборку и поддержку своей дизайн-системы, и разберёт, какую рутину реально можно отдать агенту. Если работаете с дизайн-системами или просто устали руками вылавливать одни и те же расхождения залетайте посмотреть. Ща отставать уже не модно, нужно быть в трендах инструментов и снимать с себя кучу рутины ✨ Эфир пройдёт в канале, приходите Кстати, кто уже занимается ДС через клод, какой у вас пайплайн? Как работаете? 🔠 Подписаться на канал Даниила 🔠 Подписаться на канал Даниила 🔠 Подписаться на канал Даниила

Тильданенавистники как отдельный вид кринжа 😂

Из аргументов: «она не подходит для сложных высоконагруженных сервисов», «для огромного SaaS со сложной архитектурой», «для большого интернет-магазина» Эмм… Извините… А зачем это вообще делать на Тильде?💡 Если мне нужно: ✅быстро запустить лендинг под рекламу, ✅сделать сайт для мероприятия, ✅собрать сайт-визитку для малого или среднего бизнеса, ✅интернет-магазин бутикового формата – Тильда вообще отличный инструмент (и это только малая часть, на самом деле) Увы и ах, мне не нужен кастомный бэкенд и команда разработки ради лендинга на пару недель 🙏 Я работаю и с сервисами, и с приложениями, и со сложной разработкой – и при этом иногда делаю проекты на Тильде. Потому что для своих задач это быстрый и удобный инструмент. Для каждого проекта – свой стек: где-то Тильда, где-то WordPress, где-то кастомная разработка и тэдэ 💯 Выбираем инструменты под задачу кароче 👉 #мысли
UX/UI-дизайнер в 12 Космонавтов
👋 Привет! Мы — 12 Космонавтов, ищем дизайнера с глубоким пониманием интерфейсного дизайна для создания дизайн-концепции цифрового продукта. Кто нам нужен • UX/UI-дизайнер с опытом от 5 лет, уровень Senior • Плюс: опыт в fintech, SaaS или highload-продуктах Что надо делать • Разрабатывать UX/UI-концепции и прорабатывать пользовательские сценарии • Работать с дизайн-системами: компоненты, токены, состояния, консистентность • Проектировать интерфейсы от user flow и wireframes до финального UI • Готовить макеты к передаче в разработку и сопровождать реализацию 👉Узнать подробности и откликнуться
🎈 Создавайте сервисы и ключевые решения для бизнеса и разработчиков!
С 20 по 26 апреля проводим Fast Track* для продуктовых дизайнеров — мероприятие быстрого найма в команды Yandex Cloud и Yandex Infrastructure. Все встречи — онлайн, рекрутер заранее договорится с вами об удобном времени. Ждём дизайнеров с опытом от 3 лет. Будет плюсом, если вы работали с интерфейсами для сложных экосистем, B2E- или SaaS-продуктами и участвовали в развитии дизайн-систем в том числе в опенсорс-проектах. Как получить офер: 🟣до 17 апреля зарегистрируйтесь на сайте; 🟣до 19 апреля выполните тестовое задание; 🟣20–26 апреля пройдите вайтборд, познакомьтесь с командами и получите офер. 🔸 Подробности и регистрация — по ссылке. Задачи сложные, масштаб впечатляет — присоединяйтесь!
Создавайте сервисы и ключевые решения для бизнеса и разработчиков!
С 20 по 26 апреля проводят Fast Track* для продуктовых дизайнеров — мероприятие быстрого найма в команды Yandex Cloud и Yandex Infrastructure. Все встречи — онлайн, рекрутер заранее договорится с вами об удобном времени. Ждут дизайнеров с опытом от 3 лет. Будет плюсом, если вы работали с интерфейсами для сложных экосистем, B2E- или SaaS-продуктами и участвовали в развитии дизайн-систем в том числе в опенсорс-проектах. Как получить офер: — до 17 апреля зарегистрируйтесь на сайте; — до 19 апреля выполните тестовое задание; — 20–26 апреля пройдите вайтборд, познакомьтесь с командами и получите офер. Подробности и регистрация — по ссылке. Задачи сложные, масштаб впечатляет — присоединяйтесь!
Дизайн под микроскопом. История большого обновления B2B MedTech SaaS
Узнайте, как evilUNION перезапустил платформу цифровой патоморфологии. Senior продуктовые дизайнеры делятся подробностями и уникальными особенностями проекта Читать на дизайнерс | #кейс
#тренды
Шахматы Monogram Big Chess Game Set делают из фирменной кожи итальянского бренда Giobagnara и украшают тиснением с монограммой Модного дома Elie Saab. Сами фигуры — из белого каррарского и черного марквинийского мрамора, соответственно.
Изображение поста
🏥 Врачи нарушали конфиденциальность пациентов, потому что консультации были неудобными
В старой версии платформы консультация работала так: кнопка с тремя точками, ввод email, переписка вне платформы. Консультанты не замечали письма, не переходили по ссылкам или отвечали поздно. Врачи пытались спасаться комментариями, но это нарушало правила безопасности. Никита Сошин и Александра Дёмина из evilUnion сделали перезапуск платформы цифровой патоморфологии Histoscan. Не редизайн, а полную перезагрузку B2B MedTech SaaS для клиник и лабораторий. Врачи работают в таких системах 40-56 часов в неделю, количество аннотаций на одном слайде достигает 100 штук, а ошибка может стоить чьей-то жизни. Главное открытие: отсутствие опыта в медицинских IT-продуктах оказалось преимуществом. Не стали заложниками устоявшихся правил и могли свободно экспериментировать. Внутри: — Панель информации случайно стала уникальным торговым предложением продукта; — Почему использовали шрифт 10px и он оказался читаемым (межбуквенный интервал +0,3px); — Система консультирования внутри приложения: запрос, уточнение, ответ, успешность 75%; — 200+ иконок с именами планет из Звездных Войн (цвета тоже: Татуин, Корусант); — Как сделали кнопку, которая одна работает на всех уровнях интерфейса. Статья с десятками скриншотов процесса, прототипами, User Flow и разбором каждого решения. Видно, сколько итераций прошли, прежде чем нашли то, что работает. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
😍 Adapty.io ищет Marketing Designer (Landing Pages & Visual Communication)
Ребята занимаются B2B SaaS для мобильных приложений 🔘 Что нужно делать: – Проектировать и собирать лендинги под маркетинговые кампании (вебинары, отчёты, лид-магниты и т.д.); – Создавать визуалы и иллюстрации для рекламы, соцсетей и email-кампаний; – Работать с визуальной иерархией, акцентами и пользовательским вниманием; – Продумывать связку креатив → лендинг → целевое действие; – Вместе с маркетинг- и growth-командой участвовать в тестах, итерациях и улучшениях. 🔘 Что ожидают: - 3+ года опыта с опытом в маркетинговом / коммуникационном / веб-дизайне; – Знаете, как устроены лендинги и что влияет на конверсию - Внимательны к деталям и замечаете ошибки и несоответствия ещё до публикации; – Уверенно и круто работаете в Фигме; – Умеете делать визуалы под маркетинговые задачи, а не только под бренд – Есть портфолио (обязательно). ℹ️ Из дополнительного: полная удалёнка, работают через сервис Deel (для выплат и документов). Также важно знать английский от B2 и выше ➡️ Откликнуться на сайте ➡️ Откликнуться на сайте ➡️ Откликнуться на сайте
Изображение поста
Сайт World Labs
Компания в области пространственного интеллекта. Разрабатывает передовые модели, которые способны воспринимать, генерировать и взаимодействовать с трёхмерным миром. #ai #3d_сайт #дизайн #saas #светлая_тема Посмотреть сайт 👨‍💻
А как у вас дела с английским?
Для развития, важно не просто смотреть вокруг, но и заглядывать за горизонт: изучать работы зарубежных дизайнеров и быть частью международного комьюнити. Если вы можете поддерживать диалог на английском — это ооооогромный плюс для вас, как специалиста. Ребята из онлайн-школы разговорного английского @authenticpigeon (подружилась с ними недавно) поделились фреймворком сообщения, которое поможет органично завязать профессиональный диалог с понравившимся человеком: I saw *****. I liked *****. I’m curious about how/why *****? Пример: Hey Marco, I saw your SaaS dashboard design on Dribbble. I really liked the typography hierarchy and how calm the layout feels. I’m curious how you decided on those spacing and type scale choices — was it part of a larger design system? Лучшее место для таких сообщений — комментарии в социальных сетях и на профессиональных площадках, типа 🅱️Behance, Dribbble и подобных. Не бойтесь практиковаться и поддерживать уровень языка в проф. среде. Подписывайтесь на телеграм-канал ребят, где они рассказывают о разговорном языке, который пригодится, когда будете общаться с зарубежными коллегами по цеху и клиентами → @authenticpigeon Особенно, если цель выучить английский кочует в ваших списках из года в год. Может быть, это знак, чтобы заняться им всерьёз? ⚡️ GIF
Сайт Jordan Breton
Фриланс full-stack разработчик и креативный Three.js-девелопер. Создаёт иммерсивные 3D-веб-проекты, масштабируемые SaaS-платформы и маркетплейсы. Открыт к фриланс-проектам. #портфолио #3d_сайт #threejs Посмотреть сайт 👨‍💻
Wave 2.0 — инструмент с открытым исходным кодом, который поможет вам запустить SaaS в кратчайшие сроки.
devdojo.com/wave
Дизайнер в штат или дизайн-аутсорс: что выбрать для SaaS
Статья об истинной ценности UX/UI-дизайна для SaaS-продуктов. Узнай, как он влияет на ключевые метрики бизнеса и почему это гораздо больше, чем просто "красивые кнопки Читать на дизайнерс | #статья
Изображение поста
Подборка сайтов для прокачки визуальной насмотренности.
godly.website minimal.gallery land-book.com onepagelove.com landingfolio.com mobbin.com saaslandingpage.com curated.design refero.design dark.design storefront.design
☀️ Витрина компонентов для вдохновения
Наткнулся на 21st — открытую площадку, где разработчики публикуют готовые React-компоненты и целые экраны. Это что-то вроде Figma Community, только для кода. На платформе много решений, собранных с реальных маркетинговых страниц популярных SaaS-сервисов. Например, на обложке — блок с главной страницы Linear. Помимо вдохновения: если ваша команда работает с React и придерживается подхода shadcn/ui, можно просто отправить ссылку на компонент — разработчики возьмут код и адаптируют его под ваш дизайн. Единственное: сейчас платформу обновляют — похоже, на её базе делают отдельный продукт. Поэтому возможны баги, а в навигации пока легко потеряться. Вам на страницу Community в раздел Components. 📎 Ссылка на площадку
Первые 40 часов UX/UI‑дизайна: как я собираю вводные и формирую основу интерфейса
UX/UI-дизайнер Лена Плинер делится 20-летним опытом работы с CRM, ERP, SaaS‑платформами. В ее телеграм-канале она делится секретами организации работы, решении бизнес и дизайн задач клиентов Читать на дизайнерс | #статья
Изображение поста
Breadcrumbs в SaaS: когда они спасают продукт, а когда — убивают UX
Статья "Хлебные крошки": Как маленькая цепочка ссылок может повлиять на комфортность пользователей и помочь в навигации по сайту Читать на дизайнерс | #статья
Изображение поста