🧱 Стримящийся интерфейс должен быть стабильным, а не просто живым
Joas Pambou разбирает проблему, которая всё чаще появляется в интерфейсах с ИИ, логами, транскрибацией и любыми данными в реальном времени. Экран уже не ждёт полного ответа, а обновляется по ходу генерации. Вроде бы удобно, но на практике такой интерфейс легко начинает мешать: тянет пользователя вниз, двигает элементы под рукой, слишком часто перерисовывает DOM и ломает нормальное чтение.
Самое полезное здесь в том, что статья смотрит на стриминг не как на визуальный эффект, а как на набор конкретных UX- и фронтенд-рисков. Если пользователь прокрутил вверх, интерфейс не должен насильно возвращать его к последней строке. Если текст растёт, не нужно пересобирать весь блок на каждый символ. Если данные приходят быстрее, чем браузер рисует кадры, их лучше буферизовать и обновлять экран пачками. Иначе «живой» интерфейс быстро превращается в дергающийся, непредсказуемый и утомительный.
Внутри:
– Почему стримящиеся интерфейсы сложнее, чем кажутся на первый взгляд;
– Как автоскролл может начать бороться с пользователем за внимание;
– Почему новые строки, токены и блоки создают сдвиги макета;
– Зачем останавливать автоскролл, если пользователь сам ушёл вверх;
– Почему не стоит пересобирать весь DOM на каждый новый символ;
– Как буферизация через requestAnimationFrame снижает лишние перерисовки;
– Что общего у ИИ-чата, логов, транскрибации и дашбордов с метриками;
– Почему стабильность интерфейса это не только производительность, но и доступность.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
🔥 Эти работы созданы участниками клуба.
Ещё несколько месяцев назад многие из них говорили:
• «Я вообще не дружу с нейросетями»
• «Мне уже поздно разбираться»
• «Я шью руками, зачем мне ИИ?»
• «У меня нет времени на соцсети»
• «У меня нет денег на фотосессии»
Сегодня:
• Они создают коллекции за считанные часы.
• Делают виртуальные примерки.
• Запускают собственные проекты.
• Оформляют портфолио.
• Снимают видео для соцсетей.
• Тестируют новые модели ещё до пошива первого образца.
• И главное — начинают зарабатывать на своих идеях быстрее.
✨ Наш клуб - это не просто обучение нейросетям.
Это место, где дизайнеры одежды, швеи, мастера хендмейда и владельцы брендов вместе осваивают инструменты будущего.
Что внутри:
✔ создание коллекций одежды с помощью ИИ
✔ виртуальные примерки
✔ создание принтов
✔ генерация продающих фото без дорогих фотосессий
✔ создание видео для Reels, Shorts и TikTok
✔ виртуальный стилист
✔ оформление портфолио
✔ развитие личного бренда и социальных сетей
✔ идеи для заработка на новых технологиях
И всё это простым языком, пошагово, без сложных технических терминов.
Если что-то не получается - вы не остаётесь один на один с проблемой.
В клубе тёплое сообщество, где всегда можно показать работу, получить обратную связь, задать вопрос и обсудить свои идеи.
💡 Пока одни думают, нужны ли нейросети дизайнеру, другие уже используют их каждый день и получают преимущество.
👉 ВСТУПИТЬ В КЛУБ
Если ты ищешь работу или планируешь это делать — этот пост для тебя
Вот уже 2 года я помогаю дизайнерам всех грейдов готовиться к whiteboard-у в формате тренировки как дизайн-лид. И все эти 2 года я не замечал, что большинство даже не доходят до этого этапа — дизайнеры проваливают скрининг с HR и технические/софтовые собесы
Да, люди пытаются как-то готовиться:
- кто-то идет к менторам на агрегаторах и платит х2 от их реальной стоимости
- кто-то общается с ChatGPT, но не получает глубины фидбека
- кто-то использует другие иностранные сервисы, которы не покрывают вопросы из Озона, Яндекса, Сбера, Авито и других компаний РФ
И поэтому я запускаю тест — хочу помочь вам подготовиться к собеседованию
Как это будет (пока на ручнике):
- Часовое интервью голосом (как настоящее): покроем и рекрутерские вопросы, и техническую часть
- На встрече будет микс реальных вопросов, которые я собрал через лидов из больших компаний (плюс мой опыт нанимающего)
- После встречи дам развернутый фидбек голосом + в текстовом формате (и доп.рекомендации специально для тебя)
Сейчас я хочу провести 10 встреч по early-bird-цене, чтобы докрутить продукт и перейти к следующему этапу
Если ты подумываешь сменить работу или уже куда-то собеседуешься — пиши мне в личку @odokienkoan или оставляй контакт в форме https://forms.yandex.ru/u/6a2fec6802848fb0bc4c5e46
А если знаете, кому это могло бы подойти — пошерьте пост, спасибо!
#15 Эпол дала стеклу ручку громкости
На WWDC они показали iOS 27, и среди больших штук про Siri AI, безопасность и эпл интеледженс, там есть одна маленькая, но очень смешная деталь: у Liquid Glass появился ползунок прозрачности.
То есть тот самый стеклянный визуальный язык, который Apple недавно продавала как новое лицо системы, теперь можно сделать менее стеклянным. Хочешь больше эффекта, делаешь прозрачнее. Хочешь нормально читать текст и видеть кнопки, делаешь плотнее. Всё, приехали.
На презентации Liquid Glass выглядел отлично. Красивые панели, глубина, отражения, всё такое аккуратное, дорогое, системное. В ролике оно переливается, двигается, ловит фон, и ты такой: ну да, эпол опять умеет делать красиво.
А потом открываешь обычное приложение в обычный день. Снизу панель, под ней фотография или шумные обои, сверху текст, где-то кнопки. И внезапно вся эта красота начинает делать очень простую вещь: мешать.
Вот это, по сути, они и признали своим ползунком. Не словами, конечно. Никто там не выйдет на сцену и не скажет: «ребята, мы немного переборщили с прозрачностью». Но настройка говорит сама за себя. Если эффект надо регулировать, значит он не всегда работает одинаково хорошо.
Вообще странно ожидать, что один визуальный эффект будет одинаково удобен везде:
– на светлых обоях
– на тёмных обоях
– в приложении с фотками
– в приложении с длинным текстом
– у человека, который просто хочет контраст, а не стеклянный аквариум на экране
Особенно смешно, что эпол обычно любит делать вид «мы уже решили, как правильно». И часто реально решает лучше остальных. Но с такими визуальными системами уже тяжело быть абсолютно уверенным. Телефон слишком личная штука. У всех разные обои, разные приложения, разные глаза, разный свет, разный уровень терпения к интерфейсной красоте.
Меня всегда удивляло, когда дизайнеры спорят про визуальный эффект так, будто пользователь обязан его оценить. Пользователь не обязан. Он открыл экран, хочет понять, куда нажать, что написано и почему оно вообще бликует на фоне его же фотки с моря.
Поэтому ползунок прозрачности это не просто настройка внешнего вида. Это маленькая кнопка «сделайте мне нормально». Не всем нужна максимальная глубина. Не всем нужны отражения. Иногда человек просто хочет, чтобы нижняя панель была нижней панелью, а не демонстрацией возможностей графического движка.
Самое забавное, что это не отменяет Liquid Glass. эпл не сдала назад и не выкинула стекло. Она просто добавила возможность сделать эффект спокойнее.
Короче, типы из купертино как обычно всех переиграли. Вначале дали жидкое всё, затем народ охерел, они сделали поменьше эффект, буча чуть утихла, а затем они дали настройку, чтоб не бухтели вовсе. Теперь как хотите и кому как нравится. 1-0.
Как вам, кстати, ликвид в целом? Я вот с момента появления пользуюь и особо боли никакой не заметил. Все прилы, что мне нужно, почти, обновились и стало свежее, чтоли. Где-то дизайнеры умело с этим поработали и прям хорошо. Чет новое хоть)
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Видео о том, как Игорь Юрьевич, Григорий Анатольевич, Александр Игоревич с командой задают уровень и тренд вертикальных шоурилов.
Посмотрите как мои любимые бывшие коллеги из Иви показывают результаты работы дизайн-команды. Школа шоурилов не прошла даром 🙂
Подробности расписали на Behance 👨🎨
@nice2mitya_chuk
Workspace обновили рейтинги награждаемости диджитал-агентств, делимся результатами. Есть за что себя похвалить
🥉3 место среди разработчиков игр — новый для нас рейтинг
⬆️ В сводном рейтинге поднялись на 16 строк и теперь занимаем 41, дальше — больше
⬆️ +1 позиция вверх и 10 место среди самых награждаемых агентства на Awwwards
⬆️ 13 место среди самых награждаемых агентства на CSSDA
⬆️ +12 позиций и 8 место в среди самых награждаемых агентства на фестивале СРЕДА
