📄 Инструкция настройки базы знаний для UX-исследований по методу Андрея Карпаты

Я сейчас провожу Reddit-исследование на 1250 постах по цифровой доступности. И мне нужно сделать так, чтобы Claude искал только по моей базе, а не во всем интернете.  Недавно Андрей Карпаты (один из основателей OpenAI) выложил в X пост о том, как он хранит информацию как .md файлы (обычные текстовые файлы) и подключает Claude напрямую к этим знаниям. Почему это лучше, чем просто загружать файлы в чат? Каждая сессия Claude начинается с чистого листа — приходится заново объяснять контекст. Claude Code подключён к папке постоянно через терминал: один раз структурировала знания, и они работают во всех следующих сессиях.  Настроила примерно за час и то, потому что протупила с путями, куда что сохранять. А так оч быстро ) Потом полдня писала эту инструкцию ) Буду рада вашим реакциям ) В будущем хочу попробовать: настроить поиск по смыслу (семантический), а не по точным словам: чтобы Claude находил «усталость», даже если в заметке написано «выгорание». Автоматизировать обработку новых источников — положила файл в папку, он сам превратился в структурированную заметку. И сделать так чтобы Claude знал базу без чтения файлов каждый раз, как это делает Notebook LM. Карпаты об этом тоже писал. ⚡️Написала инструкцию на VC⚡️ ___ en<able> - о дизайне в A11y | Наши статьи на VC

Переиздание книги про доступность

Пришло время перезапустить книгу в виде сайта! Запускаю ее в формате DocC: • доступна в онлайне, можно ссылаться на любой раздел, • верстка под мобилу и декстоп, • светлая/темная тема. Как и раньше книжка остается бесплатной. Как и раньше выпускать буду главами раз в пару недель, про обновления будет в этом канале. Сейчас доступна первая глава про общее понимание доступности, статистику и как пользоваться скринридером. Самое ценное что вы можете сделать: поделиться сайтом со своими знакомыми программистами, дизайнерами, продактами и рассказать в соцсетях. https://bookshelf.dev/a11y-book/">https://bookshelf.dev/a11y-book/

Новые вариативные шрифты: Kazimir, Kazimir Text и BigCity Grotesque!

В BigCity — гуманистическом гротеске с большим количеством кириллических лигатур — теперь доступны и два вариативных шрифта — наклонный и прямой — с осью насыщенности А в Kazimir — коллекции текстовых и дисплейных статичных антикв — появилось четыре вариативных шрифта с осями насыщенности: два в семействе Kazimir и два — в Kazimir Text

Наше обучение теперь доступно каждому!

Мы долго собирали внутреннюю «базу знаний» о TechGres для своих менеджеров. А потом подумали: а почему бы не поделиться с теми, кто проектирует и продаёт кухни каждый день? В общем, вот ссылка на наше обучение без смс и регистраций 📂 https://disk.yandex.ru/i/H4rBZWMeDhRsSA Там про материал, про возражения, про нюансы монтажа и фишки, которые реально помогают закрывать проекты быстрее МЫ В МАХ
Как использовать возможности ИИ в Figma на максимум?
29 апреля в 19:00 пройдёт вебинар с Кристиной Уваровой — старшим продуктовым дизайнером из Яндекса. На встрече разберём: • какие AI-инструменты уже есть в Figma и как применять их в повседневной работе; • как ускорить выполнение типовых задач: от создания экранов до генерации текстов и вариаций дизайна; • как грамотно встроить ИИ в рабочие процессы: что автоматизировать в первую очередь, какие сервисы использовать и каких ошибок стоит избегать. В результате вы получите не только теорию, но и практический план действий, который можно сразу применить в проектах и оценить реальный прирост скорости работы. → Регистрация открыта. → Если не получится присутствовать онлайн, запись будет доступна на «Креативити». Первые 7 дней — всего за 1 рубль. 📎 Креативити
Женя UPROCK пригласил меня выступить в закрытом лектории «Вышка» и рассказать о моем подходе к эмоциональному дизайну и о том, как применять его на практике)
Поговорим о том, как эмоции становятся частью дизайнерского решения и почему они напрямую влияют на отношение пользователя к интерфейсу, продукту и даже целиком бренду, как юзер принимает решения, а бизнес делает на этом дополнительную выручку. Ранее я уже выступал там с темой «Очки доверия в продажах», запись также доступна в лектории. И ещё там 60+ часов полезного контента от коллег из разных областей — графика, продуктовый дизайн, нейросети и т.д. Присоединяйтесь по ссылке
Новый виток A11y в Apple?
Джон Тернус — новый CEO Apple, а также тот человек, который в качестве дипломного проекта в University of Pennsylvania разработал механическую руку для кормления, управляемую с помощью движений головы. То есть пользователь, не имеющий возможности двигать конечностями, мог самостоятельно есть — управление шло через head-tracking без участия рук. Также стоит вспомнить, что именно под его руководством вышли Apple Watch с Double Tap — классический curb cut effect: жестовое управление изначально появилось в 2021 году как AssistiveTouch, фича для людей с особенностями верхних конечностей, а позже та же технология стала фичей для всех. AirPods Pro с hearing aid — наушники массового рынка, работающие как слуховой аппарат. Vision Pro, где eye-tracking — основной интерфейс: формально это универсальный дизайн, но выросший из accessibility-подхода ) И это уже другой уровень доступности — встройка в железо ) Кайф? Кайф! Alt: фотография Джона Тёрнуса на сцене Apple-презентации, за ним крупным планом чипы и схемы. ___ en<able> - о дизайне в A11y | Наши статьи на VC
Все уже попробовали Claude Design?
А пока я загружаю дизайн-систему туда, напишу про заявленную доступность Claude: • Аудит компонентов на соответствие WCAG 2.1 / 2.2 (A, AA, AAA) — контрастность, фокус, таб-порядок, размеры тач-таргетов • Проверка и генерация корректной ARIA-разметки (roles, states, properties, live regions) • Проверка работы с клавиатурой и фокуса • Анализ семантики HTML, heading hierarchy, landmark-регионов • Проверка alt-текстов • Генерация A11y-документации для компонентов дизайн-системы (do's/don'ts, примеры использования) Есть набор Accessibility Agents — специализированных агентов для Claude Code, GitHub Copilot и Claude Desktop, которые проверяют код на соответствие WCAG 2.2 AA, покрывают i18n/RTL, дата-визуализации, email, медиа, web components Пока сама не тестировала, попробую попозже )
Вы этого ждали — на Dprofile появилась новая специализация «Нейро».
Теперь это отдельное направление для дизайнеров, которые используют нейросети в своих проектах и развиваются в нише ИИ-дизайна. Сегодня нейросети — это не просто инструмент, а новая среда для создания визуального контента. Меняется подход к продакшену и открываются новые возможности, которые раньше были недоступны без больших команд и бюджетов. Чтобы зафиксировать и отразить изменения в индустрии — на площадке появляется полноценная специальность, которая выделяет ИИ-дизайнера как полноценную профессию. С обновлением вы можете: — Указать специализацию «Нейро» в профиле; — Отмечать проекты, созданные с использованием ИИ-инструментов; — Получать соответствующую награду за свои работы. Внутри специализации доступны направления: — ИИ-графика; — ИИ-персонажи; — ИИ-анимация; — ИИ-видео. Публикуйте проекты, рассказывайте как нейросети помогают реализовать в работе ваши идеи и приглашайте коллег на Dprofile. Будем ждать первых печенек с «AI». Удачи!
У нас продолжаются блиц-интервью про AI и доступность. Задаем одинаковые вопросы и получаем разные ответы )
Дима Бороухин @dmboro — в прошлом дизайнер и веб-разработчик. После потери зрения объединил свои технические знания с личным опытом и стал консультантом по цифровой доступности. — Ты пробовал использовать Claude или ChatGPT со скринридером или с клавиатуры — как это работает на практике? Я пробовал ChatGPT, однако по удобству взаимодействия мне больше понравился Gemini. Его интерфейс вполне доступен: элементы управления имеют корректные роли, имена и состояния, что позволяет скринридеру считывать структуру страницы. В своей работе я активно применяю AI для подготовки HTML-страниц для презентаций — чтобы показывать командам типичные проблемы доступности. Грамотный промпт позволяет сгенерировать страницу, где один элемент оформлен эталонным кодом, а остальные имеют аналогичный дизайн, но содержат критические ошибки — например, невозможность установить фокус. Визуально всё выглядит одинаково, но при взаимодействии через клавиатуру или скринридер различия становятся очевидными. Также я использую AI для подбора цветовых схем и помощи в написании CSS-кода. — Ты знаешь кейсы, где AI улучшил доступность продукта? или хотя бы часть? Комплексных кейсов, где AI улучшил доступность продукта, в моей практике не встречалось. Вижу нейросети лишь в точечных задачах — как в примере с описанием изображений, о котором расскажу дальше. — Есть ли риск, что AI-инструменты для доступности обучены на данных, которые не отражают реальный опыт людей с ограниченными по здоровью? Риск, безусловно, есть. AI может отлично знать теорию и стандарты, но их всегда нужно проверять на практике. Реальные сценарии взаимодействия со вспомогательными технологиями часто сложнее, чем их описывают в документации. Пример из жизни: недавно я просил AI создать примеры недоступных кнопок. Модель предположила, что «поломанная» кнопка будет полностью неработоспособна для скринридера. Однако на практике скринридер NVDA умеет эмулировать нажатие даже там, где код реагирует только на клик мыши. В итоге для пользователя скринридера кнопка может сработать, а для человека, использующего только клавиатуру, она останется недоступной. Я не разработчик нейросетей, но как консультант по цифровой доступности могу сказать: чтобы ситуация изменилась, в данные для обучения моделей нужно включать больше примеров реального поведения ассистивных технологий. Важно, чтобы AI видел не только идеальный код, но и понимал нюансы взаимодействия разных групп пользователей с интерфейсом. — 70% новых приложений создаётся на low-code и no-code платформах. Люди без технической базы делают продукты для миллионов. AI научит их паттернам доступности? Теоретически — может, но на практике всё зависит от того, как сформулирован запрос. Если создатель продукта не осведомлен о принципах доступности, он просто не включит эти требования в задачу для AI. А без явного запроса модель проигнорирует эти нюансы ради скорости разработки. Важно помнить: доступность — это не только формальное соответствие ГОСТу или WCAG. Прежде всего это про пользовательский опыт. Можно создать приложение, которое формально пройдет все автоматизированные тесты, но при реальном использовании окажется неудобным. — В России активно пользуются технологиями с Ai — зарубежные скринридеры, программы по типу Open your eyes, есть ли надежда, что подобные сервисы будут разрабатываться российскими разработчиками? Это уже реальность. Я постоянно пользуюсь отечественными решениями. Например, «Умная камера» Яндекса — незаменимая вещь в быту: она помогает отличить бутылку молока от кефира в холодильнике, когда упаковки идентичны. Недавно я показывал зарубежным коллегам функцию описания изображений в Яндекс Браузере. В одном онлайн-магазине одежды вместо внятных alt-текстов были маркетинговые названия коллекций. Нейросеть Яндекса точно описала суть: состав комплекта, цвета, фасон. Это тот случай, когда AI исправляет ошибки контента «на лету». Так что — большой респект и спасибо команде инклюзии Яндекса за их работу!
Стоячий стол и доступность
Недавно мне сделали операцию, я чувствовала себя хорошо, но сидеть не могла, усиливалось кровотечение и что же меня спасло? На Новый год муж и дочка подарили мне стол с подъемным механизмом, ну это ли не доступность среды? А вообще таким столам уже больше 600 лет. Я сразу побежала спросить у Claude — и он рассказал, что да Винчи писал «Мону Лизу» за таким столом и говорил, что работа стоя помогает мыслить свободнее. Чарльз Диккенс, Хемингуэй, Черчилль — все работали стоя. Томас Джефферсон первым придумал делать такие столы регулируемыми по высоте, а уже в 80-х к ним подвели электричество. Стол придумали ради продуктивности. Но он помог мне после операции. Помогает людям с болью в спине, беременным, людям на колясках, тем, кто просто не может долго сидеть. Это и есть универсальный дизайн в действии — когда решение, созданное для одной цели, оказывается полезным для всех 💙
Сегодня успела посмотреть ярмарку Catalog в самый первый час ее работы 🤍
Чуть позже будет обзор, а пока скажу, что растет уровень галерей и работ — и это очень радостно наблюдать. Из небольших замечаний — не везде есть этикетки с ценами и именами авторов. Много волонтеров, которые готовы все рассказать. Но мы понимаем, что запомнить все невозможно, а записывать не всегда удобно. И ещё из наблюдений. В ряде галерей есть папка с графикой. А это всегда и интересно полистать, и более доступно по стоимости работ.
Нужны ли творческим людям страдания?
В моменты, когда вокруг становится особенно тяжело — когда время приносит испытания, потери или неопределённость — многие из нас, творческих людей, замечают одну странную вещь: именно в такие периоды внутри рождается особенно глубокий материал. Боль, тревога, ощущение хрупкости мира… они обостряют чувствительность, заставляют видеть нюансы, которые в спокойные дни остаются незамеченными. Русская культура веками знала эту правду: через переживание часто приходит настоящее понимание и катарсис. Страдание не «требуется» для искусства, но оно может стать мощным топливом, которое превращается в сублимацию — в текст, образ, звук, идею. Важно помнить: мы не обязаны страдать, чтобы творить. Радость, любопытство, тишина и поддержка тоже рождают шедевры. Но если сейчас внутри тяжело — не отмахивайтесь от этих чувств. Позвольте им пройти через вас и превратиться в творчество. Это один из самых честных и целительных способов. В Креативити мы верим: творчество помогает не просто переживать трудные времена, а превращать их в нечто осмысленное и красивое. Для себя и для других. А ещё совсем скоро мы запускаем масштабное переосмысление канала, в котором вы это читаете. Готовим много нового, чтобы вместе становиться сильнее и вдохновеннее. Будем держаться вместе с подпиской Креативити+, где доступен кино-альманах российского дизайн-кода «Лепота», доступный по клику. 📎 Креативити
❗️Еще 24 часа будет действовать скидка на Вышку — закрытое сообщество UPROCK с лекциями от топовых дизайнеров.
В Вышке сейчас доступны 50+ лекций и 16 практических интенсивов в записи. А в ближайший месяц проведем 8 новых онлайн-встреч с сильными экспертами (расписание — на баннере к посту). Например, уже завтра в 19:00 (МСК) встречаемся на закрытой лекции спикера Екатерины Пановой, лид-дизайнера бизнеса в Сбере и одного из нанимающих лидов банка, на лекции «Смыслы и метафоры в работе дизайнера». ➡ Все лекции доступны на Boosty, успевайте подписаться со скидкой 50% (от 990 495 рублей за первый месяц)
🆕 Изменение ориентации форм
Теперь в базовых блоках категории «Формы» и «Обложки» можно менять ориентацию формы: с горизонтальной на вертикальную и наоборот. Это пригодится, когда вам нужно подобрать форму под дизайн страницы. Также в горизонтальных формах стали доступны все типы полей, настройки внешнего вида и отображения по условию. Где найти: Настройки 👉 Ориентация формы #tildaupdates
AI и доступность
Делаем блиц-интервью про AI и доступность. Задаем одинаковые вопросы и получаем разные ответы ) Наш первый гость — Миша Рубанов @RubanovMobile, разработчик, рассказывает о доступности так, что ты точно начнешь ей интересоваться ) Миша, спасибо и ждем обновления книги о доступности 💙 — Ты пробовал использовать Claude или ChatGPT со скринридером или с клавиатуры — как это работает на практике? — Не пробовал. — Ты знаешь кейсы, где AI улучшил доступность продукта? — Не слышал про такие кейсы. — Есть ли риск, что AI-инструменты для доступности обучены на данных, которые не отражают реальный опыт людей с ограниченными по здоровью? Что должно измениться в том, как мы обучаем модели, чтобы доступность была в них по умолчанию? — Я не вижу каких-то особых проблем. По моему опыту AI достаточно много знает про доступность и делает что надо, если ты попросишь его об этом. Например, не было проблем с поддержкой скринридера. Я сейчас обновляю свою книгу, немного использовал AI чтобы переделать из пдф в сайт и AI переписал некоторые примеры, вышло неплохо. При этом для AI важно уметь «видеть» что получилось в результате, с этим проблема, потому что почти нет инструментов, которые бы дали ему описание, которое озвучивается для незрячего человека. Главная надежда мобилки вот на этот инструмент: сейчас они прикручивают визуализацию к Preview, может быть и до текстого описания доберутся AccessibilitySnapshot. — 70% новых приложений создаётся на low-code и no-code платформах. Люди без технической базы делают продукты для миллионов. AI научит их паттернам доступности? — Увы, AI никого ничему не научит. Можно сказать, что он ленив: обучен на всех текстах, но не пытается показать все свои знания. Поэтому если человек не знает про дополнительные требования по доступности, то и AI сам их не начнет использовать. С другой стороны, поверх AI появляются разные скилы и инструменты, в них уже могут быть включены нужные требования. Например, популярный frontend-design доступность упоминает Frontend Design на Github — В России активно пользуются технологиями с Ai — зарубежные скринридеры, программы по типу Open your eyes, есть ли надежда, что подобные сервисы будут разрабатываться российскими разработчиками? — Сложно сказать. С одной стороны в России будет явный запрос на помощь и реабилитацию людей, с другой стороны вводится огромное количество ограничений. Если ничего не делать, то ничего само не появится. В целом я не в России уже несколько лет, поэтому сложно ответить как-то поточнее ___ en<able> - о дизайне в A11y | Наши статьи на VC
Воспроизведение видео на холсте станет доступно на этой неделе.
Новые глаза, старый мозг. 
Прочла книгу «Мозг. Ваша личная история». А я же все послеживаю за Neuralink и одна история меня заинтересовала.  Майк Мэй ослеп в 3 года после химического ожога. Майк был великолепным лыжником, ориентировался на склонах по звуковым сигналам, вот это что-то на нереальном!  В 2000 году, в 46 лет, ему пересадили роговицу — и глаза физически начали видеть. Счастье? Еще бы, если бы не одно НО. Он видел свет, цвет, движение — но не мог читать лица, не понимал глубину пространства, не различал трёхмерные объекты. Лицо жены он узнавал только по голосу. Мозг просто не знал, что делать с сигналами, которые вдруг начали поступать. Это называется «визуальная агнозия».  И вот тут становится интересно в контексте Нейралинка. Их имплант Blindsight не восстанавливает глаза, а стимулирует зрительную кору электрическими сигналами. Ставка — на нейропластичность. Мозг адаптируется. Пользователи будут тренироваться с устройством, постепенно обучая зрительную кору интерпретировать искусственные сигналы. И возможно, этот имплант не даст Майку узнать лицо жены, но он может дать кому-то другому увидеть лицо своего ребенка. Так работает доступность: не сразу, не для всех, не идеально. Но каждый шаг сдвигает границу возможного. Пафосновато для пятницы, но как есть )) Книгу очень рекомендую, читается легко и интересно ) Alt Коллаж из четырёх изображений: тепловизионный снимок дома, цветок подсолнуха в ультрафиолете, визуализация мозговой активности и крупный план человеческих глаз
Офисный центр в Раменках прошёл сертификацию проекта RE-Digest и подтвердил платиновый статус качества продукта. Он присваивается объектам-лидерам, которые задают образцовые стандарты на рынке недвижимости.
  Девелопер — Донстрой. Генпроектировщик — UNK.   Эксперты оценивали проект по ключевым критериям: - конструктивным и инженерным характеристикам здания; - экологической эффективности; - управлению объектом; - территориальному позиционированию; - транспортной доступности.   По итогам оценки бизнес-центр «Раменки» получил высочайший класс объекта А+.   RE-Digest — это аналитический проект в сфере недвижимости, созданный при участии Ассоциации банков России (АБР) и «Альянса экспертов рынка недвижимости».   Поздравляем команду «Донстроя» и UNK c созданием и реализацией флагманского проекта!   #UNK_офисы #UNK_генпроектировщик
Субтитры, «Очень странные дела» и D&D
В продолжении потрясной короткометражки от Дяди Вани хочу рассказать про то, как субтитры помогают людям с потерей слуха прожить историю так же полно, как и слышащие зрители. Главный принцип: субтитры — это не транскрипция речи, а перевод всего звукового пространства. Диалоги, атмосфера, музыка, звуки монстров — всё это несёт смысл и эмоцию, и задача субтитров передать их полностью. За субтитрами SDH (субтитры для глухих и слабослышащих) к сериалу «Очень странные дела» стоит Джефф Т., который придумал «[eldritch thrumming]» - [потустороннее гудение]. [Потустороннее гудение] - хороший субтитр. Слово eldritch — из словаря D&D и старой готики: что-то потустороннее, древнее и угрожающее. Джефф вставил его как пасхалку: это ещё и название заклинания чернокнижника. Звук сразу обретает характер существа. [Музыка] - плохой субтитр: «Музыка» не передаёт ничего: ни жанра, ни интенсивности, ни эмоции. Глухой зритель лишается контекста, который слышащий получает автоматически. Звуковые эффекты создают напряжение, страх, атмосферу. Заменять их общим словом — всё равно что убрать саундтрек из фильма хоррора, который решает все ) Для дизайнеров важное про паттерны цифровой доступности: каждый звук в интерфейсе несёт смысл — и если пользователь его не слышит, этот смысл должен быть передан визуально: ✦ Субтитры включены по умолчанию, а не спрятаны в настройках. ✦ Настраиваемые параметры: шрифт, размер, цвет текста и фона — пользователь сам выбирает под своё зрение. ✦ Визуальные уведомления вместо звука: popups не исчезают сами собой. ✦ Пропущенные события не исчезают сами: бейджи и счётчики остаются видны до явного подтверждения пользователем. ✦ Ошибка, успех, загрузка передаётся цветом, иконкой и текстом одновременно. ✦ Текст состояния конкретный: не «Ошибка», а «Не удалось отправить сообщение — проверьте соединение» (актуалочка подъехала). Alt текст: Скриншот из «Очень странных дел»: тёмно-синяя сцена, в центре кадра — Векна, гуманоидная фигура с кожей, покрытой прожилками, окружённая длинными органическими щупальцами. Внизу экрана белый субтитр на чёрном фоне: [tentacles squelching wetly] [щупальца хлюпают мокро] — пример профессионального SDH-субтитра, описывающего звук, а не просто называющего его.