Основы сторителлинга в UX
Практические советы, которые можно использовать прямо сейчас
Tilda Publishing публикует перевод текста Билла Уидмера — эксперта по контент-маркетингу и пишущего фрилансера — об основах сторителлинга для создания успешного пользовательского опыта.
Почему сторителлинг важен для UX?
На это есть несколько причин. Число посетителей, дочитавших до конца блог компании Groove HQ, увеличилось на 300% благодаря решению компании сделать ставку на интересные истории.
Если вам этого мало, продолжаю:
- Истории вносят ясность, и их легче запомнить. Люди усваивают истории в 22 раза лучше, чем голые факты.
- Истории помогают сформировать особую связь с читателями. Люди не логичны, зачастую нами управляют эмоции.
- Истории развлекают. Как правило, у вас есть 10−20 секунд, чтобы увлечь пользователя. В противном случае он уйдет навсегда. Чем больше времени пользователь проводит на вашем сайте, тем больше вероятность, что он останется на нем еще дольше (это видно на графике ниже). Занимательная история может задержать их на странице в решающий момент.
- Истории захватывают воображение. Сейчас, когда способность сконцентрироваться у человека меньше, чем у золотой рыбки, истории — это способ захватить воображение и обратить на себя внимание.
- Истории побуждают к действию. Читали ли вы когда-нибудь книгу, смотрели видео или слушали речь, которые вдохновили вас на поступок? Вспомните, как слова и эмоции пробирали вас до костей и мурашки бежали по коже. Это и есть истинная сила сторителлинга.
Побуждение к действию – самая мощная сторона повествования.
Позвольте рассказать вам историю
Недавно я закончил читать книгу Тони Роббинса Money: Master the Game («Деньги: Как заработать»). Тони повествовал о людях, потерявших все пенсионные накопления. После 40 лет труда они не могли выйти на пенсию. Эти истории простых людей, которые все-таки смогли уйти на заслуженный отдых и жить на скромные деньги, побудили меня открыть инвестиционный счет и начать копить на «пенсию» (не уверен, что когда-либо выйду на пенсию, но если решусь, у меня будет, на что жить).
Истории являются мостиком между аудиторией и брендом,
они позволяют изменить жизнь ваших пользователей.
они позволяют изменить жизнь ваших пользователей.
Основы повествования в UX
Практические шаги, которые должны быть в каждой истории, чтобы вы достигли своей цели.
1
Актуальность. Контент (от дизайна до текстов) должен увлечь посетителей сайта. Если он не актуален для их жизни сейчас, они быстро закроют вашу страничку.
2
Структура. История должна иметь структуру: начало, середину и конец. Например, это может быть вводная часть, образовательное видео и призыв к действию.
3
Разумность. Знайте, зачем вы рассказываете вашу историю. Что именно читатели должны усвоить из нее? Стоит ли ваша идея того, чтобы на нее потратили время?
4
Краткость и простота. Задайтесь вопросом: вы убрали все лишнее? Если даже очень хорошее предложение, изображение или страничка не добавляют полезности общей идее, удалите их.
5
Аутентичность. Спросите себя: рассказана ли моя история от чистого сердца? Если вы скрываетесь за стеной повествования и ваши слова не находят отклика у вас самих и вашего бренда, потенциальные клиенты сразу вас раскусят.
Как использовать сторителлинг в
интерфейсе вашего сайта
Теория — это прекрасно, но мы деловые люди. Нам нужно знать, что работает и как применить это на практике.
Существует, по меньшей мере, миллион способов рассказать историю.
Вспомните последний раз, когда вы смотрели классное видео или кино. Вспомните цвета, слова, звуки, музыку, лица, людей и еще миллион других элементов, которые повлияли на ваше восприятие материала. Вы можете достичь такого же эффекта в UX.
Вспомните последний раз, когда вы смотрели классное видео или кино. Вспомните цвета, слова, звуки, музыку, лица, людей и еще миллион других элементов, которые повлияли на ваше восприятие материала. Вы можете достичь такого же эффекта в UX.
Некоторые аспекты пользовательского интерфейса включают:
1
Язык, включая слова и структуру предложений.
Гораздо проще рассказать живую и интересную историю в словах. Конечно, можно использовать только картинки, но это сложнее. К счастью, пользовательский интерфейс — это больше, чем просто изображения.
Хотите выделиться с помощью нецензурной лексики? Или выберете более спокойный и ровный стиль? Воспользуетесь словами типа «элегантный» и «классический» или «элитный» и «требовательный»?
Будут предложения короткими, в разговорном стиле или вы будете публиковать длинные научные статьи с данными для узкой аудитории лиц, способных понять сложные конструкции и термины (ну вы поняли, о чем тут речь)?
Если вы хорошо знаете историю и характер вашего бренда, вам не составит труда рассказать ее.
Хотите выделиться с помощью нецензурной лексики? Или выберете более спокойный и ровный стиль? Воспользуетесь словами типа «элегантный» и «классический» или «элитный» и «требовательный»?
Будут предложения короткими, в разговорном стиле или вы будете публиковать длинные научные статьи с данными для узкой аудитории лиц, способных понять сложные конструкции и термины (ну вы поняли, о чем тут речь)?
Если вы хорошо знаете историю и характер вашего бренда, вам не составит труда рассказать ее.
2
Темп речи и скорость повествования.
Решите, будете ли вы часто менять темы и наполните повествование множеством событий? Или ваш стиль будет более расслабленным, и читатель сможет расслабиться и насладиться чтением?
3
Голос и тональность: формализм или открытость.
Какое общее впечатление должен производить пользовательский интерфейс вашего сайта? Нечто формальное, дружелюбное или смесь этих стилей? Результат будет зависеть от типа отношений между брендом и клиентом, которые вы хотите создать. Используйте выбранную интонацию везде, где клиент соприкасается с вашим брендом.
4
Геймификация.
Геймификация — это использование элементов игры на вашем сайте. Индикатор прогресса, программы вознаграждения, реальные игры — все это примеры геймификации.
Геймификация приносит результат, потому что она вовлекает посетителей так, как это не может делать статичный дизайн. Для этого нужен цикл: триггер — текущая работа — награда.
Геймификация приносит результат, потому что она вовлекает посетителей так, как это не может делать статичный дизайн. Для этого нужен цикл: триггер — текущая работа — награда.
Например, использование элементов игры компанией Dropbox — отчасти ключ к огромному успеху сервиса среди пользователей. Компания давала пользователям задания: установи программу, поделись папкой, пригласи друзей. Они даже использовали слово «квест».
Триггером было всплывающее окно, текущей работой — выполнение небольших, легких заданий и наградой — увеличенный объем хранения файлов.
Триггером было всплывающее окно, текущей работой — выполнение небольших, легких заданий и наградой — увеличенный объем хранения файлов.
Элементы интерактивного дизайна
Один из лучших и самых смелых способов рассказать вашу историю — использовать интерактивные элементы в дизайне.
Среди любимых примеров — сайт австралийского дизайн-агентства Humaan. Обратите внимание, что на страничке «О компании» есть два классных элемента:
1
При наведении курсора мышки над фотографией сотрудника вы видите рассказ о нем, а также ссылки на профиль в социальных сетях.
2
В нижней части страницы можно посмотреть статистические данные, которые рассказывают историю бренда.
Приглашая пользователей заглянуть за кулисы вашей компании, вы создаете для них персонализированный опыт. Им интересно, кто стоит за брендом.
Storytelling в UX — нелегкий труд. Если было бы по-другому,
все бы этим занимались.
все бы этим занимались.
Выводы
Чем быстрее вы привлечете внимание пользователя, тем дольше он останется на вашей страничке и тем больше будет взаимодействовать с вашим контентом. Чем больше взаимодействие с контентом, тем выше вероятность совершения покупки.
Хорошая история влечет за собой более высокую прибыль.
Помните, что герой вашего романа — пользователь. Каждая картинка, каждое слово, каждый элемент дизайна должны быть опубликованы, написаны и созданы именно для него. Поэтому придумывайте историю бренда, пользуйтесь тактиками, речь о которых шла раньше, и сверяйте конечный продукт с основами сторителлинга, чтобы на выходе получить самый лучший пользовательский интерфейс.
Удачи вам, не скучайте!
Удачи вам, не скучайте!
Оригинал статьи: www.usertesting.com/blog/2016/10/26/storytelling-in-ux
Текст: Билл Уидмер
Перевод, дизайн и верстка: Светлана Граудт
Иллюстрации: Юлия Засс
Текст: Билл Уидмер
Перевод, дизайн и верстка: Светлана Граудт
Иллюстрации: Юлия Засс
Если материал вам понравился, расскажите о нем друзьям. Спасибо!
Читайте также:
