{
    "version": "https:\/\/jsonfeed.org\/version\/1",
    "title": "Виталий Филатов: заметки с тегом ВТБ",
    "_rss_description": "Меня зовут Виталий Филатов. Я коммерческий писатель, помогаю бизнесу рассказывать о себе и продукте. Пишу и редактирую статьи, инструкции, текст сайтов и интерфейсов. Люблю работать в команде с дизайнерами и разработчиками.",
    "_rss_language": "ru",
    "_itunes_email": "",
    "_itunes_categories_xml": "",
    "_itunes_image": "",
    "_itunes_explicit": "",
    "home_page_url": "https:\/\/www.vitalyfilatov.ru\/tags\/vtb\/",
    "feed_url": "https:\/\/www.vitalyfilatov.ru\/tags\/vtb\/json\/",
    "icon": "https:\/\/www.vitalyfilatov.ru\/user\/userpic@2x.jpg?1613163987",
    "author": {
        "name": "Виталий Филатов",
        "url": "https:\/\/www.vitalyfilatov.ru\/",
        "avatar": "https:\/\/www.vitalyfilatov.ru\/user\/userpic@2x.jpg?1613163987"
    },
    "items": [
        {
            "id": "104",
            "url": "https:\/\/www.vitalyfilatov.ru\/all\/status-model\/",
            "title": "Упрощаем набор статусов статьи",
            "content_html": "<p>Ещё один частный случай с высокими абстракциями. На этот раз на примере статусов статьи в админке Помощи ВТБ Бизнеса <a href=\"https:\/\/vitalyfilatov.ru\/all\/vtb-help\/\">из прошлой статьи<\/a>.<\/p>\n<p>TLDR. Сперва модель статусов отражала серверную логику, отчего жизненный цикл статьи выглядел сложно. Мы вынесли один из статусов в параметр, и стало попроще, но не всем понравилось.<\/p>\n<h2>Контекст и задача<\/h2>\n<p>На тот момент из-за особенностей архитектуры продукта статьи Помощи считались частью кода и обновлялись с общим релизом. Просто так править статьи было нельзя. Все изменения собирались в админке, ждали ближайшего релиза и синхронизировались с версией Помощи на проде.<\/p>\n<p>Из-за привязки к общему релизу статусы в админке отражали не только текущее состояние, но и будущие изменения. Кроме того, у опубликованных статей можно было управлять видимостью, что создавало дополнительные статусы.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/092-complex-model@2x.png\" width=\"2000\" height=\"820\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Статусная модель статьи в админке. Если не сохранять изменения, статья возвращается в предыдущее состояние. Статью нельзя стразу опубликовать скрытой, но почему — уже не помню<\/div>\n<\/div>\n<p>Мне доверили придумать краткие и ясные названия статусам, чтобы пользователь меньше путался. Но я сам запутался и решил, что для начала хорошо бы упростить саму модель.<\/p>\n<h2>Немного теории<\/h2>\n<p>Статусная модель описывает жизненный цикл сущностей, с которыми работает пользователь: заказы, посылки, статьи. Модель объясняет, в каких состояниях объекты могут находиться и по каким правилам переходят из одного в другое.<\/p>\n<p>Редакторам статусная модель интересна тем, что в ней пересекаются миры разработчиков и пользователей.<\/p>\n<p><b>Для разработчика<\/b> статусная модель — это модель жизненного цикла объекта данных, она показывает логику работы программы. За прямоугольниками на схеме разработчик видит программный код, схемы баз данных и текст запросов к ним.<\/p>\n<p><b>Для пользователя<\/b> статусная модель — важная часть ментальной модели продукта. На её основе пользователь собирает у себя в голове понимание того, как работает интерфейс. Очевидно, чем логичнее для пользователя набор состояний сущности, тем проще: не нужно запоминать значения статусов и сложные схемы переходов.<\/p>\n<blockquote>\n<p>Хорошую статусную модель пользователь понимает интуитивно<\/p>\n<\/blockquote>\n<p>Чаще всего глазами пользователя на статусную модель никто не смотрит, поэтому вместе с ней в интерфейс просачивается логика программного кода. А когда пользователи начинают путаться, редактору поручают лечить проблемы в сценариях формулировками статусов и тултипами.<\/p>\n<h2>Решение<\/h2>\n<p>Я предложил сделать видимость статьи одним из параметров, как её название или ключевые слова. В этом случае мы бы переключали видимость флажком в настройках и катили изменённую статью на прод. Такой подход не сильно менял структуру баз данных, но здорово упрощал схему состояний и переходов:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/092-simple-model@2x.png\" width=\"2000\" height=\"600\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Если видимость сделать параметром, отдельные статусы для включения и выключения не понадобятся<\/div>\n<\/div>\n<p>По этой же логике можно было бы вынести в параметры и удаление, но его решили оставить отдельным статусом для удобства. Кнопка «Удалить» перемещала статью в статус «Удаляем» и заменялась на «Отменить удаление».<\/p>\n<p>В интерфейсе я предложил вынести статьи к релизу в отдельную вкладку и показывать там не статусы, а описание изменений.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/092-articles-lists@2x.png\" width=\"1000\" height=\"870\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Фрагмент условного интерфейса админки со списком публикуемых статей<\/div>\n<\/div>\n<p>Аналитику такое решение показалось непривычным и избыточным, мнения разделились. К счастью, пока мы спорили, публикацию статей удалось отвязать от релизного цикла, и набор статусов упростился сам собой.<\/p>\n",
            "date_published": "2026-05-06T17:06:57+05:00",
            "date_modified": "2026-05-08T17:56:02+05:00",
            "image": "https:\/\/www.vitalyfilatov.ru\/pictures\/092-complex-model@2x.png",
            "_date_published_rfc2822": "Wed, 06 May 2026 17:06:57 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "104",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/092-complex-model@2x.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/092-simple-model@2x.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/092-articles-lists@2x.png"
                ]
            }
        },
        {
            "id": "103",
            "url": "https:\/\/www.vitalyfilatov.ru\/all\/vtb-help\/",
            "title": "Редакционные процессы Помощи ВТБ Бизнеса",
            "content_html": "<p>История о том, как рерайт статей превратился в реорганизацию процессов производства.<\/p>\n<h2>Ситуация и задача<\/h2>\n<p>В 2020 году ВТБ открыл интернет-банк для малого и среднего бизнеса — ВТБ Бизнес. Он служил витриной для уже существовавших банковских продуктов, которые вели автономные команды — СУБО. Такая архитектура не предусматривала единой языковой службы, да и мода на большие редакции до банка ещё не добралась. В команде платформы уже был редактор, но он занимался в основном задачами маркетинга, а статьи для справочного раздела каждое команда-СУБО писала сама.<\/p>\n<p>Статьи публиковались <a href=\"https:\/\/db.vtb.ru\/faq\">в сервисе «Помощь»<\/a>, который вела специальная команда внутренних сервисов. Руководителя этой команды беспокоило неравномерное качество этих статей, и он решил нанять второго редактора, переписывать за бизнес-аналитиками и наводить красоту. Так в команде Помощи появился я.<\/p>\n<p>На момент моего появления работа была организована так:<\/p>\n<ol start=\"1\">\n<li>Каждое СУБО отвечало за свои статьи и никого к себе не пускало. Аналитики и юристы не умели писать пользовательские инструкции, поэтому ограничивались односложными ответами на частые вопросы, а стиль и глубина изложения сильно отличались.<\/li>\n<li>Исходники статей хранились в эксель-таблицах у каждого СУБО. Авторы сами делали иллюстрации из скриншотов на тестовом сервере и заливали в общее облако.<\/li>\n<li>Когда нужно было что-то изменить или добавить, бизнес-аналитик СУБО правил свою таблицу, выделял изменения цветом и присылал новый файл по почте команде Помощи.<\/li>\n<li>Там текст из файла вставляли в базу данных и выкатывали на прод с общим релизом.<\/li>\n<\/ol>\n<p>Процесс получался хаотичным: версии статей не отслеживали, файлы таблиц дублировались, актуальные правки терялись, картинки разных СУБО перетирали друг друга из-за совпадающих имён. Оперативно выложить что-то было невозможно из-за релизной политики, поэтому иногда статьи успевали обновиться несколько раз до релиза и окончательно всех запутать.<\/p>\n<p>Чтобы упорядочить процесс, команда Помощи написала специальную админку с визуальным редактором, где авторы смогли бы работать со статьями без посредников. Но качество от этого не росло, а править и согласовывать текст в админке было так же муторно, как и в эксель-таблицах. Так что я составил план, заручился поддержкой команды и переделал сам подход к производству.<\/p>\n<h2>Работа с материалами<\/h2>\n<p>Первым делом я убедил команду, что писать статьи и следить за структурой разделов нужно нам самим, а СУБО оставить только сбор фактуры, обновление макетов и согласование. Уже опубликованные статьи мы решили постепенно переписать по мере изменений в продуктах.<\/p>\n<p>СУБО не обрадовались потере контроля, но после нескольких согласованных статей они обычно убеждались, что редактор бережно передаёт смысл, начинали доверять и охотнее рассказывать о бизнес-логике и нюансах.<\/p>\n<p><b>Мы перенесли все статьи в гугл-доки<\/b>, а ссылки на них и служебную информацию собрали в сводной гугл-таблице. Таблица решала две задачи: хранила статьи со статусами и служила функциональным прототипом для следующих версий админки Помощи.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/091-pivot-table@2x.png\" width=\"1270\" height=\"640\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Сводная таблица — сердце системы контента. Там мы хранили все статьи, включая снятые с публикации, отменённые и удалённые. <a href=\"https:\/\/vitalyfilatov.ru\/pictures\/091-pivot-table-full.png\">Вся таблица в гигантском PNG<\/a>, 2 Мб<\/div>\n<\/div>\n<p>В первой версии админки не было инструментов согласования, поэтому их заменяли гугл-доки. Мы гибко настраивали доступы, вели архив версий, принимали и согласовывали правки. Особый шик давала совместная работа: на сложных согласованиях я приглашал всех следить за моим курсором в документе и правил текст прямо во время звонка, без расшаривания экрана.<\/p>\n<p>Гугл-доки помогали и в вёрстке. Я подогнал шаблон статьи максимально близко к дизайну прода и при редактировании сразу видел примерную форму абзацев и переносы строк.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/091-comments@2x.png\" width=\"1085\" height=\"475\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Аналитики и юристы могли комментировать исходники в любое время, я оперативно разбирал правки и публиковал обновления с ближайшим релизом<\/div>\n<\/div>\n<p><b>Далее мы убрали автогенерацию слагов<\/b> — уникальных частей в URL-адресах статей. Первоначально слаг создавался транслитерацией заголовка, но адреса получались длинными и нечитаемыми. Я предложил составлять слаги силами редактора, чтобы адреса получались понятнее, умещались в СМС и не разрывали сообщения чат-бота.<\/p>\n<blockquote>\n<p>Срок действия дополнительных опций к пакетам услуг<br \/>\n↓<br \/>\ndb.vtb.ru\/faq\/answers\/<b>srok-dejstviya-dopolnitelnyh-opcij-k-paketam-uslug<\/b><br \/>\n↓<br \/>\ndb.vtb.ru\/faq\/answers\/<b>srok-dop-optsii<\/b><\/p>\n<\/blockquote>\n<p>Уникальностью слагов отслеживали по сводной таблице и проверке на дубли в админке.<\/p>\n<p>Поскольку слаги менялись крайне редко, я включил их в имена файлов иллюстраций. Такие имена не повторялись, и по ним можно было фильтровать файлы в хранилище. Папки в облаке также назывались слагом статьи.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/091-tinypng@2x.png\" width=\"900\" height=\"435\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Имена файлов упрощали рутину. Например, пожав пачку картинок в тинифаере, я сразу знал, куда сохранять архив с результатом<\/div>\n<\/div>\n<p><b>Перешли со скриншотов интерфейса на макеты в Фигме<\/b>. Пришлось искать подход к дизайнерам СУБО и убеждать их обновлять макеты к релизам, но оно того стоило. Иллюстрации стали чище и консистентнее, а их исходники были всегда доступны. Но главное — мы смогли показывать все нужные состояния интерфейса, а не только те, что получалось поймать на тестовом сервере.<\/p>\n<p>Сначала я готовил иллюстрации сам, чтобы изучить нюансы и сформулировать правила. Позже собрал всё в гайд для дизайнеров, и они начали мне помогать.<\/p>\n<p><a href=\"https:\/\/docs.google.com\/document\/d\/1YHLTGUBx2fNQbhTlCX41qWwhE-xXg3MyLKh7YaOzwdA\/\">Гайд по изображениям для статей Помощи<\/a> получился наглядным: все картинки в нём собраны по требованиям гайда, чтобы читатель сразу видел образец.<\/p>\n<p><b>Создали наглядный прототип в Обсидиане<\/b>, где отслеживали структуру каталогов, связи между статьями, выпавшие иллюстрации и ссылки на файлы. Чтобы не делать это руками после каждого крупного обновления, я собрал требования, а аналитик Евгений написал скрипт на Питоне.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/091-obsidian@2x.png\" width=\"945\" height=\"645\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Граф опубликованных статей в Обсидиане. Красные точки — страницы категорий, оранжевые — статьи с перекрёстными ссылками, а зелёные — с файлами для скачивания<\/div>\n<\/div>\n<h2>Публикация статей<\/h2>\n<p>Админка Помощи задумывалась не для редакторов, поэтому за основу команда взяла визуальный редактор на контейнерах — как в Ноушене. Но он не умел работать в режиме исходного кода — HTML или маркдауна.<\/p>\n<p>Необходимость настраивать оформление вручную ломала мой отработанный процесс: на других проектах я целиком копировал гугл-док и прогонял текст через <a href=\"https:\/\/draizer.vitalyfilatov.ru\/\">Драйзер<\/a> — самописный скрипт на регулярках. Скрипт вырезал инлайн-стили и служебные блоки, оставляя чистый HTML. Так я мог заряжать в админку по статье в минуту.<\/p>\n<p>Менять редактор было поздно, но разработчики нашли остроумное решение: добавили переключатель, который скрывал все контейнеры и показывал поле для HTML-кода.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1020\" data-ratio=\"1.5692307692308\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/091-editor-nodes@2x.png\" width=\"1020\" height=\"650\" alt=\"\" \/>\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/091-editor-html@2x.png\" width=\"1020\" height=\"650\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Редактирование статьи в обычном и экспертном режимах. В ранних версиях админки статья называлась вопросом, так уж вышло<\/div>\n<\/div>\n<p>Мы выбрали HTML, а не в маркдаун, чтобы как можно меньше переписывать админку. Я всё равно получал готовый код из гугл-дока и сразу типографил текст своими скриптами.<\/p>\n<p>Ещё я поучаствовал в разработке админки: тестировал механики, писал текст интерфейса, подменял дизайнера, надоедал всем нормами типографики и <a href=\"https:\/\/vitalyfilatov.ru\/all\/status-model\/\">спорил с бизнес-аналитиком из-за статусной модели<\/a> :3<\/p>\n<h2>Работа с СУБО<\/h2>\n<p>Сначала в Помощи публиковались 10 команд, но позже их стало уже 35. Они постоянно что-то меняли, уследить за всем было невозможно. Поэтому мы договорились, что за актуальностью своих статей СУБО следят сами, а команда Помощи отвечает за подготовку и публикацию.<\/p>\n<p>Процесс добавления новой статьи выглядел так:<\/p>\n<ol start=\"1\">\n<li>В СУБО назначали ответственного за процесс и обновляли макеты.<\/li>\n<li>Ответственный заполнял <a href=\"https:\/\/docs.google.com\/document\/d\/10WqxwGFLtfHCAH78DxXaNGiGvqBL6hv_RuUhffYUcEM\/\">бриф на новую статью<\/a>, в котором указывал тему, полезное действие, примерный план, ссылки на макеты и документацию.<\/li>\n<li>Я принимал заявку, изучал материалы и предметную область, задавал вопросы аналитикам и дизайнерам, просил показать продукт в работе.<\/li>\n<li>Собрав всю фактуру, я писал черновик и готовил иллюстрации по макетам.<\/li>\n<li>Ответственный вычитывал и комментировал черновик, я дописывал нужное, и всё повторялось, пока статья не была готова.<\/li>\n<li>Согласованную статью я добавлял в админку, помечал готовой к публикации и закрывал задачу.<\/li>\n<\/ol>\n<p>Чтобы изменить уже опубликованную статью, ответственный просто правил копию исходника и передавал мне. А чтобы не тонуть в бюрократии, мелкие правки мы вносили без задачи в Джире, просто по переписке в мессенджере.<\/p>\n<p>Задачи шли потоком, мы постоянно что-то правили, обновляли, поддерживали порядок и готовили пачки новых статей к релизам. Отслеживать всё в Джире не получалось, поэтому я завёл редакционный дашборд в Трелло.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/091-trello-dashboard@2x.png\" width=\"1280\" height=\"720\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Объём задачи в карточке мог быть любым, от мелкой правки до десятка статей<\/div>\n<\/div>\n<p>Карточка с задачами типичного релиза выглядела так:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/091-trello-release@2x.png\" width=\"480\" height=\"645\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Обновляем 77 статей: добавляем новые, объединяем старые, правим опечатки, заменяем иллюстрации со старым интерфейсом<\/div>\n<\/div>\n<h2>Итоги<\/h2>\n<p>Настроив процессы, мы занялись обычной текучкой: писали новые статьи, обновляли старые, изучали обратную связь от пользователей и операторов горячей линии, следили за обращениями в поддержку и метриками сервиса.<\/p>\n<p>Наша команда занималась и другими внутренними сервисами, поэтому мы смогли включить статьи Помощи в глобальный поиск, базу знаний поддержки, чат-бота и контекстную справку в интерфейсе. Нашему руководителю Александру удалось совершить дипломатическое чудо и отвязать публикацию статей от общего релизного цикла, и мы стали обновлять статьи по мере изменений в продуктах, без очередей и предрелизной спешки.<\/p>\n<p>Но статей становилось всё больше, а задач на UX-редактуру не прибавлялось, так что я решил заняться Умным домом в МТС. А чтобы проект было легче передать, собрал материалы, записал скринкасты с основными процессами и составил <a href=\"https:\/\/vitalyfilatov.ru\/all\/vtb-faq-vacancy\/\">вакансию редактора Помощи<\/a>.<\/p>\n<p>К сожалению, вскоре в компании изменилась политика информационной безопасности, внешние облачные сервисы запретили и отбить гугл-доки не удалось. Исходники статей переехали в корпоративную вики, и процессы вновь пришлось менять.<\/p>\n<h2>Благодарности<\/h2>\n<p>Спасибо команде Помощи за понимание, поддержку и вовлечённость. Вы с готовностью вникали во все мои идеи, хоть иногда я не особо выбирал выражения. С вами я получил бесценный опыт — как быть частью команды и находить продуктивное решение.<\/p>\n<p>«Хороших выходных. И ведите себя плохо!» ©<\/p>\n",
            "date_published": "2026-03-23T11:51:11+05:00",
            "date_modified": "2026-05-06T17:22:18+05:00",
            "image": "https:\/\/www.vitalyfilatov.ru\/pictures\/091-pivot-table@2x.png",
            "_date_published_rfc2822": "Mon, 23 Mar 2026 11:51:11 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "103",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "system\/library\/jquery\/jquery.js",
                    "system\/library\/fotorama\/fotorama.css",
                    "system\/library\/fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/091-pivot-table@2x.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/091-comments@2x.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/091-tinypng@2x.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/091-obsidian@2x.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/091-editor-nodes@2x.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/091-editor-html@2x.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/091-trello-dashboard@2x.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/091-trello-release@2x.png"
                ]
            }
        },
        {
            "id": "91",
            "url": "https:\/\/www.vitalyfilatov.ru\/all\/vtb-faq-vacancy\/",
            "title": "Вакансия редактора Помощи в ВТБ Бизнес (АРХИВ)",
            "content_html": "<p><i>Вакансия закрыта, но я оставлю её текст на память :3<\/i><\/p>\n<p>Ищу себе замену. Покажите друзьям, если они пишут и хотели бы поработать в банке.<\/p>\n<p>ВТБ Бизнес — подразделение банка ВТБ для малого и среднего бизнеса. У банка есть справочный раздел со статьями для пользователей, вот его и нужно будет вести.<\/p>\n<p><a href=\"https:\/\/db.vtb.ru\/faq\">Помощь ВТБ Бизнес<\/a><\/p>\n<h2>Кто нужен<\/h2>\n<p>Редактор-мидл, готовый взять на себя редакционные процессы справочного сервиса: писать, согласовывать, публиковать и развивать.<\/p>\n<p>Требуются инфостиль, docx, гугл-доки, база Фигмы и HTML.<\/p>\n<p>Хорошо, если вы любите писать инструкции, не боитесь бюрократии и умеете разговаривать с юристами и дизайнерами.<\/p>\n<p>Пригодится знание основ JQL и регулярных выражений.<\/p>\n<h2>Что нужно делать<\/h2>\n<p>Редактировать статьи на основе черновиков продуктовых команд, делать из их макетов иллюстрации к статьям и готовить всё к публикации. Иногда нужно писать новые статьи, иногда дополнять старые или находить удалять неактуальные.<\/p>\n<p>Ещё нужно сопровождать редакционные процессы, вести внутреннюю несложную документацию, обновлять регламенты и инструкции для участников.<\/p>\n<p>Периодически нужно смотреть отзывы пользователей и статистику посещений, обновлять структуру разделов и всячески развивать сервис внутри и снаружи.<\/p>\n<p>Непонятное можно спрашивать у прежнего редактора, который ушёл из банка, но остаётся на связи (это я, мою телегу вам дадут).<\/p>\n<h2>Как выстроен процесс<\/h2>\n<p>Банковских продуктов под три десятка и прямого доступа у редактора к ним нет. Каждым продуктом занимается своя команда. Эти команды автономны, у них свои приоритеты и задачи, писать статьи в Помощь им некогда, но черновики, макеты и экспертизу они чаще всего дают.<\/p>\n<p>Команды продуктов подают заявки с материалами, редактор их обрабатывает, согласует и публикует через внутренний сервис.<\/p>\n<p>Процесс описан в инструкциях, команда Помощи дружелюбная, ответственные за статьи со стороны продуктовых команд тоже контактные и заинтересованные в процессе.<\/p>\n<p>Полноценной редполитики и ToV у сервиса нет, придётся ориентироваться на готовые статьи и заметки прежнего редактора. Зато есть <a href=\"https:\/\/docs.google.com\/document\/d\/1PDCAiXmfH1MW3jmC-M577viwg5wRqkchM2znnHPJo-0\/edit#heading=h.ga8liocvt8zq\">гайд по иллюстрациям для дизайнеров<\/a>.<\/p>\n<h2>По деньгам и условиям<\/h2>\n<p>Платят нормально, но сумма обговаривается индивидуально.<\/p>\n<p>В остальном — как в любой большой компании: рабочий ноутбук, ДМС и фултайм по московскому времени.<\/p>\n<h2>Как откликнуться<\/h2>\n<p>Напишите руководителю команды Помощи Александру в телеграм: <i>тут была ссылка<\/i><\/p>\n",
            "date_published": "2023-03-24T20:25:47+05:00",
            "date_modified": "2023-12-26T21:18:25+05:00",
            "_date_published_rfc2822": "Fri, 24 Mar 2023 20:25:47 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "91",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        },
        {
            "id": "79",
            "url": "https:\/\/www.vitalyfilatov.ru\/all\/call-center-sms\/",
            "title": "СМС с рекламой сервиса",
            "content_html": "<p>Немного редакторского процесса на примере СМС колл-центра. Вникаем в задачу, упрощаем сценарий и пишем текст под особенности формата.<\/p>\n<p>TLDR. 860 слов о том, как написать 200 символов.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"500\" data-ratio=\"0.58139534883721\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/069-headpic.png\" width=\"500\" height=\"860\" alt=\"\" \/>\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/069-screen-preview.png\" width=\"500\" height=\"860\" alt=\"\" \/>\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/069-list-preview.png\" width=\"500\" height=\"860\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-caption\">Скриншот результата в мокапе iPhone SE. Для фотографии мой телефон слишком потёрт :3<\/div>\n<\/div>\n<h2>Ситуация<\/h2>\n<p>Колл-центр сильно загружен: банк переводит клиентов на новую систему из трёх разных, многим нужна консультация по интерфейсу. Бывает, клиенты по полчаса ждут ответа оператора.<\/p>\n<p>Чтобы клиенты чаще искали ответы сами, колл-центр решил отправлять им СМС с рекламой чат-бота и Помощи ВТБ Бизнес. Вот оригинал:<\/p>\n<blockquote>\n<p>Переходите по ссылке <a href=\"https:\/\/db.vtb.ru\/faq\">https:\/\/db.vtb.ru\/faq<\/a> в раздел «Помощь». Здесь вы найдете много полезной информации по правилам работы Интернет банка ВТБ Бизнес. Еще у нас есть чат-бот, который подскажет ответы на самые актуальные вопросы.<\/p>\n<\/blockquote>\n<blockquote>\n<p>Чат-бот живет в правом нижнем углу экрана <a href=\"https:\/\/db.vtb.ru\">https:\/\/db.vtb.ru<\/a> под названием «Чат». Особенно хорошо чат-бот разбирается в вопросах входа в систему. Напишите ему Ваш вопрос, он расскажет план действий.<\/p>\n<\/blockquote>\n<p>Оператор будет отправлять это сообщение после консультаций, если у клиентов нет жестких технических проблем. Но по нескольким вопросам клиенты будут получать по два СМС: сначала ссылку на конкретную статью, а потом рекламу.<\/p>\n<p>Очевидно, что текст можно сделать короче, а сценарий точнее.<\/p>\n<h2>Задача<\/h2>\n<p>Колл-центр редактуру не заказывал, так что поставим задачу сами.<\/p>\n<ol start=\"1\">\n<li>Упорядочим сценарий отправки. Нужно учитывать тему и настроение клиента. И два СМС подряд — это перебор.<\/li>\n<li>Напишем лаконичнее, с пользой в мире клиента и конкретикой. Сейчас непонятно, чем Помощь и чат-бот удобнее общения с оператором.<\/li>\n<\/ol>\n<p>Начнём со сценария, чтобы выстроить предсказуемый контекст. Чем больше мы узнаем о ситуации клиента, тем точнее напишем. Обратное тоже верно: без знания ситуации вместо работы со смыслом получится перестановка слов.<\/p>\n<h2>Сценарий<\/h2>\n<p>Проблемы первоначального сценария:<\/p>\n<ul>\n<li>не учитываются настроение и суть вопроса клиента;<\/li>\n<li>реклама отправляется при любом вопросе;<\/li>\n<li>иногда клиент получает два похожих СМС.<\/li>\n<\/ul>\n<p>Из-за этого сообщение может выглядеть небрежной формальностью и попыткой избавиться от лишней нагрузки. Особенно когда оператор не смог помочь и клиенту придётся писать в техническую поддержку.<\/p>\n<p>К счастью, операторы вправе решать, что и кому отправлять. Договариваемся, что рекламу шлём при условиях:<\/p>\n<ul>\n<li>вопрос о работе в новом интернет-банке;<\/li>\n<li>оператор посоветовал полезное;<\/li>\n<li>у клиента нет негатива и технических проблем;<\/li>\n<li>клиент ещё не получал рекламу.<\/li>\n<\/ul>\n<p>Ограничимся одним СМС. Когда отправляем ссылку на конкретную статью, считаем, что клиент оценит пользу Помощи самостоятельно.<\/p>\n<h2>Текст<\/h2>\n<p>Теперь сценарий формирует предсказуемый контекст и мы знаем о ситуации клиента следующее:<\/p>\n<ul>\n<li>клиент обратился за консультацией, ему все объяснили;<\/li>\n<li>у клиента всё работает, он настроен позитивно;<\/li>\n<li>клиенту наверняка пришлось долго ждать ответа оператора.<\/li>\n<\/ul>\n<p>Не исключено, что хорошее впечатление от работы оператора клиент распространит на Помощь и чат-бота.<\/p>\n<p>Начнём с позитивного:<\/p>\n<blockquote>\n<p>Мы рады, что смогли вам помочь!<\/p>\n<\/blockquote>\n<p>Сформулируем полезное действие: зачем обращаться к Помощи и чат-боту вместо живого оператора? Например, чтобы не ждать в очереди.<\/p>\n<blockquote>\n<p>К сожалению, мы не всегда быстро отвечаем на звонки. Чтобы не ждать ответа, попробуйте…<\/p>\n<\/blockquote>\n<p>Сократим заход про звонки. Нужно быстрее переходить к сути: пока операторы заняты, попробуйте поискать ответ в Помощи.<\/p>\n<blockquote>\n<p>К сожалению, операторы часто не могут быстро ответить. Если у вас возникнут новые вопросы, посмотрите раздел «Помощь» или спросите у чат-бота.<\/p>\n<\/blockquote>\n<p>Уже лучше, но не лаконично. Сократим вступление и допишем остальное.<\/p>\n<blockquote>\n<p>Надеемся, мы смогли вам помочь!<\/p>\n<\/blockquote>\n<blockquote>\n<p>Наши операторы не всегда могут быстро ответить. Если у вас возникнут новые вопросы, посмотрите раздел «Помощь» или спросите у чат-бота. Мы собрали там много полезного.<\/p>\n<\/blockquote>\n<blockquote>\n<p>Бот открывается по кнопке «Чат» в правом нижнем углу интернет-банка. А раздел «Помощь» располагается по адресу: <a href=\"https:\/\/db.vtb.ru\/faq\">https:\/\/db.vtb.ru\/faq<\/a><\/p>\n<\/blockquote>\n<p>Нормально, но что-то смущает. Вспоминаю, что СМС ограничено 140 байтами. Латинские символы занимают 1 байт, кириллица — 2, поэтому в одном СМС не больше 70 кириллических символов. Длинные сообщения приходят пачкой СМС, которые телефон показывает как одно.<\/p>\n<p>В нашем тексте 333 символа, на 5 сообщений. Если сократим, сэкономим внимание пользователя и деньги банка.<\/p>\n<p>Попробуем сжать до двух СМС — 140 кириллических символа. Уберём про рады помочь, следующий раз, полезное и располагается. В процессе приходит в голову, что <i>когда оператор занят, клиент ждёт на линии<\/i>.<\/p>\n<blockquote>\n<p>Чтобы не ждать на линии, посмотрите «Помощь» (<a href=\"https:\/\/db.vtb.ru\/faq\"><a href=\"https:\/\/db.vtb.ru\/faq\">https:\/\/db.vtb.ru\/faq<\/a><\/a>) или спросите у чат-бота — кнопка «Чат» в правом нижнем углу интернет-банка<\/p>\n<\/blockquote>\n<p>Получилось 143 символа, можно ещё сократить, но звучит отрывисто. Хочется естественнее: объяснить причину и выразить отношение, как в разговоре с живым человеком. Попробуем уложиться в три смски.<\/p>\n<blockquote>\n<p>К сожалению, наши операторы не всегда могут быстро ответить. Чтобы не ждать на линии, посмотрите «Помощь» (<a href=\"https:\/\/db.vtb.ru\/faq\"><a href=\"https:\/\/db.vtb.ru\/faq\">https:\/\/db.vtb.ru\/faq<\/a><\/a>) или спросите у чат-бота — кнопка «Чат» в правом нижнем углу интернет-банка<\/p>\n<\/blockquote>\n<p>Оставим <i>не всегда могут<\/i>. Загрузка бывает разная, плюс нам важно подчеркнуть объективные трудности. Сравните:<\/p>\n<blockquote>\n<p>Не всегда быстро отвечают — словно так и устроено<\/p>\n<\/blockquote>\n<blockquote>\n<p>Не всегда могут быстро ответить — может и хотят, но возможности нет<\/p>\n<\/blockquote>\n<p>Спорно, но на тот момент ничего лучше не придумал. Пишите в комментариях, что думаете. А пока пойдём дальше.<\/p>\n<p>После сокращения выходит 204 символа. В интернете узнаю, что длинные СМС тарифицируются по 67 символов. Следовательно, нужно не больше 201.<\/p>\n<p>Убираем скобки, всё равно адрес подсветится. Чат-бота назовём просто ботом, там рядом про кнопку «Чат». Останется место написать <i>посмотрите в Помощи<\/i> вместо <i>смотрите Помощь<\/i>. Результат на 200 символов:<\/p>\n<blockquote>\n<p>К сожалению, наши операторы не всегда могут быстро ответить. Чтобы не ждать на линии, посмотрите в «Помощи» <a href=\"https:\/\/db.vtb.ru\/faq\">https:\/\/db.vtb.ru\/faq<\/a> или спросите у бота — кнопка «Чат» в правом нижнем углу интернет-банка<\/p>\n<\/blockquote>\n<p>Вариант не без проблем, например, в предпросмотр почти не влезает польза про ожидание на линии. Но в колл-центре текстом оказались довольны и назвали самым красивым из всех 237 шаблонов.<\/p>\n",
            "date_published": "2022-02-13T01:28:16+05:00",
            "date_modified": "2026-05-08T18:12:39+05:00",
            "image": "https:\/\/www.vitalyfilatov.ru\/pictures\/069-headpic.png",
            "_date_published_rfc2822": "Sun, 13 Feb 2022 01:28:16 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "79",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "system\/library\/jquery\/jquery.js",
                    "system\/library\/fotorama\/fotorama.css",
                    "system\/library\/fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/069-headpic.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/069-screen-preview.png",
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/069-list-preview.png"
                ]
            }
        },
        {
            "id": "78",
            "url": "https:\/\/www.vitalyfilatov.ru\/all\/links\/",
            "title": "Как ставить ссылки",
            "content_html": "<p>Написал фрагмент редполитики <a href=\"https:\/\/db.vtb.ru\/\">ВТБ Бизнес<\/a> о ссылках в тексте. Тема хорошо освещена, так что просто покажу макет со статьёй.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/www.vitalyfilatov.ru\/pictures\/068-headpic.svg\" width=\"1050\" height=\"1550\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Cвёрстано в Фигме по дизайн-системе банка<\/div>\n<\/div>\n<p>ВТБ Бизнес открылся в 2020, а собственные редакторы появились в прошлом году. Пока нас двое. Я слежу за статьями в разделе Помощи и при случае помогаю ведущему редактору.<\/p>\n",
            "date_published": "2022-01-15T00:45:07+05:00",
            "date_modified": "2022-01-15T01:04:22+05:00",
            "image": "https:\/\/www.vitalyfilatov.ru\/pictures\/068-headpic.svg",
            "_date_published_rfc2822": "Sat, 15 Jan 2022 00:45:07 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "78",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/www.vitalyfilatov.ru\/pictures\/068-headpic.svg"
                ]
            }
        }
    ],
    "_e2_version": 3877,
    "_e2_ua_string": "E2 (v3877; Aegea)"
}