Анатомия интерфейса мессенджера
Вы управляете интерфейсом переписки сотни раз в день, никогда его не читая, — и всё же как-то выучили, что «ок.» холоднее «ок», что две серые галочки значат не то, что две синие, и что «печатает…», которое гаснет, — само по себе фраза. Чат-интерфейс — плотная знаковая система, на которой три миллиарда человек говорят бегло без обучения. Для любого, кто строит чат-сцены — писателей, учителей, дизайнеров, видеоавторов, — сознательное знание этой грамматики отличает макет, ощущаемый настоящим, от макета, ощущаемого анкетой. Экскурсия по частям.
Пузыри: геометрия как грамматика
Пузырь — атом, и его позиция — его первое слово: выровнен вправо (обычно окрашен) — это я, влево (обычно нейтрален) — это они; конвенция настолько абсолютна, что её разворот делает сцену нечитаемой. Последовательные сообщения одного отправителя группируются с уплотнёнными отступами — потому разрывы пузырей выразительны: одна мысль, разбитая на четыре коротких пузыря, читается как срочность или нервы, те же слова одним блоком — как самообладание. Хвостик — тот клювик, указывающий на отправителя, — тихо закрепляет атрибуцию; макеты без него ощущаются слегка неправильными раньше, чем зритель может объяснить почему.
Статусы доставки: алфавит галочек
Маленькие метки под сообщением образуют алфавит из четырёх букв: отправлено (одна галочка — ушло с твоего телефона), доставлено (две — прибыло на его), прочитано (цветные или «Просмотрено» — открыли) и немаркированное чистилище, намекающее на выключенный телефон или ушедшего человека. Рассказчику стоит считать статусы прочтения самым мощным знаком препинания формата: «доставлено» три дня — это отсутствие; «просмотрено 22:14» без ответа — целая сцена отвержения в одной строке метаданных. Реальные интерфейсы различаются (галочки, «Просмотрено», аватары у линии), но аудитория бегло читает все диалекты — в сцене важны последовательность и намерение.
Присутствие: печатает, в сети, был(а) недавно
Живой слой интерфейса сигналит: на другом конце — человек, прямо сейчас. «Печатает…» — это ожидание, ставшее видимым, а его обрыв (появилось, погасло, появилось снова, потом ничего) — интерфейсная версия колеблющегося лица актёра; пожалуй, самый драматичный элемент, каким владеет формат. «В сети» и «был(а) в 02:47» помещают собеседника во время и питают целые сюжеты («снова в сети в три ночи»). Для строителей сцен эти сигналы — точные инструменты: индикатор набора перед тяжёлым сообщением меняет его эмоциональную температуру, а отметка «был(а) недавно» может нести предысторию, которой в прозе понадобился бы абзац.
Отметки времени, системные строки и всё остальное
Отметки времени — часы треда и его монтажные склейки: разрыв с 23:40 до 04:12 — бессонная ночь, доставленная одной строкой серого текста. Системные сообщения — «X удалил это сообщение», «Y изменил название группы», «пропущенный звонок» — это интерфейс, повествующий о событиях, и вымысел эксплуатирует их вовсю: удалённое сообщение — чеховское ружьё с отметкой времени. Реакции, ответы с цитатой, волны голосовых и заглушки фото довершают набор, каждый со своим социальным смыслом (лайк-палец как завершение разговора; цитируемый ответ как улика). Правдоподобная чат-сцена использует, может быть, шесть этих элементов — но выбирает их так, как хорошее предложение выбирает пунктуацию.
Частые вопросы
Почему мои сообщения везде справа?
Универсальная конвенция: твой контент якорится на твоей стороне (в интерфейсах слева-направо — правый край), позиция стабильна во всех приложениях, атрибуция мгновенна. Это один из сильнейших неписаных стандартов интерфейсного дизайна — настолько сильный, что даже вымысел не может его сломать, не сломав понимание.
Надо ли в макете точно воспроизводить конкретное приложение?
Только если история — про это приложение. Обобщённое-но-последовательное работает лучше в большинстве художественных, учебных и демо-контекстов: аудитория читает общую грамматику (выравнивание, галочки, время) независимо от обёртки, а нейтральная обёртка избегает и шума брендов, и случайных заявлений «это правда случилось в X». Последовательность внутри сцены важнее верности любому бренду.
Какую деталь фейковые чат-сцены чаще всего делают неправильно?
Время. Равномерные отметки, идеально чередующиеся реплики и мгновенные ответы в любой час читаются как синтетика, даже если никто сознательно не замечает. Настоящие разговоры кучкуются, буксуют и возобновляются; один шлёт четыре сообщения на одно чужое. Добавьте асимметрию и неровное время — и вымышленный тред начнёт дышать.
Собирайте вымышленные чат-сцены, экспортируйте чистые изображения. Chat Story Studio позволяет составлять вымышленные переписки — имена, аватары, время, галочки прочтения, обои — и экспортировать их чёткими изображениями для видео, уроков, макетов и историй. Всё явно вымышленное, сделанное вами, на вашем устройстве.
Попробовать в браузере Скачать в Google Play