Jitter

Где-то с марта с переменным успехом балуюсь с интерфейсными анимациями в джиттере. Уже давно вынашивал план заменить слайдшоу полноценными анимациями у себя на сайте. Времени всегда не хватает, поэтому вкатываться в АЕ и воевать с ним очень не хотелось. У джиттера figma-style интерфейс и офигенно удобный импорт из нее. Да, если нужен супер-глубокий и детализированный крафт, то АЕ не заменит ничего. Джиттер проще, чище, фичей меньше, но базовые анимации делаются просто. Я ни одного урока не смотрел, все интуитивно понятно. Еще у них есть поддержка liquid glass, но работает через жопу. Глитчит. Написал напрямую чувакам в чатик с контекстом и скриншотами, а в ответ получил «Ну ты попробуй настройки другие выставить». Камон, я что, свой тупняк от реального бага отображения отличить не могу что ли 🗿 Короче, рекомендую потестить, если нет потребности делать гига-сложные штуки

🙂 Виталий Кузьмин и его правила работы

Вчера мы публиковали рабочее место автора PT Root, PT Root UI, Sober Sans, соавтор Golos UI и Golos Text — Виталия Кузьмина. Виталик — шрифтовой и графический дизайнер, леттерер и график. Он же автор интерфейсных шрифтов VTB Group и интерфейсных начертаний шрифтовой системы Сбера, которая получила награды конкурсов GRANSHAN, Red Dot и ED Awards. А ещё Виталик занимается аналоговой фотографией и коллекционированием любимых брендов! И вот его правила: — По каждому проекту всегда параллельно работаю на бумаге (эскизы, почеркушки, заметки и т. д.). Приучил себя подписывать все листы (категория/заказчик/проект и дата). На самом деле делаю много записей по длительным проектам, на бумаге проще и наглядней думается. — На ноуте слева, когда работа довольно рутинная, часто что-то параллельно играет, аниме или труба, но если задачи сложней, то просто музыка на фоне, а порой и совсем тишина, чтобы не отвлекаться и погружаться в задачу максимально. — Вторая клава и вторая мышка для PC, который стоит под столом и иногда тоже требуется. Второй монитор подключён сразу и к Mac Mini, и к PC. — Модель мышки и клавиатуры не менял, кажется, больше 10 лет*, руки к ним привыкли. Покупаю такие же по мере выхода из строя тех, что в работе. — Не представляю работу без двух мониторов, очень давно привык именно так. * — Кстати, я тут подумал, что про мышку и клаву приуменьшил, лет 15 минимум не менял, а то и все 20 ⚡️

🎛️ Дизайн не умер, просто картинки больше не спасают

Nathan Beck пишет о тревоге вокруг ИИ без привычной паники в духе «всё, дизайнеры больше не нужны». Claude Code, Cursor и другие инструменты действительно расширили возможности дизайнера: можно быстрее собрать интерактивный прототип, проверить странную идею, нащупать сложное взаимодействие и превратить то, что раньше умерло бы в обсуждении «не в скоупе», в работающий HTML-файл. Но автор хорошо отделяет производство интерфейсных картинок от дизайна как работы с системой. Если человек большую часть времени просто рисовал плоские экраны, ему действительно будет больно. ИИ уже умеет делать средний, аккуратный и довольно банальный интерфейс. Дизайн начинается там, где нужно понять, зачем вообще существует решение, как оно работает, какие предположения в команде надо оспорить, как устроена модель продукта и почему чат-поле не может заменить все способы взаимодействия человека с программой. Внутри: – Почему разговоры о смерти дизайна часто путают дизайн и стилизацию; – Как Claude Code и Cursor помогают дизайнерам быстрее проверять идеи; – Почему чат-интерфейс не является универсальной заменой кнопкам, формам и навигации; – Зачем дизайнерам критически относиться к словам вроде «разговорный интерфейс»; – Почему работа в Фигме важна не только как финальный макет, но как способ мышления; – Как ИИ помогает выйти за прежние рамки скоупа, но не снимает ответственность за решение; – Почему результат моделей часто скатывается к аккуратной посредственности; – Что останется задачей дизайнера, когда первые демо перестанут казаться магией. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

В 2026 году знание о мозге внезапно стало знанием о LLM

Когда пользователь смотрит на экран, его мозг воспринимает не интерфейс, а собственную интерпретацию интерфейса, собранную из ожиданий, настроения и десятков когнитивных искажений. Дизайнер, который этого не понимает, проектирует для человека, которого не существует. Рассмотрим пару конкретных примеров, чтобы стало нагляднее: ◆ Якорение Первая цифра на странице с тарифами становится точкой отсчёта для всего остального: 99 долларов кажутся дорогими рядом с 19 и дешёвыми рядом с 299. Канеман и Тверски ещё в 1974 году показали, что эффект работает даже когда люди знают о случайности числа. Дизайнер либо использует якорь сознательно, либо делает его случайным. ◆ Эффект простой экспозиции Чем чаще пользователь видит элемент, тем больше ему доверяет. Роберт Зайонц задокументировал это ещё в 60-х. Поэтому редизайн знакомого продукта почти всегда вызывает волну негатива в первую неделю: пользователи ещё не успели его «увидеть» достаточно раз. Это меняет то, как вы читаете первые метрики после релиза. Эти искажения не баг, это способ, которым мозг экономит ресурсы. Задача дизайнера, понимать, какие из них активируются конкретным экраном, и проектировать с учётом этого, а не против. А теперь самое любопытное. В последние пару лет выяснилось, что ровно те же искажения есть у LLM. Якорение, это когда модель привязывается к первой формулировке в промте так же, как пользователь — к первому тарифу. Эффект простой экспозиции проявляется у ИИ после обучения. Модель часто видела какое-то утверждение в обучающих данных, и уверенно его повторяет. В марте этого года Стэнфорд опубликовал исследование в Science, подтверждающее ещё одно знакомое искажение: лестные ответы ИИ кажутся людям более достоверными, и модели быстро учатся отвечать именно так. Логика та же, что у людей: модель училась на человеческой обратной связи, а та сама искажена. Это означает простую вещь. Когда вы изучаете когнитивные искажения, вы одновременно изучаете и пользователя, и LLM, с которыми работаете каждый день. Дизайнер, который их понимает, читает поведение модели почти так же уверенно, как поведение пользователя. Это, пожалуй, самый практичный аргумент в пользу того, чтобы наконец сесть и разобраться с биасами всерьёз. На канале KeepSimple мы регулярно разбираем такие исследования. А если хочется копнуть глубже, гляньте uxcore.io — крупнейшая в мире библиотека когнитивных искажений и их применения в продуктовом дизайне. #коллаба 🍑Явно.Дизайн
Я не люблю умные слова. Чем сложнее формулируешь, тем тяжелее понять, что тебе на самом деле нужно. Ты как будто вместо смыслов занимаешься любованием нового необычного термина: «Интееервью. Меееетриики.»
Поэтому провожу не интервью, а обычный человеческий диалог, цель которого — узнать две вещи: 1️⃣ Потребности, которые закрывает человек с помощью продукта; 2️⃣ Его процесс работы. Потребности помогают мне понять, нахера пользователю тратить время в моем интерфейсе. То есть за что он готов платить. А процесс — алгоритм шагов в моем продукте. Важно всегда помнить, зачем нужен диалог с пользователем, а не зубрить вопросы для брифинга. Вчера провел одну из таких консультаций с известным в проф. кругах нейроэкспертом. Мы приятно пообщались, и я выяснил, что в ИИ он использует только чаты и ноды. Также разобрался, в каких ситуациях он их применяет. На фото — скрин звонка: он показывает, как делает через чат быстрое превью для YouTube. Это пример того, что все, включая визуал, постепенно движется к диалоговой модели работы с ИИ. И на основе этого я внесу коррективы в новую версию Утопии. Ну как внесу — скорее на свой страх и чуйку, что правильно понял его и это подойдет аудитории. Вот когда мы станем большими и медленными, сможем себе позволить полгода тестировать, а потом запускать. А сейчас могу рассчитывать только на себя и эмпатию, то есть на то, как чувствую пользователя 😊 Рискнем?)
Как я пилю свой продукт. Часть 33
Чёт почти месяц прошёл, как я писал 32 часть, время пролетело оч быстро, но и сервис на месте не стоял. Он развивался и довольно успешно. Одна из самых главных новостей за это время: сервис пробил рекорд выручки аж два раза. По количеству оплат за день и сумме, а также по кол-ву оплат и сумме за неделю. Сказать, что я в шоке ничего не сказать, потому что сейчас июнь. Многие уже отдыхают и работу не ищут. Вторая главная новость и тоже крутая, за счёт чего случились рекорды: со мной теперь работает очень мощный человечек. Я не буду его раскрывать, но он был CEO и CPO всеми известных вами сервисов, которыми вы пользовались. У него 15+ опыта в айти и growth продуктов. Не успел он прийти, как начались рекорды. Сказать, что я этому рад, ни сказать ничего. Фанфакт: он просто написал в чате на сайте, что ему нравится мой продукт и он готов поучаствовать в его росте просто за кайф (пока что) и видит в этом большой потенциал. Мы переработали модалку оплаты, вытащили сервисы, провели кучу косметической работы по текстам, расположениям блоков и так далее. Всё это дало рост выручки в том числе. Сейчас по планам добавление новых сервисов и правильное позиционирование в рынке. Мы будем идти локомотивом. Ближайшая амбициозная цель 1 млрд выручки к 2028 году. И есть чёткое понимание, как к этому прийти. Вы в шоке? И я тоже. Я таких цифр не знаю, а вот партнёр прекрасно их понимает. Свела судьба! Я провёл огромную работу по SEO ещё раз, добавил то, чего не хватало и теперь буду отслеживать, что это поменяет через пару недель или месяцев. Но рекорд по кликам в гугле уже был за сутки. И это ещё один из рекордов)) И да, ещё важное: появились аж 3 новые категории для финансистов, рекрутеров и продажников. Это большой объём рынка, который я не охватывал. Ну и куча багов поправлена конечно, по UI и по UX. Новый профиль, вот например, когда на него нажимаете) Красивое меню там теперь удобное. А ещё я добавил фильтр по сфере. Ранее его не было. Теперь вот есть, пользуйтесь наздоровье. Я продолжаю каждый день получать десяток сообщений о том, какой сервис прекрасный и крутой и красивый! Не зря я столько вытачивал интерфейс. Могу смело заявить это самый красивый и удобный сервис по поиску работы в РФ для айти. Вроде всё, увидимся в 34 части) Всех обнял! ❤️ 🔠 Смотреть вакансии 🔠 Смотреть вакансии 🔠 Смотреть вакансии ч.32
Как я пилю свой продукт. Часть 33
Чёт почти месяц прошёл, как я писал 32 часть, время пролетело оч быстро, но и сервис на месте не стоял. Он развивался и довольно успешно. Одна из самых главных новостей за это время: сервис пробил рекорд выручки аж два раза. По количеству оплат за день и сумме, а также по кол-ву оплат и сумме за неделю. Сказать, что я в шоке ничего не сказать, потому что сейчас июнь. Многие уже отдыхают и работу не ищут. Вторая главная новость и тоже крутая, за счёт чего случились рекорды: со мной теперь работает очень мощный человечек. Я не буду его раскрывать, но он был CEO и CPO всеми известных вами сервисов, которыми вы пользовались. У него 15+ опыта в айти и growth продуктов. Не успел он прийти, как начались рекорды. Сказать, что я этому рад, ни сказать ничего. Фанфакт: он просто написал в чате на сайте, что ему нравится мой продукт и он готов поучаствовать в его росте просто за кайф (пока что) и видит в этом большой потенциал. Мы переработали модалку оплаты, вытащили сервисы, провели кучу косметической работы по текстам, расположениям блоков и так далее. Всё это дало рост выручки в том числе. Сейчас по планам добавление новых сервисов и правильное позиционирование в рынке. Мы будем идти локомотивом. Ближайшая амбициозная цель 1 млрд выручки к 2028 году. И есть чёткое понимание, как к этому прийти. Вы в шоке? И я тоже. Я таких цифр не знаю, а вот партнёр прекрасно их понимает. Свела судьба! Я провёл огромную работу по SEO ещё раз, добавил то, чего не хватало и теперь буду отслеживать, что это поменяет через пару недель или месяцев. Но рекорд по кликам в гугле уже был за сутки. И это ещё один из рекордов)) И да, ещё важное: появились аж 3 новые категории для финансистов, рекрутеров и продажников. Это большой объём рынка, который я не охватывал. Ну и куча багов поправлена конечно, по UI и по UX. Новый профиль, вот например, когда на него нажимаете) Красивое меню там теперь удобное. А ещё я добавил фильтр по сфере. Ранее его не было. Теперь вот есть, пользуйтесь наздоровье. Я продолжаю каждый день получать десяток сообщений о том, какой сервис прекрасный и крутой и красивый! Не зря я столько вытачивал интерфейс. Могу смело заявить это самый красивый и удобный сервис по поиску работы в РФ для айти. Вроде всё, увидимся в 34 части) Всех обнял! ❤️ 🔠 Смотреть вакансии 🔠 Смотреть вакансии 🔠 Смотреть вакансии ч.32
#15 Эпол дала стеклу ручку громкости
На WWDC они показали iOS 27, и среди больших штук про Siri AI, безопасность и эпл интеледженс, там есть одна маленькая, но очень смешная деталь: у Liquid Glass появился ползунок прозрачности. То есть тот самый стеклянный визуальный язык, который Apple недавно продавала как новое лицо системы, теперь можно сделать менее стеклянным. Хочешь больше эффекта, делаешь прозрачнее. Хочешь нормально читать текст и видеть кнопки, делаешь плотнее. Всё, приехали. На презентации Liquid Glass выглядел отлично. Красивые панели, глубина, отражения, всё такое аккуратное, дорогое, системное. В ролике оно переливается, двигается, ловит фон, и ты такой: ну да, эпол опять умеет делать красиво. А потом открываешь обычное приложение в обычный день. Снизу панель, под ней фотография или шумные обои, сверху текст, где-то кнопки. И внезапно вся эта красота начинает делать очень простую вещь: мешать. Вот это, по сути, они и признали своим ползунком. Не словами, конечно. Никто там не выйдет на сцену и не скажет: «ребята, мы немного переборщили с прозрачностью». Но настройка говорит сама за себя. Если эффект надо регулировать, значит он не всегда работает одинаково хорошо. Вообще странно ожидать, что один визуальный эффект будет одинаково удобен везде: – на светлых обоях – на тёмных обоях – в приложении с фотками – в приложении с длинным текстом – у человека, который просто хочет контраст, а не стеклянный аквариум на экране Особенно смешно, что эпол обычно любит делать вид «мы уже решили, как правильно». И часто реально решает лучше остальных. Но с такими визуальными системами уже тяжело быть абсолютно уверенным. Телефон слишком личная штука. У всех разные обои, разные приложения, разные глаза, разный свет, разный уровень терпения к интерфейсной красоте. Меня всегда удивляло, когда дизайнеры спорят про визуальный эффект так, будто пользователь обязан его оценить. Пользователь не обязан. Он открыл экран, хочет понять, куда нажать, что написано и почему оно вообще бликует на фоне его же фотки с моря. Поэтому ползунок прозрачности это не просто настройка внешнего вида. Это маленькая кнопка «сделайте мне нормально». Не всем нужна максимальная глубина. Не всем нужны отражения. Иногда человек просто хочет, чтобы нижняя панель была нижней панелью, а не демонстрацией возможностей графического движка. Самое забавное, что это не отменяет Liquid Glass. эпл не сдала назад и не выкинула стекло. Она просто добавила возможность сделать эффект спокойнее. Короче, типы из купертино как обычно всех переиграли. Вначале дали жидкое всё, затем народ охерел, они сделали поменьше эффект, буча чуть утихла, а затем они дали настройку, чтоб не бухтели вовсе. Теперь как хотите и кому как нравится. 1-0. Как вам, кстати, ликвид в целом? Я вот с момента появления пользуюь и особо боли никакой не заметил. Все прилы, что мне нужно, почти, обновились и стало свежее, чтоли. Где-то дизайнеры умело с этим поработали и прям хорошо. Чет новое хоть) ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🧱 Стримящийся интерфейс должен быть стабильным, а не просто живым
Joas Pambou разбирает проблему, которая всё чаще появляется в интерфейсах с ИИ, логами, транскрибацией и любыми данными в реальном времени. Экран уже не ждёт полного ответа, а обновляется по ходу генерации. Вроде бы удобно, но на практике такой интерфейс легко начинает мешать: тянет пользователя вниз, двигает элементы под рукой, слишком часто перерисовывает DOM и ломает нормальное чтение. Самое полезное здесь в том, что статья смотрит на стриминг не как на визуальный эффект, а как на набор конкретных UX- и фронтенд-рисков. Если пользователь прокрутил вверх, интерфейс не должен насильно возвращать его к последней строке. Если текст растёт, не нужно пересобирать весь блок на каждый символ. Если данные приходят быстрее, чем браузер рисует кадры, их лучше буферизовать и обновлять экран пачками. Иначе «живой» интерфейс быстро превращается в дергающийся, непредсказуемый и утомительный. Внутри: – Почему стримящиеся интерфейсы сложнее, чем кажутся на первый взгляд; – Как автоскролл может начать бороться с пользователем за внимание; – Почему новые строки, токены и блоки создают сдвиги макета; – Зачем останавливать автоскролл, если пользователь сам ушёл вверх; – Почему не стоит пересобирать весь DOM на каждый новый символ; – Как буферизация через requestAnimationFrame снижает лишние перерисовки; – Что общего у ИИ-чата, логов, транскрибации и дашбордов с метриками; – Почему стабильность интерфейса это не только производительность, но и доступность. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🚗 Интерфейс за рулём нельзя проектировать как обычное приложение
Команда дизайна и исследований Делимобиля собрала гайд по безопасным интерфейсам для сервисов, которыми могут пользоваться в машине. Это не только про карты и навигацию. Сюда же попадают звонки, музыка, заправки и любые сценарии, которые человек хотя бы теоретически может открыть во время движения. Важная рамка здесь простая: сначала нужно спросить не «как сделать удобнее», а «должен ли водитель вообще делать это за рулём». Если нет, функция должна уходить в режим стоянки или автоматизироваться. Если да, интерфейс проектируется по другим правилам: меньше действий, выше читаемость, крупнее цели, понятнее состояние, меньше визуального шума. На скорости 60 км/ч одна секунда взгляда в экран это уже 16 метров без полноценного внимания к дороге. Внутри: – Почему водительский интерфейс нельзя считать упрощённой версией мобильного приложения; – Как решить, можно ли вообще оставлять сценарий доступным во время движения; – Почему лучшая функция для водителя часто та, которая не требует действия; – Какие правила помогают оценивать читаемость, контраст, шрифты и анимации; – Что разрешено делать за рулём, а какие сценарии лучше блокировать до стоянки; – Из каких компонентов собирать безопасные экраны для машины; – Почему дизайн-решения здесь оцениваются не только по удобству, но и по риску отвлечения; – На какие стандарты опирается гайд: ГОСТ, ISO, NHTSA и Android Automotive. ➡️ Читать гайд ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
2/4 первые эскизы
на этапе поиска вектора команду не ограничивали: каждый рисовал скетчи так, как видит проект. собрали большой блок эскизов — вышло элегантно, но слишком сложно. а нужен был интерфейсный шрифт: удобный рабочий инструмент. Наш Lebowski был не единственным эскизом в этом процессе — еще одно направление в ⚪️ бюробукв сохранили, развили и готовят к выпуску зимой.
💎 Митап про редизайн hh
Редизайн большого продукта со стороны часто выглядит просто: обновили интерфейс, стало свежее, поехали дальше. Внутри всё обычно намного больнее. Есть старые долги, разные аудитории, метрики, бизнес-задачи, привычки пользователей и куча мест, где любое изменение может что-то сломать. 19 июня hh.ru проводит митап как раз про это. Будут разбирать редизайн hh как продуктовый процесс: как принимать решения, когда хочется сделать красиво, бизнес ждёт роста, а пользователям всё ещё должно быть понятно и удобно. Мне тут особенно интересен масштаб. hh это сервис, где есть соискатели, работодатели, личные кабинеты, b2b-страницы, важные сценарии и очень чувствительные зоны продукта. В таком редизайне нельзя просто «освежить визуал». Нужно договариваться, резать лишнее, выбирать приоритеты и понимать, какие хорошие идеи всё равно не доедут до продакшена. В программе два доклада: Миша Пономаренко, дизайн-директор hh.ru «Редизайн продукта: что важнее обновлённого интерфейса, и нет, это не метрики» Ксюша Зенина и Саша Ирхин «Главная не главная: совмещаем дружелюбный бренд и продуктовые метрики» Будет полезно продуктовым дизайнерам и продактам, особенно если работаете с большими интерфейсами, где дизайн давно живёт рядом с метриками, компромиссами и внутренними ограничениями. ⏰ Когда 19 июня, сбор гостей с 18:30, старт в 19:00 Где: московский офис hh.ru, ул. 2-я Брестская, 48 🕹 Формат Офлайн и онлайн-трансляция в VK и YouTube После докладов будет афтепати, еда, напитки и разговоры про дизайн с продуктом. Офлайн-места ограничены, заявки рассмотрят заранее. 🔠Зарегистрироваться 🔠Зарегистрироваться
1/4 how to make
нормальной кириллицы мало — с этим мы уже определились. обычно все уходит в крайности: либо стерильно и безопасно, либо слишком декоративно, и через три экрана от шрифта уже устаешь. поэтому задача звучала немного противоречиво — сделать практичный интерфейсный шрифт, но оставить в нем живость. рассказываем, как создавали Lebowski by Pragmatica
Надеемся, что пост про дисциплину вы прочитали и стали хотя бы немного больше верить в себя.
Сегодня несем новую порцию полезного. В меню — гайд по пользовательским интерфейсам: разобрали, из чего они состоят, какими бывают и как UX/UI-дизайнеры работают над ними. Заглядывайте в медиа, чтобы погрузиться в тему. #польза #интерфейсы @contented
Анимация интерфейса.
🚦 Как 2ГИС превратил «зелёную волну» в интерфейс
Я кайфанул от статьи, это прям продуктово покопаться в таком незначительном элементе) Даня из команды Транспорт в 2ГИС рассказывает, как в навигаторе запускали подсказку для проезда светофоров без лишних остановок. Идея звучит просто: если известны состояния светофоров по маршруту, можно подсказать водителю скорость, при которой он попадёт в зелёную волну. Но в машине простой идеи недостаточно, потому что каждый новый элемент на экране конкурирует не с красивой пустотой, а с дорогой, маршрутом, манёврами, камерами и вниманием водителя. Самое интересное в кейсе, как команда искала форму для этой подсказки. Текстовые сообщения оказались слишком тяжёлыми, одно число требовало постоянного сравнения, а зона спидометра уже была занята предупреждениями. В итоге решение собралась из двух слоёв: плашка с диапазоном скорости даёт точность, а аналоговая шкала с зелёной зоной помогает быстро понять, в потоке ты или нет. Отдельно сильная часть кейса, что дизайнер не остановился на макетах, а полез в математику стрелки, код и параметры анимаций, чтобы фича доехала до релиза в нужном виде. Внутри: – Почему «просто показать скорость» оказалось плохой постановкой задачи; – Как интерфейс навигатора ограничивает любое новое решение; – Почему зелёная волна должна ощущаться как состояние, а не как уведомление; – Как диапазон скорости оказался понятнее одного целевого числа; – Зачем в интерфейсе появился аналоговый спидометр с зелёной зоной; – Как анимации помогают дать обратную связь без лишнего шума; – Почему дизайнеру пришлось проверять техническую реализацию самому; – Что 2ГИС планирует добавить дальше: награды за серию зелёных светофоров и новые города. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Laws of UX
Здесь вы найдёте основные принципы, которыми дизайнерам стоит руководствоваться при создании пользовательских интерфейсов Install
Абстрактные формы — быстрый способ добавить глубину, ритм и настроение в макеты, не перегружая их деталями. Собрали подборку файлов: от мягких градиентов и 3D‑фигур до дудлов, цветочных элементов и монохромных паттернов — всё, чтобы ускорить работу над фонами, обложками и акцентами в интерфейсе.
🔶 Abstracto Demo Демо‑набор крупных цветных PNG‑форм, которые хорошо работают как выразительные фоны и центры композиции. 🔶 Texturas Abstractas Пакет текстур, удобных для фоновых заливок, наложений и лёгкого «зашумления» плоских макетов. 🔶 Geometrical Abstraction with Gradients Серия геометрических абстракций с мягкими градиентами, напоминающими плакатный графдизайн и digital‑арт. 🔶 AbstractForms Vol.1 Коллекция аккуратных фигур, которые можно собирать в постеры, аватары и иллюстративные блоки. 🔶 Abstract Lines Подборка линий и контуров, добавляющих движение и ритм фонам, шапкам и разделителям секций. 🔶 Fondos Abstractos 3D‑фоны с неоновыми формами и глубиной, которые хорошо работают как обложки и главные экраны. 🔶 Abstract Blob Vector Shapes Набор векторных «блобов» и пятен, которые удобно использовать как мягкие подложки под текст и карточки. 🔶 50 Abstract Posters & Wallpapers Part 2 Коллекция готовых постеров и обоев, которые можно брать в качестве фонов и референсов. 🔶 Abstract Geometric Waves Геометрические волны и полосы, создающие динамичный рисунок для фона. 🔶 Glassmorphism Wallpaper Abstract 3D Figure Обои с абстрактными 3D‑фигурами в стиле стекломорфизма, идеальны под UI-заставки. 🔶 12 Abstract Banners Free 12 готовых баннеров с яркой графикой, оптимизированных под веб и соцсети. 🔶 Abstract Geometric Pattern Simple Shapes 03 Простые геометрические паттерны из базовых форм для повторяющихся фонов и плиточной сетки. 🔶 M‑513 Abstract 3D Illustrations Набор 3D‑иллюстраций, которые можно использовать как ключевые визуалы в лендингах и презентациях. 🔶 Gradient Abstract Banners Баннеры на градиентных подложках, хорошо заходящие как промоблоки, превью и обложки. 🔶 3D Abstract Shapes Коллекция объёмных 3D‑форм, годящихся для центральных изображений, постеров и визуальных акцентов. 🔶 Monochrome Abstract Монохромные абстракции со сдержанной графикой, которые поддерживают минималистичный и строгий визуальный стиль. 🔶 36 Abstract Graphic Elements Pack 36 графических элементов, из которых удобно собирать коллажи и декоративные композиции. 🔶 Free Abstract Flower Elements Collection Набор «цветочных» элементов, стилизованных для декоративных вставок и паттернов. 🔶 350 Vector Doodles Weird Creatures & Abstract Forms Большая коллекция векторных дудлов с причудливыми существами и абстрактными формами для живых, экспериментальных макетов. [Фабрика Дизайна]
😜 Пользователи не врут. Они просто плохо помнят, как работают
Кирилл Улитин и Стася Кабанова из МойОфис разбирают проблему, с которой сталкивается почти любое исследование: человек на интервью рассказывает не сам опыт, а его отредактированную версию. Он забывает мелкие действия, упрощает сценарий, пропускает автоматические шаги и иногда сам не замечает, как на самом деле обходит неудобства продукта. Поэтому команда попробовала контекстное интервью: сначала поговорить с пользователем, а потом смотреть, как он реально выполняет задачу в живой системе. В этот момент начинают проявляться вещи, которые нельзя достать обычными вопросами. Кто-то вытаскивает фотографию через инструменты разработчика, потому что интерфейс не дает скачать ее нормально. Кто-то раскладывает окна как личный рабочий дашборд. Кто-то компенсирует неудобство продукта связкой из нескольких приложений. Внутри: – Почему обычное интервью часто показывает логичную версию опыта, а не реальную; – Как внимание, память и социальная желательность искажают ответы пользователей; – Чем контекстное интервью отличается от глубинного интервью и юзабилити-теста; – Почему наблюдение помогает находить не только боли, но и обходные практики; – Когда можно просить пользователя выполнить задачу прямо во время исследования; – Зачем заранее предупреждать участника, что нужно будет показывать экран и рабочие действия; – Как диаграмма сходства помогает разобрать разрозненные наблюдения; – Когда контекстное интервью полезно, а когда оно не даст соразмерной ценности. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
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. Культура будет способствовать информационной осведомлённости о важности доступности, а законы обяжут выделять на это ресурсы.