Loading...

Введение. UX/UI как пространство ритма и события

Во-многом, этот текст является развитием идей «постмодернистского интерфейса», предложенных в нашей статье «Культурология UI».

Доминирующая парадигма UX/UI дизайна ориентируется на функциональность и бесшовность, игнорируя процессуальность и аффективность цифрового опыта. Чтобы ухватить динамическую природу интерфейсов, нужны новые концептуальные инструменты — ритм, событие, ситуация, микро-вариация, заимствованные из философии и музыкальной теории. Они позволяют говорить об интерфейсе как о пространстве импровизации на границе порядка и хаоса.

Исходный размер 2304x1556

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

Исходный размер 2304x1556

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

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

Исходный размер 2304x1556

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

Цифровой интерфейс как полиритмическое пространство

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

Исходный размер 2304x1556

Важно понимать, что эти множественные ритмы не просто сосуществуют, но активно взаимодействуют, влияют друг на друга. В терминах Лефевра, мы можем говорить о «консонансах» и «диссонансах» — моментах согласования и рассогласования различных ритмических рядов [4].

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

Loading...

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

Микро-вариации и глитч как генераторы различия

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

Глитч — это событие, обнажающее непредсказуемость и незавершенность цифровой системы. Как отмечает исследовательница глитч-арта Эльвира Жагун-Линник, глитч выявляет «метафизические разрывы» в теле технологий, приподнимая завесу над их внутренней реальностью [2], выводя на первый план их материальность, процессуальность, потенциальность.

Исходный размер 2304x1556

Жиль Делёз, различие и повторение

Глитч действует как «генератор различия» в духе философии Делёза [1], создавая точки бифуркации, где открывается пространство для нового. Сбой парадоксально оказывается условием возникновения микро-события трансформации цифровой среды и нашего взаимодействия с ней.

Исходный размер 2304x1556

Королевский музей Онтарио в Торонто

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

Loading...

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

Исходный размер 1152x778

Интерфейсы, включающие элементы непредсказуемости и отказывающиеся от тотальной прозрачности, парадоксально более честны по отношению к пользователю. Они приглашают к рефлексивному и ответственному отношению к цифровым средам. Точечные «глитч-интервенции» способны оживить привычные паттерны взаимодействия, превращая рутинные операции в небольшие события и напоминая о хрупкости цифрового опыта.

Loading...

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

Рассмотрим несколько конкретных примеров того, как принципы глитч-эстетики и микро-вариативности могут быть реализованы в дизайне интерфейсов.

Исходный размер 1152x778

Глитч-анимации при переходах между экранами

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

Мы используем файлы cookies для улучшения работы сайта НИУ ВШЭ и большего удобства его использования. Более подробную...
Показать больше