​​✌️Как редактору и дизайнеру работать вместе

Дизайнер для редактора — это заказчик, исполнитель, брат по продукту и собутыльник. В зависимости от проекта эта роль меняется (кроме последней, эта постоянная). Но каждый раз возникает вопрос, что делаем первый — текст или дизайн? У меня нет ответа, но есть 5 схем работы, в которых я сам участвовал.

1️⃣ Редактор ставит ТЗ на дизайн

Справедливо для небольших форматов, где царь — контент, а визуал подчёркивает его достоинства. Обычно схема работает в постах, статьях, рассылках. В таких задачах проектах дизайнеру не надо сильно погружаться в контекст, а достаточно оформить всё по ТЗ.

2️⃣ Редактор готовит структуру, а дизайнер причёсывает

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

3️⃣ Дизайнер готовит макет, а редактор дорабатывает

Обыденность в продуктовой команде. Для редактора есть риски, потому что он уже ограничен рамками визуальных решений. Если надо покрутить, подвинуть, добавить блок, переверстать — могут быть проблемы. Хорошо, если дизайнер понимает ценность текста и соглашается менять макеты по правкам редактора. Если нет, работа не принесёт радости никому.

4️⃣ Дизайнер просит проверить текст, ничего менять нельзя

Есть проекты, когда в макетах вообще всё прибито гвоздями, а редактора зовут вычитать текст на запятые. Это самый плохой вариант, в голове играет Radiohead и хочется плакать. Конечно, нет ничего плохого в вычитке — но обычно так бывает, если редактора позвали слишком поздно или команда не понимает, что с ним делать.

5️⃣ Дизайнер и редактор вдвоём работают над проектом как равноправные участники

Эта схема для меня из мира розовых единорогов — такое бывает крайне редко. Равноправная работа и бабочки в животе заканчиваются на этапе мозгоштурма. Потом либо дизайнер, либо редактор берёт на себя ответственность за концепт, который и допиливается в несколько итераций. Но лидирует процесс кто-то один.

#работа

🏖 Укажите количество ночей

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

Обыватель не мыслит категориями ночей. У меня отпуск с 12 по 20 августа, я хочу заехать в субботу и выехать в следующее воскресенье. Мне всё равно, сколько там выходит ночей: 7, 8 или 9. Почему я вынужден перебирать на пальцах ночи, чтобы скрипт заработал? Почему нельзя запросить даты заезда и выезда, а под капотом всё посчитать и показать финальную цену?

Уважаемые покупатели, наш магазин работает с 8:30 и ещё 13,5 часов.

И рыбку съесть и всё последущее

Не могла дождаться пятницы, чтобы показать, какая неожиданность настигла меня во время заказа еды.

Главный герой поста — грузинское приложение доставки Glovo. Там есть доставка не только еды, но то что вы видите, видимо, по ошибке, затесалось в блок еды

это #пятничныйпост ему всё можно

​​💔 UX-редактора игнорят — что делать

Люблю истории, где UX-редактор приходит в команду и делает всех счастливыми. Тексты льются как самогонка на сельской свадьбе, продакты улыбаются в зуме, дизайнер дал доступ на редактирование в Фигме. Конечно, бывает и так. Но обычно в команде есть люди, которые демонстративно вас игнорируют. Что можно с этим делать.

🔸 Насаждать свою веру. Возможно, всему виной незрелость процессов. Если команда ранее в глаза не видела UX-редактора, придётся нарабатывать авторитет по ходу. Можно без спроса лезть в макеты, предлагать улучшения, проводить обучения и воркшопы. Процесс долгий, но того стоит. Спустя какое-то время дизайнеры и продакты станут больше доверять редактору.

🔸 Находить другого исполнителя. В более срочных вопросах имеет смысл прыгнуть через голову. Игнорирует дизайнер, пишем исследователю. Молчит исследователь, действуем через аналитика. Так реально дойти до неравнодушного человека, и уже вдвоём капать на мозги остальным.

🔸 Жаловаться начальнику. Если в компании кто-то не соблюдает ранее озвученные договорённости — вы имеете полное право сообщить об этом лиду, продакту, CPO. Иногда это единственный выход. Как показывает практика, ничто не заменит животворящий эффект от звиздюлей.

🔸 И самый вредный совет — забить. Если ничего не помогает, команда яростно сопротивляется переменам, можно оставить тюленей и токсиков в покое. Никто не умрёт, если команда некоторое время будет готовить тексты без редактора — в конце концов, в интернете все так и делают. А вы подзарядите батарейку до следующей битвы за умы.

Возможно, я учу вас плохому. Но продукт проживёт с несколькими неудачными формулировками. А вот с выгоревшим и равнодушным человеком — нет. Берегите себя и свои нервы.

#работа

К посту выше был ещё один вариант мема. Оригинальное сообщение от Бибопа я замазал, но вы же знаете, что он там говорит.

Как редактор банка опровергаю такие мемы — конечно, это всё абсурд. В этом месяце кешбэк на чапельники и яйца Фаберже.

#пятничныйпост

​​🪧 Как написать всплывающую подсказку
 
О всплывающих подсказках, тултипах, говорят мало, хотя это очень важный элемент коммуникации. Сделал напоминалку, в которую планирую заглядывать сам. Ну и вам тоже советую.
 
〽️В тултипе не должно быть важных данных. Вот как нельзя запивать солёные огурцы молоком, также не стоит скрывать от пользователя ключевую информацию, например, требования к паролю. Результат будет одинаковый.

Для себя я формулирую это так: хороший тултип открывают один раз. Если к подсказке обращаются постоянно, лучше вывести текст из тултипа на видное место.
 
〽️Тултип закроется, если с него убрать курсор — следовательно, текст внутри невозможно скопировать или кликнуть. Ссылки на сторонние ресурсы, почта и телефон поддержки — сразу мимо.

〽️В тултипе лучше не разгоняться. Эталонными в интерфейсе считаются 3 строки текста — дальше читать сложнее. Это же правило справедливо для подсказок. Кроме когнитивной нагрузки, большой тултип закроет часть страницы — а любая информация тухнет без контекста.
 
〽️К тексту в тултипе применимы все критерии нормальной продуктовой коммуникации. Он должен быть лаконичным, понятным и, главное, нести ценность, а не быть бессмысленным повторяшкой, как на картинке.

 ✅ Что можно дать в тултипе:
— расшифровку сложного термина или аббревиатуры,
— техническую информацию (например, формат или размер элемента)
— краткое объяснение механики (например, что будет, если нажать на иконку)
— дополнительную инфу для лучшего понимания фичи
 
❌ А что лучше не писать:
— требования к паролю
— подробные инструкции
— телефон, почту
— ссылки
 
~~~

И вывод. Тултип коварный, он прячет инфу от пользователя. Если в сценарии запахло тёмным паттерном, лучше подумать над другим решением. Например, вывести текст на основной экран, сделать поп-овер (такая же подсказка, но открывается/закрывается по клику) или модальное окно.

#полезное

«Добрым словом и баклажаном можно добиться большего, чем просто добрым словом» (неизвестный маркетолог)

#пятничныйпост

Ланнистеры всегда платят свои долги

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

И сидишь ты на демо. Все на серьёзных щах — продакты, дизайнеры, аналитики, исследователи. Обсуждается внедрённый функционал, вопросы задаются.

И какой-нибудь продакт на выступлении говорит:
— Большое спасибо Одичалым за терминалы, за то что они старались, и мы выкатили рабочую штуку.

А кто-то его так же серьёзно поправляет:
— Это не Одичалые делали, а Ланнистеры.

И добавляет:
— На бэкенде Бэггинс ещё докручивает этот функционал.

#пятничныйпост с существующего пятничного демо

Сначала картинка, следующим постом — выводы.

✂️ Конкретно лучше, чем абстрактно

Перед вами два уведомления с просьбой отключить блокировщик рекламы. Думаю, все согласны, что второй лучше — он сформулирован более конкретно и в мире пользователя. Уважаемый редактор Кинопоиска написал, какие разделы могут не загрузиться из-за блокировщика, добавил кнопку со ссылкой на инструкцию.

Первое уведомление подготовить несложно: читаем ТЗ, чутка гуглим, если не сильно в теме плагинов-блокировщиков, и пишем вот такой текст.

Чтобы сделать второе, надо:
✔️ Разобраться в задаче и передать торопыге-заказчику, что «тут дел не на 5 минут» (с).
✔️ Пойти к продакту, аналитику или разрабу и спросить, какой контент сайта под угрозой из-за блокировщика. Скорее всего, там ответят «какой угодно» — следовательно надо настоять, чтобы подняли тесты и ответили точно.
✔️ Продавить, чтобы на уведомлении появилась кнопка со ссылкой на отдельную страничку — которой пока нет. А это лишняя задача для разработки, и явно не приоритетная.
✔️ Подготовить собственно инструкцию. Попутно вспомнить, что в разных блокировщиках исключения добавляются по-своему. Значит, стоит описать хотя бы 3-4 популярных.
✔️ Посмотреть, как всё это встанет на бою и попутно поправить ошибки.

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

#сравнятор