Ментальные модели

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

Съёмка замедленного видео — мой любимый пример ментальных моделей.

Обычные люди говорят «давай снимем замедленной съёмкой». А вот профессиональные операторы скажут «снимем ускоренной съёмкой» или «снимем в рапиде» (от фр. rapid — быстрый).

Почему названия диаметрально противоположные?

Потому что обычным людям пофиг на камеру, они смотрят на результат. Видео замедленное, значит и съёмка замедленная. А вот операторы вынуждены погружаться во все тонкости. И они знают, что для замедления видео в два раза, камера должна работать быстрее, и вместо 30, выдавать 60 кадров в секунду. Поэтому, с позиции камеры, это ускоренная съёмка.

В обратную сторону тоже работает. Таймлапс обычные люди называют ускоренной съёмкой, а профессионалы — замедленной.

Apple Vision Pro умеет отслеживать взгляд. Это нужно чтобы аватары выглядели более живыми. А ещё взглядом можно управлять гарнитурой, например, набирать текст.

Так вот, исследователи выяснили, что если во время звонка человек начал набирать текст, например «давай потом, я на созвоне с этим душнилой», то душнила может этот текст прочитать по глазам. Неловко вышло.

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

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

Уязвимость, кстати, назвали GAZEploit (вот статья) 👀

Я сейчас учу чешский и постоянно натыкаюсь на вот такое:

Наручные часы — hodinky, а час — hodina. И я такой «ахаха, они просто взяли час во множественном числе», а потом такой «так, стоп, в русском же то же самое». Почему я этого никогда не замечал?

Как носитель, я впитывал язык на уровне смыслов. «Час» это про время, а «часы» — про объект. Смыслы совсем разные.

С чешским у меня нет роскоши годами впитывать смыслы, приходится лезть в структуру слова. И вот выясняется, что чтобы правильно просклонять слово najit (найти), мне надо понять, что оно от глагола jit (идти). Я в жизни не задумывался что «идти» и «найти» однокоренные слова!

Поэтому я шучу, что я не чешский учу, а русский доучиваю.

Кстати, с нейронками такая же история. ChatGPT всё никак не может посчитать сколько букв «r» в слове «strawberry» потому что модель не «видит» само слово. Вместо слов модели оперируют смысловыми единицами — токенами.

Сенсорные панели в VR

Исследователи из Meta Reality Labs научились неплохо определять касания поверхностей. И это может стать большим прорывом для VR.

Сенсорные панели — довольно очевидное направление интерфейсов. VR-гарнитура легко может превратить стол в огромный планшет. А дальше мы уже знаем как с этим взаимодействовать, ничего изобретать не надо. Красота!

Вот только оно не работает нормально. Гарнитуре очень сложно по камерам понять, коснулся я там стола или нет.

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

- Видео
- Твит одного из авторов
- Статья

Кстати, эти мосты в том же городе (Спейкениссе), где в 2020 каламбур спас машинисту жизнь.

Поезд пробил ограждение, и чуть не упал в реку, но хвост кита спас ситуацию, и никто не пострадал.

А “каламбур” — потому что про конечную можно сказать, что это “tail end station” или “tail stop”, так там и появились эти хвосты)

Интересно, кстати, что скульптура в масштабе 1:1. Каждый раз поражаюсь размерам китов 😱

О, Гугл показал свою операционку для VR-гарнитур — Android XR. На первый взгляд, по примитивам похоже на Apple Vision OS. Надо будет засесть почитать дизайнерские гайдлайны.

Радуюсь конкуренции 🍿

- Видео
- Сайт Android XR
- Гайдлайны по дизайну

Эволюция дизайн-инструментов

Слушал подкаст с Andrei Herasimchuk, и мне очень понравился его взгляд на эволюцию дизайн-инструментов. Развитие инструментов идёт в определённом порядке:

🟧 Пиксели
Сначала инструменты просто научились красить квадратики на экране, это самая база.

🌈 Слои
Теперь мы можем положить одни пиксели над другими. Тут уже появляется простая цветовая математика: прозрачность и режимы наложения.

📦 Объекты
А что если под каждый прямоугольник/текст/картинку мы сделаем свой слой? Получаем объекты. Их уже можно растягивать, менять, задавать им всякие свойства типа скругления углов, вкладывать друг в друга, и даже задавать правила их расположения (привет авто-лэйаут в фигме).

❖ Компоненты
Кучей разных объектов сложно управлять, давайте их свяжем друг с другом! Например, теперь кнопки не сами по себе, а потомки одной, той самой кнопки из дизайн-системы.

Сейчас все редакторы как раз пытаются решить проблемы последнего уровня. Думаю, самое сложное — найти правильный баланс гибкости компонентов. Интересно, что будет дальше.

Кстати, Андрей — первый UI-дизайнер и в Adobe (!) и в Figma (!!). Он практически создал дизайн-инструменты такими какими мы их знаем. А сейчас он работает над своим инструментом и обещает там компоненты вообще по-красоте сделать. Инструмент пока не потрогать, но можно подписаться на ранний доступ.

- Подкаст
- Seldon (инструмент Андрея)

Новый логотип CSS

В августе у CSS появился свой логотип. Раньше были только логотипы по версиям, а теперь есть просто логотип языка.

Логотип выбирали публично на GitHub. Поучаствовать могли все, поэтому в треде есть варианты очень разного качества.

Мой фаворит — логотип на основе мема про CSS. Он даже чуть не победил. Но ребята всё-таки решили сделать серьёзный логотип, а жаль 🤷🏻‍♂️

Фиолетовый фон логотипа непростой — у него своя история.

В CSS есть полторы сотни именованных цветов типа red, pink, royalblue и т. д. Почти все цвета добавили в первых версиях и потом не трогали. Но 10 лет назад в спецификации появился ещё один цвет — rebeccapurple.

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

- Репозиторий логотипа
- Тред с вариантами
- Пост в блоге Эрика