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. Культура будет способствовать информационной осведомлённости о важности доступности, а законы обяжут выделять на это ресурсы.

NavBoo!

Плагин, который упрощает создание навигационных панелей. Включает готовые шаблоны с Auto Layout для быстрого и удобного дизайна Install

Graphue — шаблоны презентаций для любых целей.

graphue.com/subscriptions/lifetime

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

uimates.com
Брифинг — это, пожалуй, самый недооценённый этап в работе дизайнера.
На нём держится 90% успеха проекта. Не на красивых шрифтах, не на количестве правок, а именно на том, как вы поговорите с клиентом в самом начале. 📋Бриф — это перечень вопросов, по которым вы собираете информацию о бренде, чтобы создавать осознанное решение, а не угадывать. И от того, какие именно это вопросы, зависит абсолютно всё. ❗️Главная ошибка, которую делают многие — скачивают готовый шаблон из интернета и добавляют в него вопросы, с которыми сами не знают, что делать дальше. Это не работает. В бриф должны попадать только те вопросы, ответы на которые вы умеете анализировать и применять. ❗️Вторая частая ошибка — спрашивать клиента про конкретику. ▪️«Какой шрифт вам нравится?», ▪️«Какой стиль логотипа вы хотите?», ▪️«Какие цвета использовать?». Кажется логичным, но по факту вы перекладываете свою работу на клиента. Клиент — предприниматель. Он разбирается в своём бизнесе, а не в дизайне. Если бы он понимал, как работают шрифты и графика, он бы не пришёл к вам. И когда вы задаёте такие вопросы, вы не получаете полезную информацию — вы снимаете с себя ценность как специалист. 📌 Единственный вопрос на конкретику, который имеет смысл — про нежелательные образы. Что точно не подходит, что отталкивает, что не про бренд. Это нужно знать, чтобы не уйти не туда. ❗️Все остальные вопросы должны быть про эмоции, образы и ассоциации. ▪️Какое впечатление должен оставлять бренд? ▪️Что должен почувствовать человек, когда соприкасается с продуктом? ▪️Какие ассоциации должны возникать? Это и есть та глубина, из которой потом рождается дизайн — потому что уже на этих ответах вы понимаете, какая будет графика, какие шрифты, какая стилистика. Кроме блока про эмоции и образы, в брифе есть ещё два важных раздела. ▪️Бренд-платформа: миссия, ценности, позиционирование, философия. ▪️И целевая аудитория — самый сильный блок, который часто проскакивают мимо. 📍Дизайн создаётся не для клиента, а для аудитории его бизнеса. Именно её реакция определяет, работает дизайн или нет. Поэтому важно понять, как мыслит конечный пользователь, какие эмоции он хочет испытывать, на что обращает внимание, что для него привлекательно. ❗️Когда бриф собран по этой логике, проекты начинают сдаваться с первых подач. Не потому что клиент стал сговорчивее, а потому что вы изначально попадаете в задачу. 📌И отдельно — про формат. Если проект большой, бриф лучше проводить на созвоне или вживую. В тексте клиент пишет сухо, в разговоре — раскрывается, рассказывает воодушевлённо, выдаёт мелкие детали, которые в форму никогда бы не попали. Созвон я всегда записываю и потом переслушиваю — это даёт ещё один слой понимания. Если проект небольшой — формы достаточно, главное аккуратно оформить. Дизайн — это не полёт фантазии. Это связка творчества и аналитики, последовательная цепочка действий: задать правильные вопросы, услышать ответы, проанализировать, превратить в визуал. И брифинг — самое начало этой цепочки. Если оно собрано правильно, всё остальное складывается гораздо проще.
🆕 Приют для животных — новый базовый шаблон
Универсальный шаблон в тёплой дружелюбной стилистике с крупной типографикой и продуманной структурой контента. Отлично подойдёт для благотворительного фонда, волонтёрского проекта или любой организации, которая помогает питомцам находить новый дом. Посмотрите, как выглядит новый шаблон 👉 https://examples-ru.tilda.ws/animalshelter При создании шаблона использовались базовые блоки, поэтому его легко редактировать даже без навыков веб-дизайна.   🐾 Чтобы выбрать этот шаблон, создайте новую страницу и перейдите в категорию Бизнес.   Выбор шаблона не ограничивает ваше творчество. Вы можете изменить его до неузнаваемости, используя блоки из нашей библиотеки, а также Zero Block и Вайб-блок. Как вам новый шаблон? Делитесь в комментариях! 💬
«У меня просто широкая кость» — самая популярная ложь о теле.
На самом деле существуют разные типы телосложения. Астеник — худощавый, вытянутый, тот самый человек, который ест за троих и не толстеет. Нормостеник — самый сбалансированный тип. От избытка калорий набирает вес, от дефицита худеет. Гиперстеник — более плотное и массивное телосложение. Кажется, что вес набирается просто от взгляда на шоколадку. Но важно понимать: тип телосложения — это не приговор и не оправдание. ‼️ Почему это важно дизайнеру одежды? Потому что один и тот же жакет, юбка или платье будут совершенно по-разному смотреться на разных фигурах. Хороший дизайнер создаёт одежду не для абстрактной модели, а для конкретного человека. Именно поэтому профессионалы работают с разными шаблонами фигур и учатся видеть особенности телосложения ещё на этапе эскиза. ➡️ Хотите получить бесплатный набор фэшн-шаблонов для рисования эскизов? Переходите по ссылке и забирайте😎
🎉 Tilda Template Fest 2026
24 июня стартует новый конкурс для тех, кто хочет заявить о себе и попасть со своим проектом в библиотеку шаблонов Тильды. Авторов лучших работ ждут денежные призы, фирменный мерч или подписка на платформу. Кто может участвовать: Новички и профессионалы, дизайнеры и просто те, кто любит создавать сайты — любой может попробовать свои силы! А чтобы подготовиться к старту, посмотрите короткое видео. В нем рассказываем, как проходит оценка работ, на что обращает внимание жюри и что важно учесть при подготовке сайта⬇️ 📱 VK Видео: https://vkvideo.ru/video-89546664_456240561 📺 Youtube: https://youtu.be/UMjLopUFFxM Делитесь в комментариях, будете ли участвовать в новом конкурсе? 💬
Product Design Portfolio Presentation by Oliver Engel
Готовый шаблон, при помощи которого вы можете создать презентацию своего портфолио. 📱Скачать шаблон📱 #uikit #материалы
Button Library by Sarp Susüzer
Коллекция стильных шаблонов различных кнопочек. 🪩Скачать шаблоны🪩 #материалы
Часто бывает, что на саму идею уходит 10 минут.
А вот на то, чтобы нормально построить фигуру для эскиза — половина вечера 🫠 Пропорции, симметрия, оси, бесконечные исправления… И к моменту, когда основа наконец готова, уже нет сил на сам дизайн. Поэтому я сделала 5 готовых шаблонов фигур для ваших эскизов ✨ Они помогают быстрее включаться в работу и не тратить время на одно и то же построение. Скачать ШАБЛОНЫ
Charming Natural Wedding
Готовый шаблон свадебного сайта с дизайном, вдохновленным природой Install
Airbnb - Icons by Jaimy Vanaken
Кто-то взял и воссоздал все иконки, которые использует Airbnb. Теперь вы можете скачать их и использовать! 🌟Скачать шаблон 🌟 #материалы
Movie Website App — Простой шаблон макет онлайн-кинотеатра, который поможет вам при создании новых проектов
Шаблон порфтолио by Мария Максимова
Здесь вас ждёт стильный шаблон, который позволит вам без особых усилий создать красивое портфолио. 📱Скачать шаблон📱 #UIkit
Почему одни эскизы сразу выглядят аккуратно и профессионально, а другие - как будто им чего-то не хватает? 👀
И дело часто не в навыке рисования. Очень многое решает основа. Когда не приходится каждый раз заново строить фигуру, выравнивать пропорции и бороться с симметрией, появляется время на то, что действительно важно - дизайн, детали и идеи. Поэтому я подготовила для вас 5 готовых шаблонов фигур для дизайна одежды ✨ Что они дают: ✔️ Помогают быстрее начинать работу Открыли шаблон - и сразу перешли к образу. ✔️ Делают эскизы более аккуратными Особенно если вы собираете коллекции, портфолио или работаете с клиентами. ✔️ Экономят время Не нужно заново строить фигуру для каждого нового проекта. ✔️ Убирают проблемы с пропорциями и симметрией Никаких «почему одна рука живёт своей жизнью». ✔️ Легко адаптируются под ваши задачи Можно настроить под нужный тип фигуры или стиль бренда. Подойдут дизайнерам, швеям, мастерам handmade, студентам и всем, кто хочет тратить меньше времени на построение и больше - на творчество ✍🏻 Получить 5 шаблонов бесплатно можно по ссылке 👇🏻 Скачать ШАБЛОНЫ
Content Fill — плагин для быстрого заполнения макетов реальным контентом: текстом, таблицами и шаблонами. Подходит для карточек, таблиц, списков и UI с повторяющимися компонентами.
Плагин "Bento Grid Maker" by Marka Plugin Dev
Данный плагин позволит вам генерировать шаблоны бенто-сеток. 🔍Скачать плагин🔍 #plugin
Конструктор инфографики
Универсальный набор для дизайна в Figma: Шаблоны карточек товаров и стильные визуальные элементы Install
Сколько времени у вас уходит не на сам дизайн, а на попытки нормально построить фигуру? 👀
Когда хочется уже рисовать идею, а вместо этого - бесконечные пропорции, оси и попытки сделать всё симметрично. Чтобы упростить этот процесс, я подготовила 5 готовых шаблонов фигур для дизайна одежды ✨ Почему это реально удобно: ✔️ Не нужно начинать с пустого листа Фигура уже готова — вы сразу переходите к самому интересному: созданию образа. ✔️ Все эскизы выглядят аккуратно и единообразно Особенно удобно для портфолио, коллекций и работы с клиентами. ✔️ Можно адаптировать под свою аудиторию Настраивайте пропорции под особенности вашего бренда или типаж клиентов. ✔️ Симметрия без мучений Никаких «одна сторона нормальная, другая поехала». ✔️ Экономия времени Вместо часа на построение — сразу работа с дизайном и деталями. Шаблоны подойдут: — дизайнерам одежды — швеям — мастерам handmade — студентам fashion-направлений — и всем, кто хочет рисовать быстрее и чище ✍🏻 Чтобы получить 5 шаблонов бесплатно - переходите по ссылке👇🏻 Скачать ШАБЛОНЫ