🧱 Стримящийся интерфейс должен быть стабильным, а не просто живым
Joas Pambou разбирает проблему, которая всё чаще появляется в интерфейсах с ИИ, логами, транскрибацией и любыми данными в реальном времени. Экран уже не ждёт полного ответа, а обновляется по ходу генерации. Вроде бы удобно, но на практике такой интерфейс легко начинает мешать: тянет пользователя вниз, двигает элементы под рукой, слишком часто перерисовывает DOM и ломает нормальное чтение.
Самое полезное здесь в том, что статья смотрит на стриминг не как на визуальный эффект, а как на набор конкретных UX- и фронтенд-рисков. Если пользователь прокрутил вверх, интерфейс не должен насильно возвращать его к последней строке. Если текст растёт, не нужно пересобирать весь блок на каждый символ. Если данные приходят быстрее, чем браузер рисует кадры, их лучше буферизовать и обновлять экран пачками. Иначе «живой» интерфейс быстро превращается в дергающийся, непредсказуемый и утомительный.
Внутри:
– Почему стримящиеся интерфейсы сложнее, чем кажутся на первый взгляд;
– Как автоскролл может начать бороться с пользователем за внимание;
– Почему новые строки, токены и блоки создают сдвиги макета;
– Зачем останавливать автоскролл, если пользователь сам ушёл вверх;
– Почему не стоит пересобирать весь DOM на каждый новый символ;
– Как буферизация через requestAnimationFrame снижает лишние перерисовки;
– Что общего у ИИ-чата, логов, транскрибации и дашбордов с метриками;
– Почему стабильность интерфейса это не только производительность, но и доступность.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Реальный лайфхак, как от нейронки добиться рабочего кода. Немного жестковато, но как есть. Они постоянно тупят и делают хорошо не сразу. В реальности не так все радужно при использовании ИИ в проекте. Нужно постоянно все переделывать. Но буст по скорости дают приличный, так как код переписывают моментально.
Скрин от моего технического директора, как он с ними общается (первая строчка текста на скрине)
Нейронки применяем плотно уже больше полугода. Но важно использовать их с умом. Это когда хорошая дизайн-система, все разложено по компонентам и есть системная архитектура. Тогда нейронке легче делать новые компоненты на основе уже заложенного фундамента.
Также важно не рассчитывать на нейронку и постоянно перепроверять ее. Потому что она дает много ошибок в первой, второй, третьей... итерации. И может довести до того, что хочется ударить по столу😅
➡️ Делюсь внутрянкой, так как вчера поставили много сердечек, вижу вам интересно. Поставите еще – продолжу дальше.
Кстати, Алексей, мой тех дир, говорит, что лучший критерий, заменит нейронка прогеров или нет, – это когда он перестанет на них ругаться матом.
👀Когда закончатся скучные логотипы и зачем разрабатывать шрифты?
Принесли вам подкаст с Сашей Корольковой в эфире Александра Шулепова на канале КодАвтоматизации.
Получился большой и подробный разговор о буквах, Паратайпе и личном пути Саши, который было бы странно пересказывать. Лучше послушать: https://youtu.be/ydgjlOP9xYM?si=43hie-uzffUy-OtM
Покажем только цитату Саши, она хорошо объясняет философию наших шрифтовых дизайнеров:
Любимый шрифт — тот, над которым ты сейчас работаешь ⚡️
Не хотите ли ИКЕАшные 3Дшечки? Нашёл скриптик, который прямо на сайте ИКЕА добавляет кнопку и даёт дёрнуть модельки себе.
Профессиональный трикотаж с нуля: меняем представление о вязании за 1 минуту 🤫
Многие думают, что вязание на ручной машине — это сложно, долго, требует дорогого оборудования и доступно только профессионалам.
В новом видео кандидат технических наук, доцент кафедры Проектирования и художественного оформления текстильных изделий РГУ им. А.Н. Косыгина — Пивкина Светлана Ивановна — развеет главные мифы и расскажет:
▪️ чем ручная вязальная машина отличается от привычных крючка и спиц
▪️ кому подойдёт курс и почему начать можно даже с базового уровня
▪️какие навыки вы освоите на занятиях: от работы с оборудованием до создания трикотажных изделий сложной формы
Включайте ролик о курсе «Вязание трикотажных изделий на ручных машинах. Базовый уровень» и узнайте, как превратить хобби в востребованное дело, создавая уникальные авторские вещи➡️
🖇️ Подробнее о курсе
💯 Похожие идеи, стили и решения встречаются постоянно. Но где проходит граница между вдохновением и очевидным плагиатом? На самом деле, ответ на этот вопрос не так прост, как может показаться на первый взгляд.
В карточках разбираем, чем отличается вдохновение от плагиата 👉
Как вы относитесь к тому, что ваши идеи заимствуют другие люди? Делитесь в комментариях! 💬
