На прошлой неделе я провел простой эксперимент. Я передал своему другу бумагу и карандаш и попросил его нарисовать двух человек.
Он любезно набросал некоторые фигурки палки.
«Хорошо», — сказал я. «Теперь нарисуйте первого человека, говорящего второму человеку, чтобы он выгуливал собаку».
Мой друг сразу же наметил речевой пузырь над головой левой фигуры и написал большими буквами: «Иди выгуливай собаку!»
Как я и предполагал, его методом показа разговора был речевой шарик. Но что, если у нас не было этого дефолта? Было бы удивительно сложно изобразить диалог — вы могли бы добавить его где-нибудь к картине, возможно, в качестве заголовка или зависания в воздухе — но тогда было бы не ясно, кто кому что говорит.
Оказывается, эта скромная икона на самом деле очень важна в дизайне. Давайте углубимся в происхождение речевого пузыря, а затем рассмотрим, как он используется сегодня.
Изобретение речевого пузыря
Когда вы думаете о «современных изобретениях», вы, вероятно, не думаете о речевых пузырях. Однако эти сферические символы на самом деле являются гораздо более новым изобретением, чем пистолеты, микроскопы, телескопы и даже паровой насос .
До того, как у художников появились речевые пузыри, они использовали бандлоры. Представьте длинный прямоугольник с развернутым текстом, который выходит изо рта. Да, не очень.
Как комментирует независимый писатель Родри Марсон, они «выглядели неуместно из уст людей, выглядя как огромный супермаркет до квитанций и столь же трудный для чтения».
Bandelores были в моде в 18 и 19 веков ; на самом деле ведущие карикатуристы того времени использовали их, чтобы высмеивать Наполеона, Нельсона и королевскую семью. Но поскольку художники поняли, что эти расширенные свитки трудно читать, они начали переходить к другим соглашениям.
Когда в 1895 году в «Нью-Йорк джорнал» был опубликован «Желтый ребенок» (который историки считают первым комиксом), слова его персонажей появились на их сундуках. Однако к 1896 году они плавали над их головами на воздушных шарах. Речевой пузырь родился.
Выдержка для комикса «The Yellow Kid» — с 1895 по 1898 год
В наши дни почти невозможно подобрать комикс и не найти пузыри речи. Но благодаря своей универсальной связи с общением они вышли далеко за рамки своего бумажного происхождения.
Почему речевой пузырь стал хитом?
Причина постоянной популярности речевого пузыря не очевидна. Во-первых, если вы посмотрите на подавляющее большинство универсальных значков, они очень похожи на их «реальные» аналоги: возьмите значок конверта, который обычно обозначает «сообщение», или значок корзины, который почти всегда означает «удалять.»
Речевой пузырь, с другой стороны, не похож на то, что мы могли бы распознать в нашем обычном существовании — возможно, потому, что у «речи» нет реального аналога, который мы можем увидеть или потрогать.
Кроме того, исследования юзабилити показывают, что даже самые распространенные, казалось бы, простые значки (например, сердце, часы и закладка) часто неправильно понимают.
Итак, как речевой пузырь не только выжил в дизайне, но и процветал? У меня есть теория.
Во-первых, после «Желтого ребенка» в комиксах стали распространяться речевые пузыри. В конце концов, они бесконечно полезны: художники используют их, чтобы приписывать цитаты конкретным фигурам, показывать последовательность диалогов и даже изображать, как говорят персонажи.
И комиксы были невероятно популярны в двадцатом веке. Их читают мужчины, женщины, мальчики и девочки всех возрастов, классов и возрастов, а не только маленькие дети. Следовательно, все росли, чтобы понять значение пузыря.
Форма речевого шара также сыграла (и продолжает играть) роль. Мы находим подсознательные формы привлекательными на подсознательном уровне: они чувствуют себя тепло, дружелюбно и естественно . Кроме того, кольца обычно предполагают единство и отношения.
Таким образом, каждый раз, когда вы видите речевой пузырь, вы сталкиваетесь с волной позитивных ассоциаций. Вам также немного напоминают сообщества — которые, если подумать, делают речевой пузырь идеальным символом для коммуникационного метода.
5 основных вариантов использования
Теперь, когда я объяснил, почему речевой пузырь выжил с течением времени, давайте посмотрим, как он используется в современном веб-дизайне. Это не так просто, как «речевые пузыри = говорить».
Фактически, их варианты использования могут быть разбиты на несколько основных категорий.
От самых распространенных до наименее распространенных:
- Возможность общаться
- Общая концепция говорения
- Контактная информация
- Возможность оставлять отзывы
- Службы перевода
Большинство популярных социальных сетей используют речевой пузырь в качестве опции для чата. Например, когда вы вошли в папку «Входящие» с помощью Gmail, нажатие всплывающей подсказки в верхней панели навигации открывает Google Hangouts.
Между тем, значок «Сообщения» в Facebook представляет собой один маленький речевой пузырь, наложенный поверх другого, а значок «Прямые сообщения» в Twitter представляет собой нечто среднее между почтовым ящиком и речевым всплывающим знаком.
На самом деле, на домашней странице Blitz Agency ясно видно, насколько сильной стала связь между социальными сетями и речевыми пузырями:
Конечно, речевые пузыри также пригодятся для иллюстрации обмена информацией.
Посмотрите, как Slack включает не один, а два речевых шарика на своей странице продукта:
Реже пузырьки речи символизируют контактную информацию или возможность оставлять отзывы:
И наконец, что не менее важно, они визуализируют процесс перевода:
переводчик Google
Итак, что дальше для речевого пузыря?
О, не что иное, как мировое господство.
Позволь мне объяснить.
По словам Криса Мессина, ведущего разработчика в Uber ( и, как гласит легенда, изобретатель хэштега ), 2016 год станет годом разговорной коммерции .
Мессина пишет
«Разговорная коммерция (на мой взгляд) в значительной степени относится к использованию чата, обмена сообщениями или других естественных языковых интерфейсов (т. Е. Голоса) для взаимодействия с людьми, брендами или услугами, а также ботами, которые до сих пор не имели реального места в двунаправленной, асинхронной передаче сообщений. контекст «.
Другими словами, мы будем говорить с брендами и компаниями на каналах, которые мы в настоящее время резервируем для других людей: таких каналов, как Slack, Facebook Messenger, WeChat, iMessages и так далее.
Неудивительно, что существует много дискуссий о том, что означает диалоговая коммерция для пользовательского интерфейса. Томаж Штолфа, соучредитель Layer, видит потенциал каждого сообщения в качестве мини-приложения — оно может не только содержать текст, но и включать фотографию, видео, кнопку или их комбинацию.
Но зачем останавливаться на достигнутом? Он объясняет, что существует неограниченная возможность создавать «приложения размером с кусочек», в том числе «фото-карусели, медиаплееры, мини-игры, инвентарь, платежи в мессенджере» и многое другое.
Поскольку большинство каналов, которые мы будем использовать для общения с ботами и виртуальными помощниками, используют речевой пузырь, он, вероятно, станет «средством доставки» для этих мини-приложений.
Фактически, если дизайнеры умны, они искренне примут речевой шар. На этом этапе речевые шары чувствуют себя дружелюбно, да, из-за их формы, но, что более важно, потому что они стали синонимами общения между людьми.
И поэтому, если вы хотите, чтобы пользователи доверяли ботам и включали их в свои ежедневные транзакции, ключевым вопросом будет заслуживающий доверия, речевой пузырь, чувствительный к человеку . Посмотрим правде в глаза, люди всегда настороженно относятся к технологическим достижениям, особенно когда речь идет о роботах с искусственным интеллектом. Мы все знаем о том, что происходит в Терминаторе , Я, Робот , Матрица и так далее.
Положив дружелюбное лицо, так сказать, на ботов, дизайнеры могут помочь взаимодействию между ботом и человеком чувствовать себя более нормально. На самом деле, коммуникационные приложения, которые не используют речевые пузыри, такие как Slack, должны рассмотреть возможность их реализации.
Речевой пузырь, возможно, вошел в нашу визуальную грамматику через скромный комикс, но можно с уверенностью сказать, что с тех пор он прошел впечатляюще.
И если бы мне пришлось поспорить, его будущее еще ярче.