Почему российские дизайнеры до сих пор недооценивают гиф анимацию?

Есть забавная профессиональная привычка: мы, дизайнеры, готовы потратить полдня на выбор правильного оттенка серого для кнопки, ещё два часа на спор о том, должен ли радиус быть 8 или 12 пикселей, а потом в рабочем чате отправляем коллегам гифку с человеком, который молча смотрит в камеру.

И все сразу понимают, что мы хотели сказать.

Причём иногда эта гифка объясняет ситуацию гораздо точнее, чем сообщение на полстраницы.

— Ну что, клиент ответил?

И вместо ответа появляется анимашка, где человек медленно закрывает ноутбук.

Всё! Баста!

Диалог закончен. Дополнительных пояснений не требуется 😆

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

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

Мы вообще-то постоянно разговариваем картинками

Когда человек говорит вживую, он использует не только слова. Есть интонация, выражение лица, пауза, жест, взгляд. Иногда человек вообще ничего не говорит, а мы прекрасно понимаем, что он думает.

В интернете всё это внезапно исчезло.

Остался текст.

И довольно быстро выяснилось, что текст — штука не очень удобная для передачи эмоций.

Написал «ок» — человек может решить, что ты согласен.

Или что ты недоволен.

Или что ты устал.

Или что ты просто написал «ОК», потому что уже не хочешь продолжать этот разговор.

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

И вот гифки оказались почти идеальным форматом для одной конкретной задачи: показать реакцию в моменте.

Не объяснить её словами, а просто показать.

И это принципиальная разница.

Хорошая гифка — это почти готовая реплика

Есть сообщения, на которые сложно ответить словами.

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

Что написать?

«Да, теперь хорошо» — слишком официально.

«Отлично» — как-то сухо.

«Наконец-то» — можно случайно начать войну.

А можно отправить GIF, где человек медленно кивает с выражением лица «мы оба знаем, через что прошли».

И всё становится понятно.

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

И вот это уже очень интересная штука.

Потому что дизайнеры как раз постоянно работают с отношением.

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

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

А теперь немного о том, почему одни гифки работают, а другие хочется закрыть

Здесь начинается территория, которая мне как основателю платформы с гифками и стикерами особенно интересна.

Потому что хороший GIF — это на самом деле довольно сложная штука.

У тебя есть несколько секунд, иногда меньше. Человек смотрит его где-нибудь между сообщением коллеги и уведомлением о том, что пора обновить приложение. У него нет желания разбираться в композиции, сюжете и авторской задумке.

Он должен практически сразу понять происходящее.

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

Причём смешно здесь не само действие.

Смешным становится контекст.

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

Всё зависит от того, куда именно ты его отправил.

Получается довольно странный дизайнерский объект: сама картинка практически ничего не говорит без контекста, но в правильном контексте говорит очень много.

В GIF появляется время

И вот здесь статичная картинка заканчивается, а начинается уже настоящая анимация.

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

Но как только появляется движение, добавляется ещё одна штука — время.

И оно может полностью поменять смысл.

Если человек посмотрел на часы и вздохнул за полсекунды — это шутка.

Если он смотрит на часы пять секунд, потом ещё раз смотрит на часы и снова вздыхает - это уже производственная драма.

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

Всё то же изображение. Совершенно другой результат.

Поэтому хорошая гифка - это не обязательно сложная анимация. Иногда наоборот: чем меньше происходит, тем лучше.

Главное - чтобы движение попало в правильный момент.

И тут GIF неожиданно оказывается очень близок к UX

Когда мы делаем интерфейс, мы постоянно думаем о реакции системы.

Пользователь нажал кнопку - система должна ответить.

Пользователь отправил форму - должно быть понятно, что всё получилось.

Пользователь ошибся - интерфейс должен это показать.

Мы называем это feedback.

В человеческом общении происходит абсолютно то же самое.

Ты сказал что-то человеку - он должен как-то отреагировать.

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

В интернете для этого есть эмодзи, стикеры и гифки.

Получается, что гифка — это такой маленький feedback между людьми.

И, если подумать, довольно логичный.

Мы просто проектируем интерфейс не для приложения, а для разговора.

Самое интересное начинается с брендов

Представьте компанию, у которой есть персонаж.

Сейчас он живёт где-то в брендбуке на странице 67, рядом с правилами использования логотипа.

Иногда его ставят на презентацию.

Иногда на упаковку.

Иногда он появляется в соцсетях с подписью «Мы запустились!».

И это всё.  И это очень печально.

А теперь представьте, что этот персонаж начинает жить в переписке.

Он может радоваться, когда пользователь что-то сделал.

Может удивляться. Может злиться. Может поздравлять.

Может показывать, что пятница наконец наступила. 

И вот тут персонаж перестаёт быть просто элементом фирменного стиля. Он становится участником общения.

Мне кажется, это гораздо интереснее очередного брендбука на 120 страниц, который красиво сверстали, положили в Notion и забыли до следующего ребрендинга.

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

В какой-то момент я начал смотреть на GIF-библиотеки совсем иначе

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

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

По сути, это огромная карта того, что люди хотят сказать, когда им не хочется писать словами.

Именно поэтому я сейчас воспринимаю GIFS не только как библиотеку готовых анимаций. Это ещё и довольно интересный материал для наблюдений.

Какие реакции люди ищут чаще всего? Какие эмоции вообще имеют визуальный образ? Какие сцены становятся универсальными? Почему один жест понятен человеку из России, США или Японии практически без перевода?

Для дизайнера здесь довольно много пищи для размышлений.

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

А ещё можно попробовать сделать свой

Есть простой эксперимент, который я бы предложил любому дизайнеру.

Возьмите свой проект и попробуйте представить, что у него появился характер.

Не брендбук, не tone of voice, не очередная таблица с ценностями компании.

Просто характер.

Как он говорит «спасибо»? Как реагирует на ошибку? Что отвечает на комплимент? Как выглядит его «я всё понял»? Что он отправляет в пятницу вечером, когда последний человек наконец закрыл рабочий комп?

А теперь попробуйте сделать эти реакции визуальными.

И вот здесь обычно становится понятно, что задача совсем не такая простая, как казалось.

Потому что нарисовать красивого персонажа относительно легко.

Гораздо сложнее заставить человека понять, что этот персонаж сейчас чувствует.

Именно поэтому хороший гиф или стикер — это всё-таки дизайн.

Причём дизайн довольно честный.

Он либо считывается, либо нет.

Нельзя написать мелким шрифтом снизу: «Здесь автор хотел показать лёгкое чувство иронии и одновременно внутреннее принятие ситуации».

Если пришлось это объяснять — гифка не сработала.

Кажется, мы просто привыкли не считать GIF дизайном

Наверное, поэтому в России к гиф анимации до сих пор относятся немного снисходительно.

Логотип — дизайн. Приложение — дизайн. Сайт — дизайн.

Анимация из «Властелина колец», которую отправили в рабочий чат в ответ на сообщение клиента, — ну это просто зацикленная картинка.

Хотя иногда именно она точнее всего описывает настроение проекта.

Мне вообще нравится эта ирония.

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

Возможно, дело не в том, что гиф недооценён.

Возможно, мы просто привыкли считать дизайном только то, что выглядит достаточно серьёзно.

А хорошая анимация как раз напоминает, что дизайн не обязан быть серьёзным. Его задача гораздо проще.

Помочь человеку что-то почувствовать и понять.

Иногда для этого нужен сложный интерфейс.

Иногда — хороший шрифт.

P.S. Всем хорошего настроения и творческого вдохновения. И пусть хотя бы одна идея сегодня окажется немного безумной.