Единицы
1. Введение в искусственный интеллект в UI/UX-дизайне: роли, границы, аутентификация и пользовательские данные 2. Синтез исследований пользователей: извлечение информации из данных интервью и опросов 3. Создание персоны и карты путешествия пользователя 4. Информационная архитектура и проектирование пользовательских потоков 5. Создание каркасного дизайна и дизайна с низким разрешением 6. Текст интерфейса и написание UX: написание микротекстов с помощью искусственного интеллекта 7. Искусственный интеллект в прототипировании и дизайне высокого разрешения 8. Анализ юзабилити-тестирования и синтез результатов 9. Система проектирования: искусственный интеллект в компонентах, токенах и документации 10. Искусственный интеллект в доступности и инклюзивном дизайне 11. Экосистема инструментов этики, конфиденциальности, авторского права и искусственного интеллекта
Единица 6 / 11

Текст интерфейса и написание UX: написание микротекстов с помощью искусственного интеллекта

Прибыль:

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

Каждое слово в интерфейсе — дизайнерское решение. UX-написание — это задача написания микротекстов, таких как надписи на кнопках, сообщения об ошибках, пустые тексты статуса, экраны и уведомления, точно и в соответствии с фирменным стилем, не утомляя пользователя. Эти тексты считаются неважными, поскольку они короткие; тогда как разница между «Сохранить» или «Сохранить изменения», «Что-то пошло не так» или «Отсутствует номер карты» — это разница между выполнением пользователем задачи и отказом от нее. ИИ чрезвычайно эффективен в создании вариантов микротекста; но вы сохраняете контроль над тоном, точностью и полнотой.

Не обошлось и без фирменного голосового и тонального руководства.

По умолчанию ИИ пишет на «среднем, нейтральном» языке. Однако у каждого продукта есть голос — непреходящая индивидуальность — и тон, который меняется в зависимости от ситуации. Банковское приложение может быть обнадеживающим и спокойным, игровое — энергичным и дружелюбным. Если вы не передадите это руководство искусственному интеллекту, он будет выдавать тексты, чуждые вашему бренду.

Практический метод: дайте модели короткую «карту голоса и тона» — 3–4 прилагательных («ясный, теплый, сдержанный»), что можно/нельзя («не использовать смайлы», «не вините пользователя») и 1–2 примера. Эта карточка является общей основой для всех ваших микротекстовых произведений.

Совет: Напишите свою голосовую и тональную карту один раз и вставьте ее в каждую подсказку. С помощью этой карточки лучше всего поддерживать последовательность, если много людей пишут об одном и том же продукте.

Формула хорошего сообщения об ошибке: что произошло + почему + следующий шаг

Самым критичным из микротекстов является сообщение об ошибке, потому что пользователь уже разгневан. Вывод ИИ по умолчанию часто бесполезен: «Что-то пошло не так, попробуйте еще раз». В этом сообщении не говорится, что произошло, причина или решение.

Хорошее сообщение об ошибке состоит из трех частей:

  1. Что произошло: Изложено понятным, нетехническим языком («Платеж не может быть завершен»).
  2. Причина (если известна): («Номер карты отсутствует»).
  3. Следующий шаг: Конкретное действие для пользователя («Проверьте номер и повторите попытку»).

И один запрет: не вините пользователя («Кажется, номер отсутствует» вместо «Вы ввели его неправильно»). Улучшите эскиз AI с помощью этой формулы.

Генерируйте варианты, выбирайте по критериям

Величайшая сила искусственного интеллекта в написании UX заключается в том, что он создает 5-10 вариантов одного и того же микротекста за секунды. Но эта власть бесполезна без критериев. Устраните вариации по трем критериям:

  • Ясность: понимает ли пользователь информацию за одно прочтение?
  • Тон: Соответствует ли это стилю бренда?
  • Длина: помещается ли на пуговице/области и не утомляет глаза?

Тип микротекста

плохой пример

сильный пример

кнопка

"отправить"

«Подтвердить встречу»

Ошибка

«Неверная транзакция»

«Похоже, номер карты отсутствует. Проверьте и повторите попытку».

пустой статус

«Список пуст»

«У вас пока нет избранных. Сохраните понравившиеся товары с помощью значка сердечка».

Одобрение

«Ты уверен?»

«Должны ли мы отменить этот приказ? Это действие необратимо».

три мини-кейса

Случай 1. Четкость кнопок повышает конверсию. Одна команда расширила кнопку «Отправить» до 8 вариантов с помощью ИИ и выбрала «Подтвердить встречу». В ходе A/B-тестирования (эксперимент по сравнению двух версий) уровень одобрения заметно увеличился; потому что пользователь видел, что произойдет на кнопке.

Случай 2 — Компромиссное сообщение исправлено. Искусственный интеллект предположил: «Вы ввели неверный адрес электронной почты». UX-писатель изменил это на «Адрес электронной почты отсутствует или неверен». Небольшое языковое изменение снизило процент отказов от форм. Урок: обвинение пользователя портит впечатление.

Случай 3 — Обнаружена юридическая ошибка. «Бесплатная отмена в любое время», — написал ИИ на экране подписки. Однако политика отмены продукта была другой; это предложение вводило в заблуждение и несло юридический риск. Команда сопоставила текст с фактической политикой. Урок: микротекст также проверяется на юридическую корректность.

Вакансии и адаптация: как заставить тихие моменты говорить

Первый экран, который видит пользователь, часто представляет собой пустое состояние: еще нет сообщений, еще нет заказов, еще нет избранного. Неопытные дизайнеры игнорируют этот экран как «Список пуст»; тогда как состояние простоя — один из самых ценных моментов, которые учат пользователя, что делать. Хороший пустой текст статуса делает три вещи: объясняет статус, объясняет, почему он пуст, и предлагает пользователю совершить первое действие («У вас пока нет избранных. Сохраните понравившиеся товары с помощью значка сердечка»). Вводные тексты решают аналогичную задачу: они направляют пользователя, обучая его чему-то одному, не перегружая его. Искусственный интеллект быстро создает варианты этих текстов; ваша задача — сделать их краткими, привлекательными и ориентированными на действия, избегая длинных объяснений. Пустой статус — это не ошибка, это возможность.

Совет: каждое пустое состояние заполнено вопросом «что делать пользователю, когда он заходит сюда впервые?» Напишите с вопросом. Состояние простоя — это скрытый момент адаптации.

Копируемые подсказки

Звуковая и тональная карта: прилагательные = <<ясный, теплый, простой>>; не = <<эмодзи, порицание, жаргон>>; пример предложения = <<...>>.Задание: Предложить текст кнопки для «<<экран/действие>>». Дайте 6 вариантов, напишите рядом с каждым одним предложением, почему он имеет такой тон. Не более <<X>> символов.

Запишите эту ошибку по формуле «что произошло + почему + следующий шаг»: Статус: <<ошибка>>. Не вините пользователя; Не используйте технический жаргон. Дайте 3 варианта и отметьте самый короткий и понятный. Голосовая и тональная карта: <<...>>

Проверьте эти микротексты на наличие инклюзивного языка: есть ли гендерные предположения, язык, исключающий людей с ограниченными возможностями, культурные предположения или ненужные усложняющие формулировки? Список проблем и исправлений. Текст: <<list>>

Проверьте этот текст интерфейса на юридическую/фактическую правильность: соответствуют ли утверждения типа «бесплатно», «всегда», «гарантировано», «отменяемо» фактической политике продукта («<<policy>>»)? Отметьте те, которые этого не делают, и предложите безопасную альтернативу. Текст: <<...>>

Слабая подсказка / Сильная подсказка

Слабое: «Написать сообщение об ошибке».

Результат: общий, неразрешенный, бесцветный текст типа «Что-то пошло не так».

Сильный: «С помощью этой тональной карточки напишите три варианта формулы «что произошло + почему + следующий шаг» для «неудачный платеж»; не вините пользователя; отметьте самый ясный вариант».

Результат: доступные для выбора варианты, которые демонстрируют решения и соответствуют стилю бренда.

Отличие: сильная подсказка дает карточку голосового тона + формулу + запрет на обвинение + вариацию.

Распространенные ошибки

  • Печать без голосовой подсказки. Индивидуальность бренда исчезает, тексты становятся универсальными.
  • Язык обвинительной ошибки. «Вы ввели неправильно» заставляет пользователя защищаться.
  • Неспособность проверить законные претензии. Такие фразы, как «бесплатная отмена», могут противоречить действующей политике.
  • Отказ от инклюзивности. Тексты, содержащие предположения о поле, культуре или компетентности, исключают пользователя.
  • Игнорирование длины. Красивый текст, который не помещается на кнопке, бесполезен.

В итоге

UX-написание — это короткие, но важные дизайнерские решения. ИИ быстро создает несколько вариантов одного и того же микротекста; Настоящая ценность заключается в проверке их на ясность, тон и длину, уточнении сообщений об ошибках по формуле «что произошло + почему + следующий шаг», избегании обвинений пользователя и проверке текста на полноту и юридическую правильность. Сохраняйте последовательность, добавляя карточку голосового тона к каждому приглашению; Вы принимаете окончательное решение на основе продукта и пользователя.

Задача приложения

  1. Напишите карту тона вашего продукта, включающую 4 прилагательных и 3 «нельзя».
  2. Создайте 6 вариантов кнопки с первой подсказкой и выберите лучший по критериям.
  3. В случае ошибки введите сообщение «что произошло + почему + следующий шаг» во втором запросе.
  4. Проверьте все тексты, которые вы создаете, на полноту с помощью третьей подсказки.
  5. Проверьте текст, содержащий претензию (бесплатную, гарантированную), на юридическую точность с помощью четвертого запроса.

контрольный список

  • [ ] Я добавил карточку голосового сигнала к каждой подсказке.
  • [ ] Я исключил различия по ясности, тону и длине.
  • [ ] Я написал сообщения об ошибках со словами «что произошло + почему + следующий шаг».
  • [ ] Я не оставил ни одного текста с обвинениями в адрес пользователя.
  • [ ] Я провел комплексную языковую проверку.
  • [ ] Я сопоставил настойчивые тексты с реальной политикой.