С Сашей Каном обсуждаем эпловское жидкое стекло и всё вокруг.

Все выпуски подкаста:
Эпл · Ютюб · Я.Музыка · Мейв · РСС для подкастного приложения

Виспер и ЧатГПТ послушали выпуск за вас и делятся выводами:

В этом выпуске Саша и Илья подробно обсудили свежие анонсы Эпла с ВВДЦ 2025, включая новый визуальный стиль интерфейсов под названием «Жидкое стекло», переименование систем в версию 26 и попытки компании встроить ИИ-функции в экосистему. Центральная тема — деградация продуктового видения Эпла и попытки компании нагнать индустрию в сфере искусственного интеллекта, при этом жертвуя своими прежними преимуществами: качеством интерфейсов, стабильностью продуктов и логикой в развитии платформ.

Собеседники критикуют эстетическое и функциональное оформление новых интерфейсов — особенно на Макосе, где решение отрывать панели от краёв окон выглядит как дизайнерская некомпетентность. Обсуждаются проблемы плохой читаемости, перегруженности и нарушения устоявшихся гайдлайнов, включая чрезмерное добавление иконок в меню. При этом признаётся, что технология «Жидкое стекло» сама по себе может быть интересной — как пример выразительных возможностей, которые со временем можно отшлифовать.

Значительная часть разговора посвящена проблеме отсутствия у Эпла чёткой стратегии в ИИ. Вместо системной работы над своим ИИ, Эпл громко анонсирует фичи, которые оказываются недоработанными или вообще не выходят. Собеседники считают, что компании стоило бы действовать тише и увереннее, а не гнаться за хайпом. Важно было бы создавать платформу, на которой внешним разработчикам выгодно строить ИИ-инструменты, а не конкурировать с ОпенИИ в лоб.

Также обсуждаются вопросы инструментов для дизайнеров: необходимость владения Фотошопом и 3Д-графикой, важность гибких и мощных средств, чтобы создавать действительно новые формы взаимодействия. Упоминается и перспектива смешанных интерфейсов, где ИИ будет не чатиком, а частью надсистемы, помогающей выполнять действия через Спотлайт или подобные инструменты. Это подводит к мысли о будущем интерфейсов, где функции приложений перестают быть привязаны к конкретным иконкам и страницам.

Основные идеи и выводы:
— Эпл теряет фокус на своих сильных сторонах, гнавшись за ИИ и жертвуя качеством интерфейсов.
— Жидкое стекло — интересная технология, но её текущее воплощение в Макосе вызывает массу вопросов.
— Интерфейсная деградация — результат непонимания масштабов и контекста: мобайл-фёрст разрушает опыт на больших экранах.
— ИИ в Эпл пока встроен фрагментарно и неубедительно, в отличие от конкурентных платформ.
— Разработка под Макос и Ай-ОС становится всё менее привлекательной по сравнению с вебом.
— Дизайнеры, ограниченные только Фигмой, неспособны придумывать выразительные эффекты — важны навыки в Фотошопа, 3Д, анимации.

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

Как-то ходил в Москве в Дом культуры:

Под мостом, который ведёт к нему, красивая кирпичная галерея:

Так что же это за Дом культуры такой? Ответ:

Кажущая простой как пробка типографика ГЭСа-2 обладает магической притягательностью.

Перед входом расположена «Большая глина № 4».

Расписания и навигация проецируются на стены проекторами:

В местном магазине продаются шахматные наборы Ворлд Чесса:

А на одном из балконов ими же люди играют в шахматы:

Одно из главных впечатлений от здания — бессмысленные просторы и переходы из ниоткуда вникуда:

Как ни странно, это положительное впечатление. Это похоже на то, как в фантастических фильмах показывают какие-нибудь космические корабли будущего, где маленькие люди общаются в огромных помещениях, которым нет ни одной причины быть такими огромными. Сразу кажется, что это немножко другой мир, а не просто какой-то выставочный центр.

Типографика:

Штука:

Другая:

Когда я пришёл, там были всякие звуковые инсталляции. Тут два десятка разных колонок чё-то играли, если я правильно помню, похожее на нормальную музыку:

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

Ещё там такие волшебные приборы стоят и тоже проецируется навигация:

Информационная наклейка лифта:

Я бы так никогда не сверстал.

Фотографии из поездки в мае 2022 года. Слетайте в Москву!

Показываю, как добиться, чтобы виджет выглядел нормально, срисовывая системный виджет погоды.  10 минут с Фотошопом в руках:

ЧатГПТ от моего лица: «В этом фрагменте я показываю, как полезно буквально „срисовывать“ готовый интерфейс — не для копирования, а как упражнение. Я беру виджет Эпла, накладываю на него свою версию и начинаю дотягивать по отступам, размерам, плотности текста, цвету, логике выравнивания. Иногда в процессе выясняется, что что-то у меня „не так“, хотя я даже не сразу понимаю, почему — просто на фоне оригинала моя версия выглядит неритмичной, рыхлой или слишком жирной. И вот через эту кропотливую механику выравнивания и подгонки приходит понимание: как устроена композиция, какие отступы считаются нормой, где оси выравнивания, как работает цвет и что именно делает оригинал „живым“».

Это фрагмент № 174 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 23 февраля 2024 года.

Идёт запись на курс, который пройдёт 19 июля — 17 августа. Сейчас −20%, потому что заранее. Недавно обновились несколько лекций и добавилась новая.

Почитать о курсе

Программа, отзывы, запись

Каждый раз, когда слышу эти слова, кажется, что это одно и то же слово, произнесённое по-разному в зависимости от того, кто как читает букву J.

Незадолго то эпловского жидкого стекла, Гугль выложил какую-то свою новую дизайн-систему или что-то. Я, честно, даже не понимаю, что это: это как бы статья про дизайн, представляющая собой бесконечную стену текста и глючный курсор мыши.

Я пару недель решался прочитать это для кругозора, но всё время откладывал, потому что этот текст всем своим видом говорит: «ничего интересного». В итоге дооткладывался до того, чтобы почитать сегодня в самолёте. Пристегнулся, стал читать и не смог дочитать. В этом тексте через слово написано «рисёрч» и сто раз сказано, как важен выразительный дизайн. Важность тоже обосновывается через рисёрч: столько-то процентов людей им сказали, что им нравится, когда дизайн выразительный и вызывает эмоции! Такую простыню мог бы написать ЧатГПТ, а может он её и написал.

Как бы донести до корпораций мысль, что если вы провели рисёрч, согласно которому люди любят эмоции, то публикация на все лады самого факта, что вы такой рисёрч провели, эмоций от интерфейса не вызовет? Ну типа, надо же чтобы в интерфейсе реально было чё-то клёвое (тогда и объяснять не придётся). А там просто полторы обычных картинки.

Я уже жду, что через пару лет через рисёрч будут обосновывать необходимость рисёрча, а если кому про дизайн интересно говорить, так ему будут говорить «дед пей таблетки».

Что касается Эпла, можно сколько угодно сомневаться в удобстве жидкого стекла, но нельзя отрицать, что живые рефракции, искажения и слияния-разделения капель выглядят клёво — это всё хочется поразглядывать и потрогать на своём телефоне!

Раньше Эплы не стеснялись этой радостью делиться впрямую: Стив Джобс скролил список контактов или листал музыкальные обложки на Айфоне и искренне кайфовал от того, как всё работало! Он прям говорил со сцены «смотрите, как клёво, щас ещё раз покажу». Теперь Эпл так не делает. Теперь надо уже обязательно дать обоснование, мол, благодаря стеклу ваш контент выходит на первый план. Причём все дизайнеры прекрасно знают, что во-первых, это неправда, а во-вторых, вообще не всегда именно к этому нужно стремиться. Но Эпл уже не может сказать «смотрите как клёво». Это печально, но по крайней мере радует, что у них хотя бы дизайнеры искренне развлекаются, а не полотна про рисёрча пишут.

Читатель Виталий задаёт вопросы о схеме метро Самары.

— Почему Алабинская с белым кружком, а Юнгородок нет?
Можно было бы объяснить, что типа там улица слева просвечивает, но на самом деле продолбали.

— Изгиб между Алабинской и Российской не «привязан» к улице...
Не уверен, что понял, о чём речь, но сам отрезок рядом с Алабинской надо будет подвинуть на каплю выше в следующей версии, да.

— Расположение латинских названий относительно оригинальных определялось по какому-то правилу?
По правилу «станция подписывается в первую очередь по-русски». Если отключить слой с латиницей, кириллица никуда не должна сдвинуться. Соответственно, если подпись над станцией, то латиница ещё выше, а если под, то ещё ниже.

— Названия улиц не всегда центрированы относительно «отрезка» улицы. Возможно, это направление нумерации домов?
Нет, они просто стоят там, где им свободнее всего стоится или достигается наилучшая читаемость и баланс. Кстати, «Авроры» подписана сверху вниз, а не снизу вверх, как требовала бы русская издательская традиция, потому что все остальные улицы с вертикальными надписями идут под таким \ углом и требуют подписи сверху вниз. Авроре пришлось подчиниться.

— Еле заметное «залезание» названий станций на линию метро — когда и почему такое допустимо, исходя из каких рассуждений можно себе такое позволить при разработке других макетов?
Ладно, объясню. Это просто мне очень всралось так сделать, чтобы было едва уловимое ощущение печати в несколько красок, которые не прям идеально попали куда целились. Тут же ещё и бумага такая жёлтая как бы. Короче, это для вайба.

С Мишей Нозиком обсуждаем скиминг, как понимать задачу с ЧатомГПТ и конечно же плохой дизайн по вине исследований.

Все выпуски подкаста:
Эпл · Ютюб · Я.Музыка · Мейв · РСС для подкастного приложения

Виспер и ЧатГПТ послушали выпуск за вас и делятся выводами:

В выпуске обсуждают эволюцию и деградацию интерфейсов, дизайнерские принципы и подходы, а также роль исследовательских практик и искусственного интеллекта в работе над проектами. Илья вспоминает, как при создании сайтов внедрял приём «скиминг», вдохновившись Apple, и как этот интерфейсный ход распространился дальше. Миша приводит примеры из своей практики, где скиминг, «вид со спины» и другие приёмы позволяли сделать каталоги товаров удобнее и понятнее.

Разговор постепенно переходит к теме того, как дизайнеры могут использовать ChatGPT для подготовки текстов — особенно таких, как «понимание задачи». Илья рассказывает, как приучил модель на своих примерах и теперь получает черновики, которые проще редактировать, чем писать с нуля. При этом подчёркивает: использование ИИ не отменяет необходимости самому понимать суть задачи. Миша делится своими опасениями по поводу потери глубины участия, но соглашается, что подход с черновиком, написанным «разговорным джипегом», может быть продуктивным.

Затем затрагивается более широкая тема — кризис найма и профанация профессии дизайнера в крупных компаниях. Говорят о том, что дизайнеры, натасканные на прохождение собеседований, часто создают посредственный дизайн, который всё же считается «успешным», потому что совпадает с бизнес-метриками. Это приводит к абсурдным ситуациям: попапы в банках, неудобные интерфейсы с якобы «хорошими показателями» и культ исследований, не приводящих к улучшениям.

В конце обсуждают профессиональную гордость, вкус и осознанность в работе дизайнера. Критикуют подход, при котором графдизайн считается «вкусовщиной», а продуктовый дизайн — якобы «объективным». При этом призывают дизайнеров сохранять и развивать собственный взгляд, не боясь проявлять инициативу и эстетические предпочтения, если это не мешает задаче.

Основные идеи и выводы:
— Приём скиминга (наведение курсора и просмотр содержимого) — важное и недооценённое дизайнерское изобретение.
— ChatGPT можно эффективно использовать для подготовки черновиков «понимания задачи», снимая психологический барьер перед писательской работой.
— Само написание документа — важная часть процесса осмысления задачи, но рутину вполне можно делегировать ИИ.
— Современные корпорации часто нанимают «собеседуемых», а не действительно способных дизайнеров.
— Метрики часто подменяют собой понятие хорошего дизайна и становятся оправданием деградации интерфейсов.
— Критическое мышление и стремление к улучшению важно сохранять даже в условиях корпоративной рутины.
— Вкус и личная эстетика не противопоставляются практичности — они могут и должны сосуществовать в дизайнерской работе.

Выпуск будет интересен практикующим дизайнерам, особенно тем, кто устал от корпоративного формализма и ищет смысл в своей работе. Полезен тем, кто хочет лучше понять границы и возможности использования ИИ в дизайне, а также всем, кому не всё равно, как устроены интерфейсы вокруг.

Зимой опубликовал проект навигации для поставщиков «Вайлдберрис». Наконец-то снял видеообзор этого проекта. Рассказываю о сценарном подходе к навигационным проектам и что нужно было учесть именно в этом случае. Видео будет полезно дизайнерам и тем, кто думает, не заказать ли мне дизайн: