Вчера в 21:30 (!) мы защитили свой социальный спецпроект, сегодня у нас уже пары, так что ритм нашего института определенно захватывающий 🐑
Очень хотим завершить тему ux-райтинга, так что сегодня мы поговорим подробнее, как ux-райтер интегрируется в команду, как считает свою работу успешной и какие инструменты использует, а завтра выйдет большой выпуск новостей из мира дизайна и маркетинга, нам многое нужно будет обсудить🙂 поехали!
📝 UX writing — процесс, инструменты и интеграция в продуктовую команду
UX writing — это самостоятельная профессия, отвечающая за удобный и понятный текст в интерфейсе
Крупные компании осознали, что работать с текстом должен отдельный специалист, а не копирайтер или разработчик. Цель UX-райтера — сделать взаимодействие с продуктом максимально простым и незаметным для пользователя
👀 Кто такой UX-райтер?
UX writing находится на стыке копирайтинга, дизайна и психологии. Это короткие тексты интерфейса (микрокопи): кнопки, ошибки, подсказки. Работа UX-райтера — не украшение, а создание смысловой архитектуры продукта. Райтер участвует во всех этапах: проектирование, дизайн, тестирование, внедрение — и всегда работает в команде
👀 А чем он отличается от копирайтера?
Копирайтер пишет для привлечения и продажи, UX-райтер — чтобы помочь пользователю решить задачу и сделать продукт понятнее. Тексты UX-райтера всегда привязаны к интерфейсу и создаются в тесной команде с дизайнерами, продуктом и разработчиками, а результат оценивается данными и тестами
💻 Как происходит процесс работы?
( 1 ) Исследование: анализ контекста и языка пользователя
( 2 ) Проектирование: определение точек для текста и тону коммуникации
( 3 ) Написание и тесты: создание и проверка вариантов прямо в макетах, тестирование на пользователях
( 4 ) Документирование: ведение глоссариев, паттернов, гайдов
UX-райтер должен уметь работать с Figma, CJM, User Story Map, таблицами для тестов, Confluence или Wiki для хранения документации
🤯 Работает он одновременно с дизайнером (текст+дизайн), продактом (под задачи бизнеса), маркетингом (голос бренда), разработчиком (реализация текста) и аналитиком (метрики)
Метрики успеха:
Completion rate, Error rate, Time to complete, NPS, CES, Support tickets, Bounce rate
Как тестировать тексты:
A/B-тесты, user testing, интервью, «новичковый тест», быстрые проверки (5 секунд, Tone mirror)
UX-райтер — важнейшая роль для любого цифрового продукта: он повышает метрики, уменьшает хаос в текстах, становится связующим звеном между отделами. Даже небольшая команда выигрывает, если переходит на системный подход к микрокопи
Прочитать полную статью с картинками уже можно на dsgners!🤟🏼
Очень хотим завершить тему ux-райтинга, так что сегодня мы поговорим подробнее, как ux-райтер интегрируется в команду, как считает свою работу успешной и какие инструменты использует, а завтра выйдет большой выпуск новостей из мира дизайна и маркетинга, нам многое нужно будет обсудить
UX writing — это самостоятельная профессия, отвечающая за удобный и понятный текст в интерфейсе
Крупные компании осознали, что работать с текстом должен отдельный специалист, а не копирайтер или разработчик. Цель UX-райтера — сделать взаимодействие с продуктом максимально простым и незаметным для пользователя
UX writing находится на стыке копирайтинга, дизайна и психологии. Это короткие тексты интерфейса (микрокопи): кнопки, ошибки, подсказки. Работа UX-райтера — не украшение, а создание смысловой архитектуры продукта. Райтер участвует во всех этапах: проектирование, дизайн, тестирование, внедрение — и всегда работает в команде
Копирайтер пишет для привлечения и продажи, UX-райтер — чтобы помочь пользователю решить задачу и сделать продукт понятнее. Тексты UX-райтера всегда привязаны к интерфейсу и создаются в тесной команде с дизайнерами, продуктом и разработчиками, а результат оценивается данными и тестами
( 1 ) Исследование: анализ контекста и языка пользователя
( 2 ) Проектирование: определение точек для текста и тону коммуникации
( 3 ) Написание и тесты: создание и проверка вариантов прямо в макетах, тестирование на пользователях
( 4 ) Документирование: ведение глоссариев, паттернов, гайдов
UX-райтер должен уметь работать с Figma, CJM, User Story Map, таблицами для тестов, Confluence или Wiki для хранения документации
Метрики успеха:
Completion rate, Error rate, Time to complete, NPS, CES, Support tickets, Bounce rate
Как тестировать тексты:
A/B-тесты, user testing, интервью, «новичковый тест», быстрые проверки (5 секунд, Tone mirror)
UX-райтер — важнейшая роль для любого цифрового продукта: он повышает метрики, уменьшает хаос в текстах, становится связующим звеном между отделами. Даже небольшая команда выигрывает, если переходит на системный подход к микрокопи
Прочитать полную статью с картинками уже можно на dsgners!🤟🏼
Please open Telegram to view this post
VIEW IN TELEGRAM
🤓11 5 3
Коллеги, новая рабочая неделя – новая миссия!
Продолжаем подсказывать, на что обращать внимание в повседневной жизни, чтобы постепенно менять мышление от обычного дизайнера → к продуктовому 🤟🏼
На этой неделе мы ищем, что человек чувствует,
когда заканчивает действие?👀
Мы часто проектируем начало сценария: вход, навигацию, первый контакт. Но финал — место, где человек остаётся один на один с результатом. Именно здесь формируется послевкусие опыта: доволен ли он, понятен ли итог, хочет ли вернуться
🤓 Подумай:
— Где человек замедляется или останавливается после действия?
— Проверяет ли результат повторно?
— Сохраняет ли данные, делает ли фото, скриншот, заметку?
Наблюдение за завершением помогает увидеть продукт «с конца». Финал — это часть интерфейса, где человек решает, вернётся ли он. Дизайн, текст и микроанимации должны не просто закрывать сценарий, а оставлять чувство спокойствия и завершённости 🙌🏼
Как началась неделя, коллеги?)
💅 — пока на расслабоне, на чилле
💻 — не знаю, кто на расслабоне, у меня рабочий понедельник
❤️ — спокойный, продуктивный
Продолжаем подсказывать, на что обращать внимание в повседневной жизни, чтобы постепенно менять мышление от обычного дизайнера → к продуктовому 🤟🏼
На этой неделе мы ищем, что человек чувствует,
когда заканчивает действие?
Мы часто проектируем начало сценария: вход, навигацию, первый контакт. Но финал — место, где человек остаётся один на один с результатом. Именно здесь формируется послевкусие опыта: доволен ли он, понятен ли итог, хочет ли вернуться
— Где человек замедляется или останавливается после действия?
— Проверяет ли результат повторно?
— Сохраняет ли данные, делает ли фото, скриншот, заметку?
Наблюдение за завершением помогает увидеть продукт «с конца». Финал — это часть интерфейса, где человек решает, вернётся ли он. Дизайн, текст и микроанимации должны не просто закрывать сценарий, а оставлять чувство спокойствия и завершённости 🙌🏼
Как началась неделя, коллеги?)
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7💅4 4
Мы не говорили про новости 1,5 месяца, но в мире дизайна и маркетинга появилось много интересных, однозначных и нет, кейсов, так что наверстываем упущенное и читаем новый выпуск новостей на dsgners!🤟🏼
Лера убеждала меня, что новости за 1,5 месяца — это уже старые новости, но! во-первых, мне самой очень хотелось все прочитать и наверстать упущенное за сессию, а во-вторых, неужели не интересно взглянуть на развитие дизайна и маркетинга в разрезе целых 1,5 месяцев??
ps: я писала этот выпуск 4 дня...
Лера убеждала меня, что новости за 1,5 месяца — это уже старые новости, но! во-первых, мне самой очень хотелось все прочитать и наверстать упущенное за сессию, а во-вторых, неужели не интересно взглянуть на развитие дизайна и маркетинга в разрезе целых 1,5 месяцев??
ps: я писала этот выпуск 4 дня...
🤓8❤5 2
Человек устанавливает приложение, чтобы решить задачу. Но видит пустой экран, непонятную ошибку и кнопку «OK». Он закрывает приложение. Проблема не в дизайне — в текстах. В микрокопи
Микрокопи — это инструмент, который либо направляет пользователя, либо запутывает его. Исследование HubSpot показало: CTA с глаголом результата повышают конверсию на 13–21%. Google рассказал, что замена одной фразы увеличила клики на 17%
Пустые состояния: когда экран пуст, пользователь паникует
👀 Пустой экран
👍🏼 «Списков пока нет. Создайте первый список»
Ошибки: объяснять, не пугать
👀 «Ошибка. Попробуйте позже»
👍🏼 «Не удалось оплатить — банк отклонил запрос. Попробуйте другую карту»
Успех: закрепить момент
👀 «Готово»
👍🏼 «Заказ №4567 уже готовится. Отследить доставку?»
( 1 ) Ясность: одно действие — одно слово во всём продукте
( 2 ) Контекст: текст отвечает на вопрос «Что произойдёт?»
( 3 ) Без жаргона: понятно любому пользователю
( 4 ) Не драматизировать: спокойный тон успокаивает
( 5 ) Объяснять причину: люди боятся действий без понимания
( 6 ) Краткость без потери смысла: каждое слово работает
( 7 ) Важное вперёд: пользователи сканируют текст
( 8 ) Позитивное мышление: говорим о том, что получит пользователь
Ozon: принцип «две единицы смысла» — заголовок и подзаголовок читаются отдельно
Яндекс: локализует не только язык, но и мировоззрение. Учитывает длину текста на этапе дизайна
ВкусВилл: геймификация через язык. «Купите 30 разных товаров — получите скидку 10%»
Сбербанк: человечный язык в сложной сфере. Не «осуществить платёж», а «отправить деньги»
Микрокопи — стратегический инструмент, который влияет на конверсию, удержание и обращения в поддержку. Если люди путаются в интерфейсе — начните именно с текстов. Это не деталь. Это стратегия
Прочитать полную статью с картинками уже можно на dsgners!🤟🏼
Please open Telegram to view this post
VIEW IN TELEGRAM
Нет, микрокопи — это не мелочь. Микрокопи — это инструмент, который либо направляет пользователя, либо запутывает его
Ошибки, успех, CTA, подсказки, разрешения — везде важно, чтобы текст отвечал на вопрос «Что произойдёт?» и успокаивал
Сохраняйте карточки — пригодятся при проектировании 🙌🏼
// и прочитайте, если не читали, что такое микрокопи и кто такой ux-райтер
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🤓11 6 4
Рилсы, которые вдохновляли нашу команду на этой неделе 🙌🏼
А как прошла ваша неделька?)
💔 — капец уже неделя прошла, куда мир летит, я не успеваю...
🌚 — чувствую магнитные бури и полнолуние
💅 — с делами покончено, теперь время отдыха *не завидуем*
А как прошла ваша неделька?)
💔 — капец уже неделя прошла, куда мир летит, я не успеваю...
🌚 — чувствую магнитные бури и полнолуние
💅 — с делами покончено, теперь время отдыха *не завидуем*
💔7🌚4💅1
Забежала сегодня на конференцию по коммуникационному дизайну, в ITHub, успела послушать не все лекции, немного жалею, но! даже небольшие походы на лекции очень сильно расширяют мировоззрение в профессии. Я послушала артдиров о том, как они проходят путь от брифа до итога, через какие этапы, и взяла себе идею умного мудборда!!
« Умный мудборд — это где все идеи и референсы выстроены по градиенту от простого к сложному, от минимализма к экспрессии, от натуральности к технологичности. Референсы подчинены логике, которую мы формулируем на основе брифа »
Мы умеем делать по своему хорошо, но слушать как с определенными этапами работают сильные студии — ооочень полезно! Я буду внедрять эти мудборды нам в команду прямо сейчас, потому что мы уже начинаем работу над новым проектом и я очень хочу видеть порядок и логику в рефах, наработках, концептах, и чтобы при диалоге с заказчиком ему было видно ход наших мыслей и он мог повытаскивать интересные идеи
(попробуем, потестим, расскажем! а пока можете посмотреть фотки слайдов в комментариях)
На 3 курсе мы часто задаем вопрос, почему стало меньше воркшопов, мастер классов, стало больше консультаций, технических лекций, и нам отвечают, что мы набрали креативную базу за 1 курс базового комдиза и 2 курс дизпрода, а теперь нам делают упор на менеджмент в дизайне, на том, как вести проекты, чтобы мы вышли, готовыми продуктовыми дизайнерами, а не графическими :)) но! пока нам в институте дают проф базу, добирать всякие штуки для рефлексии, креатива и прокачки hard и soft скиллов нужно как раз на мероприятиях!
Ну или осознанно делать в команде еженедельные воркшопы, брейнштормы и тд, чем мы тоже обязательно займемся! Команда в этом году у нас пополнилась еще одним человечком, и хотя за 1 модуль мы не успели ничего такого осознанного внедрить, во 2 модуле постараемся!
« Умный мудборд — это где все идеи и референсы выстроены по градиенту от простого к сложному, от минимализма к экспрессии, от натуральности к технологичности. Референсы подчинены логике, которую мы формулируем на основе брифа »
Мы умеем делать по своему хорошо, но слушать как с определенными этапами работают сильные студии — ооочень полезно! Я буду внедрять эти мудборды нам в команду прямо сейчас, потому что мы уже начинаем работу над новым проектом и я очень хочу видеть порядок и логику в рефах, наработках, концептах, и чтобы при диалоге с заказчиком ему было видно ход наших мыслей и он мог повытаскивать интересные идеи
(попробуем, потестим, расскажем! а пока можете посмотреть фотки слайдов в комментариях)
На 3 курсе мы часто задаем вопрос, почему стало меньше воркшопов, мастер классов, стало больше консультаций, технических лекций, и нам отвечают, что мы набрали креативную базу за 1 курс базового комдиза и 2 курс дизпрода, а теперь нам делают упор на менеджмент в дизайне, на том, как вести проекты, чтобы мы вышли, готовыми продуктовыми дизайнерами, а не графическими :)) но! пока нам в институте дают проф базу, добирать всякие штуки для рефлексии, креатива и прокачки hard и soft скиллов нужно как раз на мероприятиях!
Ну или осознанно делать в команде еженедельные воркшопы, брейнштормы и тд, чем мы тоже обязательно займемся! Команда в этом году у нас пополнилась еще одним человечком, и хотя за 1 модуль мы не успели ничего такого осознанного внедрить, во 2 модуле постараемся!
❤10🤓3💅2
Коллеги, новая рабочая неделя – новая миссия!
А давайте понаблюдаем все эвристики Нильсона в реальной жизни? 🤟🏼
📁 Эвристика Нильсона №1 — Видимость состояния системы
UX-дизайн начинается не с экранов, а с наблюдения за тем, как мир сообщает о своём состоянии. Мы всё время ищем сигналы: процесс идёт или застрял, кто-то нас услышал или мы остались в подвешенном ожидании. Интерфейсы — лишь цифровое отражение этой коммуникации
На этой неделе ищем, как физические системы показывают, что они работают — как люди и пространства дают обратную связь👀
Это наблюдение прокачивает чувствительность к обратной связи и временным ожиданиям 🙌🏼
Как началась неделя, коллеги?)
💻 — оп оп, коллеги, работаем
🌚 — сегодня на кофейном
❤️ — ой не спрашивайте..
А давайте понаблюдаем все эвристики Нильсона в реальной жизни? 🤟🏼
UX-дизайн начинается не с экранов, а с наблюдения за тем, как мир сообщает о своём состоянии. Мы всё время ищем сигналы: процесс идёт или застрял, кто-то нас услышал или мы остались в подвешенном ожидании. Интерфейсы — лишь цифровое отражение этой коммуникации
На этой неделе ищем, как физические системы показывают, что они работают — как люди и пространства дают обратную связь
Это наблюдение прокачивает чувствительность к обратной связи и временным ожиданиям 🙌🏼
Как началась неделя, коллеги?)
Please open Telegram to view this post
VIEW IN TELEGRAM
❤11 7🌚2