Conversational UX Design
Что такое Conversational Design и как спроектировать человечный интерфейс
Почему появился тренд на интерфейсы, имитирующие человеческое общение, и как помочь своему сервису быть дружелюбным, но не походить на сумасшедшего.
![](https://ivan-demin.gitbook.io/~gitbook/image?url=https%3A%2F%2F248006.selcdn.ru%2Fmain%2Fiblock%2F2c7%2F2c7b1ef19f3690acf5467ae933811b29%2Ff7651147b713992d5c8854883a4b5be2.png&width=768&dpr=4&quality=100&sign=1400e528&sv=1)
Зачем делать интерфейс человечным
Обращали внимание, как теперь люди проводят время? Их лица чаще направлены на экраны смартфоны, чем друг на друга. Такая наша новая реальность: смартфоны, ноутбуки — новые друзья человека.
И хорошо, если ноутбуки и смартфоны — только друзья. Всё может стать гораздо серьёзнее.
Университеты Вюрцбурга и Ноттингем Трент доказали, что взаимодействие с цифровым миром давно перешло из плоскости решения насущных задач — в плоскость личностного общения. Они провели исследование для «Лаборатории Касперского» и обнаружили, что для трети пользователей (37,4%) их смартфоны более важны, чем их близкие друзья.
А ещё:
29,4% сказали, что смартфон ближе родителей;
21,2% — что смартфон так же или более важен, чем их партнёр;
16,7% отметили, что не представляют жизни без своего смартфона;
и вишенка на торте: 1,1% сказали, что смартфон — важнее всего остального в их жизни.
Можно по-разному относиться к этой статистике, но нам, дизайнерам, проектировщикам, UX-писателям, нужно принять это и создавать пользовательский опыт, похожий на человеческое общение.
![Кстати, смотрели фильм «Она»? Там главного героя очаровывает новая операционная система. Постепенно он настолько прикипает к ней, что влюбляется и не представляет жизни без этой системы. Кадр из фильма «Она»](https://ivan-demin.gitbook.io/~gitbook/image?url=https%3A%2F%2F248006.selcdn.ru%2Fmain%2Fupload%2Fsetka_images%2F07423125052021_475f0ed99249619a616887efac2a78d4c6a022f5.jpg&width=768&dpr=4&quality=100&sign=478a7f18&sv=1)
Мы всё больше полагаемся на сервисы, приложения. Но друзья они пока, скажем прямо, так себе. Все эти голосовые помощники, чат-боты, банковские и другие приложения — слишком топорные, неуклюжие. Говорят с нами голосом то высокомерного чиновника, то заносчивого программиста, а иногда вообще похожи на мошенников.
![](https://ivan-demin.gitbook.io/~gitbook/image?url=https%3A%2F%2F248006.selcdn.ru%2Fmain%2Fupload%2Fsetka_images%2F07430225052021_c55402b64e43a7be0be0b90a07d8c73d4e85a0c9.jpg&width=768&dpr=4&quality=100&sign=7522cf9c&sv=1)
Здесь на помощь приходит Conversational Design.
Что такое Conversational Design
Люди общаются всю свою жизнь, начиная с самого рождения. Неудивительно, что мы быстро ощущаем подвох, если приложение пытается сойти за приятеля, но недотягивает.
Представьте, что хотите сбить кого-то с толку во время разговора и начинаете случайным образом вставлять слово «Авторизация» в свои реплики. Собеседник не только растеряется, но и будет раздражён — всё это не имеет никакого смысла. Так зачем ему это всё выслушивать и тратить время?!
То же самое с приложением, которое «говорит» фразами не из жизни или вообще выдаёт всякий бред. Вы думаете: «Зачем я с этим вожусь и трачу время? Это бесполезно. Глупый сервис, он мне не поможет». Чтобы ваш сервис стал добрым приятелем для пользователей, не забывайте про принципы Conversational Design при проектировании.
Почему именно Conversational?
Conversation (c англ.) — разговор или словесный обмен сведениями, мнениями, беседа.
Разговор определяется в большинстве словарей как вербальный обмен информацией, но не будем исключать внутренние диалоги, которые люди ведут сами с собой.
— Не ешь пиццу! Уже ночь, ты потолстеешь.
— Но она так вкусно пахнет…
— Да, но ты пожалеешь об этом.
— Пфф, я всё равно съем!
На одном плече ангел, на другом — дьявол. Чем не диалог?
Задача Conversational Design — не только вести с пользователем естественную беседу в том формате, в котором тот привык общаться, но и встроиться в его внутренний диалог, ответить на вопросы в его голове — и в том виде, в котором они там звучат.
Получается, что Conversational Design — это подход к дизайну интерфейсов, при котором мы делаем взаимодействие пользователя с сервисом более похожим на человеческое общение. Пользователь привык к такому общению и считает его естественным.
Как гугловский Material Design базируется на тактильной реальности, вдохновляясь изучением бумаги и чернил, так Conversational Design вдохновлён человеческим общением и естественным языком.
Ниже — принципы, которые нужно держать в голове при проектировании человеческого взаимодействия с интерфейсом.
7 принципов Conversational Design
1. Облегчайте жизнь
![](https://ivan-demin.gitbook.io/~gitbook/image?url=https%3A%2F%2F248006.selcdn.ru%2Fmain%2Fupload%2Fsetka_images%2F07490425052021_142e88e377e1752c1a8ec0f66a7134641e3185c1.jpg&width=768&dpr=4&quality=100&sign=ce5e9b70&sv=1)
В основе любого разговора лежит сотрудничество. Часто люди беседуют, чтобы обсудить какую-то проблему и вынести полезное. Чтобы разговор был приятным для обеих сторон, каждый участник должен внести свой вклад.
Например, если кто-то спрашивает у вас дорогу, по негласному кодексу социальной вежливости желательно, чтобы вы предоставили полезную и актуальную информацию, а не обманывали ожидания других, рассказывая длинную историю, которая не имеет никакого отношения к их вопросу.
Когда пользователям приходится долго разбираться в сервисе, пробираться к своей цели сквозь недружелюбные ошибки и неочевидные фичи — они чувствуют, что система не на их стороне и всё усложняет. Хорошие сервисы не заставляют пользователей разбираться в своей начинке, они поддерживают и облегчают взаимодействие.
2. Понимайте контекст
![](https://ivan-demin.gitbook.io/~gitbook/image?url=https%3A%2F%2F248006.selcdn.ru%2Fmain%2Fupload%2Fsetka_images%2F07503325052021_3a8913af1a4e194309d7eeb08af645c57f18b47d.jpg&width=768&dpr=4&quality=100&sign=3c631d3b&sv=1)
Представьте, что вам только что позвонили с работы и сказали, что вы где-то жёстко накосячили. Вы загрустили — неприятно быть «немолодцом». Идёте с другом в кафе, чтобы забыться, поболтать, снять всё это напряжение по поводу работы.
Возможно, вы рассчитываете рассказать ему об этой неудаче и услышать сочувственные слова. Но он общается с вами поучительным и высокомерным тоном. Кстати, с сервисами именно так и бывает. В сторис и онбординге они такие дружелюбные, а как дело доходит до ошибки — вдруг «кричат» на вас.
Человеческая речь может похвастаться разной тональностью. В зависимости от контекста, в котором оказался пользователь, его можно подбодрить, развлечь, рассмешить или обучить. Понимать контекст и подбирать правильную тональность помогает карта эмоций, или Emotional Journey Map.
Ниже — пример такой карты.
3. Будьте проще
![](https://ivan-demin.gitbook.io/~gitbook/image?url=https%3A%2F%2F248006.selcdn.ru%2Fmain%2Fupload%2Fsetka_images%2F07513325052021_a05b0a246d94ca49cd63912b54f76d25cd17bc3c.jpg&width=768&dpr=4&quality=100&sign=3fd16d91&sv=1)
Это не значит, что нужно заговорить на языке деревенского паренька. Важно, чтобы пользователи смогли быстро понять смысл текста на экране. А для этого сервис должен говорить с ними на одном языке.
Проводите интервью с пользователями и слушайте, как они говорят. Обратите внимание на слова, которые они используют для описания того, что делают.
Используйте жаргонизмы или сленг, если вы уверены, что пользователи продукта точно поймут, что это значит. Так сервис станет не только очень понятным, но и более живым, настоящим.
4. Избегайте длинных объяснений, но постоянно подсказывайте
![](https://ivan-demin.gitbook.io/~gitbook/image?url=https%3A%2F%2F248006.selcdn.ru%2Fmain%2Fupload%2Fsetka_images%2F07523025052021_11c535a81148df46fd31a221d83fcc32d657cdb5.jpg&width=768&dpr=4&quality=100&sign=771b06c6&sv=1)
![](https://ivan-demin.gitbook.io/~gitbook/image?url=https%3A%2F%2F248006.selcdn.ru%2Fmain%2Fupload%2Fsetka_images%2F07531125052021_0055ab3809c172a044b874c71deb7a3b5ac47e56.jpg&width=768&dpr=4&quality=100&sign=6b9e1ff8&sv=1)
Для разговора более естественны короткие реплики, когда каждый по очереди слушает и реагирует на сказанное. Если сервис выдаёт сразу много информации, у пользователей может возникнуть ощущение одностороннего общения.
Вместо объясняющих абзацев-кирпичей делайте ссылки на пояснения или давайте больше информации в «выпадайке». И всегда старайтесь навести пользователя на какой-то вариант продолжения беседы, не оставляйте его один на один с проблемой.
5. Будьте честными
![](https://ivan-demin.gitbook.io/~gitbook/image?url=https%3A%2F%2F248006.selcdn.ru%2Fmain%2Fupload%2Fsetka_images%2F07541425052021_0183a8eb3d28a61335d1b32362fefa6eacfb6c89.jpg&width=768&dpr=4&quality=100&sign=82e4516f&sv=1)
Давайте только проверенную информацию, не старайтесь переключить внимание пользователей с проблемы, не используйте расплывчатые формулировки.
Например, нехорошо, когда пользователь впервые заходит в приложение, нажимает на первую кнопку «Начать работу» и ввязывается в долгую авторизацию. Теперь ему нужно создать учётную запись — пройти несколько этапов перед тем, как он снова станет свободным. О том, что процесс будет многоэтапным, лучше предупредить заранее.
Мораль: не обманывайте ожидания пользователей и не преуменьшайте проблему. Говорите как есть, но будьте готовы помочь.
6. Будьте вежливыми
![](https://ivan-demin.gitbook.io/~gitbook/image?url=https%3A%2F%2F248006.selcdn.ru%2Fmain%2Fupload%2Fsetka_images%2F07554525052021_0f30954966fa3616f494036fbb56e158cd32cc31.jpg&width=768&dpr=4&quality=100&sign=35f8c935&sv=1)
![](https://ivan-demin.gitbook.io/~gitbook/image?url=https%3A%2F%2F248006.selcdn.ru%2Fmain%2Fupload%2Fsetka_images%2F07561425052021_65b4a51f9238bb54752a4e540ba32171f5b09774.jpg&width=768&dpr=4&quality=100&sign=306280e8&sv=1)
Вежливость заключается не только в том, чтобы не грубить, важно ещё уважать время пользователей (оно всегда ограничено). Не заставляйте их делать то, что им не хочется в данный момент. Давайте возможность для манёвра.
7. Предотвращайте ошибки
Но если мы к ошибкам относимся снисходительно, с пониманием, то цифровые сервисы — нет. Они запрограммированы следовать инструкциям и не могут идти по непредсказуемому сценарию, поэтому обычно так ругаются на ошибки.
![](https://ivan-demin.gitbook.io/~gitbook/image?url=https%3A%2F%2F248006.selcdn.ru%2Fmain%2Fupload%2Fsetka_images%2F07571725052021_fccf437ca742fde4461c31e59718d0c5de9ffc82.jpg&width=768&dpr=4&quality=100&sign=c1713c9f&sv=1)
Если мы решили очеловечить продукт, то отношение к ошибкам в интерфейсе тоже нужно менять. Быть терпимее, а лучше — не ставить пользователя в неловкое положение и предотвращать оплошности.
![](https://ivan-demin.gitbook.io/~gitbook/image?url=https%3A%2F%2F248006.selcdn.ru%2Fmain%2Fupload%2Fsetka_images%2F07575125052021_395ac55f9d2bdf7b2eaa249aca1918774fc91ed3.jpg&width=768&dpr=4&quality=100&sign=3f35a1b5&sv=1)
Conversational Design сегодня — не просто одно из направлений в дизайне интерфейсов, это настоящий тренд. Сервисы один за другим делают свой голос более человечным — потому что людям это нравится. А это самое главное.
Last updated