at TV Design
476 subscribers
709 photos
210 videos
2 files
161 links
Дизайн канал Алексея Тюрина - арт-директора онлайн кинотеатра КИОН

О ТВ дизайне, Кино, VOD, Онлайн кинотеатрах, рекламе, аналитике, мемасики.
Download Telegram
Сентябрь показал много изменений для веб технлогий: улучшена производительность, снижено количество костылей в JS и CSS и т.д.

Для продуктовых дизайнеров это означает, что меньше трений между задумкой и реализацией интерфейса.

Давайте изучим что же появилось в baseline (т.е. поддерживается всеми браузерами)

🆗 Baseline Newly available (новые в сентябре)

➡️content-visibility
Позволяет браузеру пропускать отрисовку скрытых элементов до тех пор, пока они не попали в видимую область экрана (viewport).
Зачем: ускоряет рендеринг больших страниц и списков — браузер не тратит ресурсы на невидимое. Для дизайнеров — анимации и плавная прокрутка без фризов.


➡️<link rel="dns-prefetch">
Подсказывает браузеру заранее разрезолвить DNS указанного домена, даже до фактической загрузки ресурсов.
Зачем: снижает задержку при первом обращении к сторонним API или CDN. В интерфейсах это быстрее подгружает шрифты, картинки, JS-бандлы.


➡️Unsanitized HTML parsing methods
Методы парсинга HTML (например, document.createRange().createContextualFragment()), которые не автоматически очищают данные.
Зачем: повышают производительность при вставке больших объёмов уже доверенного HTML. Использовать осторожно — важна защита от XSS.


➡️URLPattern
Новый API для разбора и сопоставления URL с заданным шаблоном.
Зачем: упрощает роутинг в SPA, в сервис-воркерах и при A/B-тестах. Быстрее и безопаснее, чем регулярки. Для дизайна косвенно — более надёжная логика навигации.


➡️Uint8Array base64 и hex conversion
Встроенные методы Uint8Array для конвертации бинарных данных в Base64 и Hex.
Зачем: меньше сторонних библиотек → меньше бандл → быстрее загрузка и выполнение. Полезно для работы с изображениями, шрифтами, криптографией.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2🔥1
Вчера было про Baseline Newly, а сегодня пройдемся по Baseline Widely available

➡️Constructable stylesheets
Возможность создавать CSS-стили прямо в JS как объекты и подключать их в shadow DOM.
Зачем: даёт гибкую модульность, уменьшает дублирование кода и улучшает загрузку. Удобно для дизайн-систем и веб-компонентов.


➡️font-synthesis-small-caps, font-synthesis-style, font-synthesis-weight
Позволяют запретить браузеру синтезировать недостающие варианты шрифтов (капитель, наклон, жирность).
Зачем: дизайнеры получают контроль над типографикой, нет «кривых» автоподстановок. Иногда чуть медленнее, зато визуально чище.


➡️Import maps
Позволяют браузеру понимать алиасы и пути модулей без сборщиков.
Зачем: меньше бандл-степов, короче цепочка загрузки → быстрее старт приложения.


➡️Media query range syntax
Новый компактный синтаксис для диапазонов в медиазапросах: @media (width > 600px).
Зачем: проще читать и поддерживать адаптивный дизайн, меньше ошибок и CSS-кода.


➡️Notifications from service workers and installed apps
Позволяет PWA показывать уведомления даже при закрытом браузере.
Зачем: улучшает ретеншен и UX без сторонних пуш-SDK. Энергопотребление минимальное. Если ваш сайт поддерживает ПВА (это такие сайты на рабочем столе), то теперь через них можно пушить что-то со звуком, например. Только не переусердствуйте ))


➡️Offscreen canvas
Позволяет рисовать на канвасе в воркерах, не блокируя основной поток.
Зачем: серьёзный прирост перформанса для графики, игр, визуализаций и видеофильтров.


➡️Origin private file system
Изолированная файловая система в браузере, доступная только данному сайту.
Зачем: безопасное хранение пользовательских данных и кэшей офлайн-приложений без потерь скорости.


➡️outline
Свойство CSS теперь стало совместимым в Baseline — корректно работает во всех актуальных браузерах.
Зачем: стабильная отрисовка контуров для фокуса и доступности, без хака ради кроссбраузерности.


➡️pdfViewerEnabled
Флаг для проверки поддержки встроенного PDF-просмотра.
Зачем: помогает адаптировать UX без лишних редиректов или полифилов.


➡️Push messages
Возможность получать и обрабатывать push-уведомления через сервис-воркеры.
Зачем: нативные уведомления без сторонних библиотек → меньше кода, меньше задержек.


➡️requestAnimationFrame() in workers
Позволяет вызывать requestAnimationFrame внутри web workers.
Зачем: освобождает основной поток от тяжёлых анимаций и вычислений → плавный UI.


➡️Resource size
API для получения точного размера загруженного ресурса.
Зачем: даёт оптимизировать кэш, контроль перформанса и отладку загрузки медиа.


➡️Screen orientation
Стандартизированный доступ к данным об ориентации экрана и блокировка ориентации.
Зачем: полезно для игр, видео, AR/VR. Удобнее адаптивный UI.
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Далеко не для всех фильмов в нашем каталоге есть Логотипы. И далеко не для всех их предоставляют. А ведь хочется в интерфейсе видеть лого, а не просто надпись...

Зато они есть в Интернете.
Написал миниАпп для телеграмм, чтобы можно было быстро искать лого к контенту и сохранять их для последующей заливки в каталог.

Теперь можно ехать в метро и с пользой проводить время 🫡
1👍51
Говорят, что по миру идет раскатка нового в Google TV.
Сам еще не получил апдейт, но в сети уже есть фотки.

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

У кого-то уже появилась новая версия?
1👍1
Forwarded from 42 секунды
TechCrunch: OpenAI запускает приложения внутри ChatGPT

– Разработчики могут создавать приложения внутри ChatGPT
– Среди первых: Booking, Expedia, Spotify, Figma, Canva и др.
– Компания также запустила предварительную версию Apps SDK
– OpenAI хочет создать экосистему приложения для ChatGPT
– Запускать приложения можно в ходе обычного разговора
– Например, Figma поможет создать полноценную диаграмму
– Zillow может помочь пользователям найти квартиры и др.
– Пользователь может получить плейлист Spotify в ChatGPT
– В будущем для ChatGPT добавят DoorDash, Uber, AllTrains и др.
– Новая система построена с использованием MCP-протокола
– В учетную запись сервисов можно войти через ChatGPT

@ftsec
Forwarded from Адовый UX
Умер «Бумер»

О покойном либо хорошо, либо ничего, поэтому поговорим про дизайн

Ставить рейтинг или другую плашку сверху на контент, который ты не контролируешь — так себе идея. Особенно, когда речь об киноафишах, у которых всегда есть собственный текст
1😁8
Forwarded from BFM
Телеканалы MTV прекратят вещание в Великобритании, Германии, Польше и других странах Европы к концу года, сообщили Broadband TV News операторы телеканалов.

Первой о закрытиях сообщила британская вещательная корпорация ВВС. По ее данным, в Великобритании вещание MTV Music, MTV 80s, MTV 90s, Club MTV и MTV Live прекратится 31 декабря — спустя 40 лет после его начала. Работу продолжит только флагманский MTV HD, который в основном транслирует реалити-шоу. Решение связано с сокращением аудитории музыкальных каналов, так как все больше зрителей предпочитают YouTube и TikTok для просмотра клипов.

В нескольких странах Центральной и Восточной Европы, в том числе в Польше и Венгрии, в конце года закроются не только MTV, но и другие каналы американской компании Paramount: TeenNick, NickMusic, Comedy Central Extra и Paramount Network. Решение также касается Бельгии, Нидерландов и Люксембурга. Вещание прекратят, в частности, местные версии MTV 80s, MTV 00s и других тематических каналов.

📻 Подписывайтесь на BFM
Please open Telegram to view this post
VIEW IN TELEGRAM
😢2🥴1
Альянс AOMedia анонсировал новый видеокодек AV2 – релиз до конца года

AV2 – преемник популярного открытого кодека AV1 (выпущенного в 2018 году) и, по заявлениям разработчиков, обеспечит ~30% экономии битрейта относительно AV1 при том же качестве видео . Это выводит эффективность сжатия на уровень конкурирующего стандартa VVC (H.266), но при этом AV2, как и AV1, останется royalty-free (бесплатным и открытым), что важно.

AV2 помимо улучшенного сжатия 4K/8K видео, включает оптимизации под VR/AR-видео, эффективную передачу нескольких видеопотоков (например, режимов «картинка-в-картинке») и улучшенную работу с контентом экрана (запись экрана, геймплей).
👍2
Apple готовит обновление своей ТВ-приставки Apple TV 4K в конце 2025 года, и инсайдеры раскрыли ряд ожидаемых новшеств

Во-первых, устройство, вероятно, получит фирменный коммуникационный чип Apple N1 с поддержкой Wi‑Fi 7 и Bluetooth 6 – это обеспечит более высокую пропускную способность для стриминга и меньшую задержку при подключении аксессуаров.

Второе крупное обновление – переход на сверхбыстрый процессор A17 Pro, что ускорит интерфейс tvOS и может открыть возможности для локальных AI-функций.

Обсуждается и оснащение Apple TV встроенной камерой: это позволило бы совершать видеозвонки FaceTime напрямую с ТВ, без использования iPhone как камеры

Кроме того, аналитики предполагают, что новая модель может стоить дешевле предшественницы. Apple задумалась о «бюджетном» Apple TV: ориентир – цена $99 или ниже (для сравнения, текущая модель стартует от $129)
Forwarded from Бенчмарки
Видеохостинг YouTube начал глобальное развертывание нового дизайна для веб-версии, мобильных приложений и Smart TV.

Компания анонсировала изменения, направленные на создание более интуитивного и захватывающего опыта для пользователей. Обновление распространяется постепенно и в ближайшее время станет доступно всем.
Центральным элементом обновления стал переработанный видеоплеер.

По словам разработчиков, он стал чище и более захватывающим благодаря обновленным элементам управления и новым значкам, которые меньше перекрывают контент. Дизайн выполнен в стилистике, которую некоторые обозреватели называют жидким стеклом, с полупрозрачными элементами, эффектом размытия и скругленными углами у кнопок и других панелей.
1🤡1
This media is not supported in your browser
VIEW IN TELEGRAM
Вот казалось бы, просто параллакс эффект. А как же приятно, когда получается иногда разнообразить таким отдельные карточки фильмов.

В моей команде работают очень крутые дизайнеры. ❤️ https://kion.ru/alisa-v-strane-chudes-2025-1
17👍7😁2🥴1
📼📼📼 × 😀

Всем привет. Ищем себе в команду KION, UX исследователя. Т.е. человека, кто поможет проводить исследования и делать лучший UX опыт в продуктах:

📼 KION

🎵 МТС Музыка

📚 МТС Строки

Если есть кого рекомендовать — приходите в личку @speakera
Репосты приветствуются
Please open Telegram to view this post
VIEW IN TELEGRAM
5🔥3🤔2👍1
Опасность надвигается. Заметил что люди, кто чрезмерно много общается в чатГпт и вайбкодят, начинают и в жизни общаться простыми промптами с ожиданием что человек тоже делает всё также быстро, как и гпт. А ведь это не так....

В общем задумался, что и я тоже в этом сильно погряз и надо не допустить самому общаться промптами 🤣
2
😢1
😎 Netflix убирает пометку «Netflix Original» на карточках контента

Netflix подтвердил, что удаляет с обложек фильмов и сериалов красный значок «Netflix Original» на всех платформах. Этот шаг – часть большого обновления UI, призванного «упростить и унифицировать интерфейс» и убрать визуальный шум.

И тут стоит подсветить причину. По оценке 😎, ~63% их витрины это originals. И когда его так много, то это уже не выделяет свой контент среди прочего, а скорее создает зашумленность своих среди своих...

При тысячах оригиналов в каталоге отдельная пометка уже не так нужна. Представители Netflix пояснили, что бренд все равно будет виден там, где это важно (например, на страницах описания), но обложки контента на самой витрине станут чище.

Для удаления логотипов Netflix пришлось переработать сотни тысяч изображений обложек во всех регионах и языках.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5😁1🤔1
🚀 Swift теперь и на Android

Apple официально открыла Swift SDK для Android.

https://www.swift.org/documentation/articles/swift-sdk-for-android-getting-started.html

Теперь Swift-код можно компилировать в нативные Android-бинарники и использовать, например, для бизнес-логики, SDK или движков внутри Android-приложений.

Но — не стоит путать с полноценной заменой Kotlin.
SwiftUI и UIKit на Android не работают, поэтому интерфейс всё равно пишется на Jetpack Compose или XML. Swift пригодится для общей логики между платформами: модели, утилиты, вычисления, сетевые слои.

Android TV — не исключение: под капотом тот же Android SDK.
Так что Swift становится мультиплатформенным языком, но не универсальным инструментом для мобильных UI.

В двух словах: Swift теперь живёт и на Android, но пока без визуала.
Общий мозг — да, общий интерфейс – нет
2👍1🤔1😍1
🎧Spotify обновился на Apple TV — и пользователи довольны (внезапно)

Редкий случай из последних крупных апдейтов интерфейса, который реально понравился людям.

Теперь и на Apple TV появились AI-DJ, тексты песен и настройки звука прямо на экране.
Плеер стал чище, быстрее и ближе к Android TV-версии. На Андроид всё это подвезли уже довольно давно.

Вообще я наблюдаю эту тенденцию. Музыкальные сервисы сильнее уходят в ТВ-приставки. И заходят они с клипами, тем самым заменяя те самые музыкальные каналы типа MTV. Кстати, про MTV. Считаю, что они сами себе начали рыть могилу ещё лет 15 назад. Я MTV смотрю с 1993 года. И тогда это был действительно канал с клипами. В последние годы он стал клоакой без клипов. В некоторых странах, у отдельных операторов были доступны версии с клипами, но их начали вытеснять Vevo и YouTube. И вот итог. Каналы закрываются. А аудиостриминговые гиганты занимают их нишу.
12👍1
Обожаю изучать старые советские рекламы, в том числе потому, что там можно узнать о существовании базы Посылторга на ул. Таганская, 58. Смотрим современные карты и видим, что теперь там совсем другие ценности хранят...
🤔3😁1