Как сделать UX-текст лучше, если вы не редактор 📑

Ирина Сильянова написала обширную статью с рекомендациями для дизайнеров, продактов, маркетологов и других НЕспециалистов по улучшению текста интерфейса. Некоторые из них:

🔹 Заголовки, описания и подсказки — это реплики вашего продукта. А кнопки действий, поля ввода и другие элементы, которые можно выбрать и нажать, это реплики пользователя.

🔹 Чтобы выстроить доверие и лояльность, будьте предельно прозрачными и ясными для пользователей.

🔹 Не используйте текст интерфейса для объяснения того, как работает интерфейс. Если вам приходится это делать, то чините UI, а не пытайтесь выстроить костыли из текста.

🔹 «Правило одного»: один элемент текста интерфейса = одна идея.

🔹 Используйте конкретные пояснения и примеры. Давайте человеку только нужную в конкретном участке информацию для совершения действия или принятия решений.

Статья мясистая (на 22 минуты чтения), в ней много примеров, которые помогут применить рекомендации на практике. Хорошо получилось 🔵

Чем отличается Tone от Voice и как это использовать в UX-текстах 🎨

Продуктовый дизайнер Ник Бабич поделился ключевыми характеристиками и дал советы по использованию в интерфейсных текстах.

🔹 Голос проявляет индивидуальность бренда, которая выражается в текстах. Он постоянен, индивидуален и узнаваем: люди узнают бренд и его характер в любом канале коммуникации.

🔹 Тон — интонация голоса бренда. Он зависит от контекста, адаптивен и вызывает эмоциональный резонанс у человека. Например, приветственные сообщения отличаются от сообщений об ошибках, хотя оба проявляют голос бренда. Два примера.

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

🔹 Google обладает простым и понятным голосом, который становится более информативным в инструкциях и более эмпатичным для поддержки пользователей 🔵

Информационная архитектура как искусство и 4 основных компонента проектирования информационной архитектуры 💎

Ник Бабич рассказывает об основных составляющих при создании информационной архитектуры.

🔹 Информационная архитектура — это искусство представления информации в продукте для удобного использования. В каждой точке касания клиента нужно давать выверенный объём информации.

🔹 1. Организация контента позволяет создать чёткую, гибкую и логичную иерархию информации так, как о ней думают пользователи, а не так, как проще с технической точки зрения. Грамотное проектирование создаёт задел для роста контентных единиц и рубрик в будущем.

🔹 2. Навигация. Хорошая навигация сохраняет информацию актуальной для человека, потому что её можно просто найти. Важно учесть органичный путь клиента, делать навигацию простой и сообщать текущее положение в иерархии простым языком.

🔹 3. Поиск. Сосредоточьтесь на том, чтобы первые 3 результата поиска были максимально релевантными. Помогайте человеку с помощью фильтров и автоисправления, чтобы свести экраны с ошибками к минимуму.

🔹 4. Маркировка контента. Используйте краткие и однозначно понимаемые метки для обозначения элементов в мире пользователя. Важно сохранять их одинаковыми по всему продукту и тестировать с пользователями 🔵

Speak Human. – сервис генерации UX-текстов для любых целей 🎯

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

Работает на английском, варианты из разряда Safe Choice — ничего сверх, но достаточно добротно, особенно для нередакторов 🔵

https://www.speakhuman.today/

Информационная архитектура помогает усилить бренд и решать бизнес-задачи 🏗️

В блоге UXPlanet рассказали на примерах IKEA и Netflix.

🔹 IKEA использует на сайте фильтр по комнатам, который помогает пользователям быстрее находить нужные товары и легче понимать, как мебель встроится в их интерьеры.

🔹 С другой стороны, это укрепляет бренд IKEA как компании, которая заботится об эстетике и функциональности жилья своих клиентов.

🔹 Для бизнеса это дает возможность усилить перекрестные продажи релевантных продуктов на основе «комнатного» фильтра или конкретного товара. Например, для прикроватной тумбы логично предложить ночник или будильник.

🔹 Netflix тоже разбил контент по группам в мире пользователя, например, «Обладатели престижных премий» или «Фильмы для семейного просмотра». Благодаря последнему не нужно сортировать фильмы по возрастному цензу и сразу перейти к контенту, который подойдет для просмотра с детьми.

🔹 Продуманная информационная архитектура улучшает и опыт пользователей, и продуктовые метрики, ведь людям проще найти интересный контент, а значит они больше его посмотрят и с большей вероятностью продолжат пользоваться сервисом. И принесут еще больше данных (а значит и денег) и денег за подписку.

🔹 Важно не только то, как вы что-то сделали, но и то, как упаковали и по каким группам разбили.

Я помню по опыту в «Амплифере», как мы думали, где размещать новые фичи в продукте, и как и где правильно о них рассказать. Все это давало хороший накопительный перекрестный эффект.

Да и по личному опыту замечаю, как отдаю предпочтение продуктам с простой информационной архитектурой, а не нагромождениям подстраниц в страницах подкатегорий категорий 🔵

Ментальные модели — это то, как думает о вашем продукте пользователь. И вот почему это важно для UX-редакторов, дизайнеров и исследователей 🧠
 
В UX и управлении продуктом есть важное понятие ментальный модели. Формально это внутренние представления человека о любой системе, сайте или продукте, которые у него формируются ещё до непосредственного использования.
 
Вас наверняка тоже задолбала формулировка «интуитивно понятный интерфейс», но в ней кроется как раз то самое соответствие между тем, как продукт выглядит и работает и тем, что о нём думает пользователь. Когда интерфейс интуитивно понятен, это значит, что оно шуршит и работает так или почти так же, как человек думает, как оно должно работать.
 
Такие же пироги получаются, если разложить интерфейс и опыт на составляющие: кнопки, визуальные элементы, текст. Почему мы отмечаем некоторые продукты среди прочих? Во многом потому, что то, как там написано соответствует нашим представлениям о том, как должно. Все эти хорошо попадающие под контекст фразы и формулировки, внешний вид конкретных элементов и всего интерфейса.
 
Помните, как на заре iPhone использовался скевоморфизм? В каком-то смысле это был безопасный способ адаптировать людей к приложениям, у которых есть физический первоисточник. Поэтому «цифровой калькулятор» выглядел как настоящий, компас как компас, заметки как заметки, календарь как календарь, книги в iBooks перелистываются как настоящие. 
 
Так что думать о ментальных моделях очень важно на всех этапах и уровнях создания и исследования клиентского опыта. Подробнее почитать о них можно на сайте NN/g 🔵