Rose debug info
---------------

Виталий Филатов

о тексте, смысле и красоте

Избранное

Как ставить задачи UX-писателю (диплом 6/6)

Менеджерам и разработчикам. Разбираемся, с какими задачами приходить к UX-писателю и как их ставить, чтобы писатель поменьше душнил и приносил больше пользы.

Это шестая, заключительная статья из цикла о моём UX-дипломе. Ссылки на предыдущие части — в конце страницы.

О писателе и его задачах

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

Писатель работает со смыслами: решает, как писать, и помогает определиться, что писать.

Важно понимать, что писатель почти никогда не знает этого заранее, но умеет узнавать. Для этого он вникает в продукт и задачу, изучает пользователей, задаёт кучу вопросов, показывает черновики и проводит исследования. Это может раздражать, но таков писательский метод: сначала разобраться, потом писать.

UX-писатель может помочь:

  • с текстом интерфейса — кнопками, сообщениями, надписями;
  • логикой и проектированием пользовательских сценариев;
  • обучающими материалами — инструкциями, онбордингом и подсказками;
  • типографикой и вёрсткой текста;
  • письмами и пуш-сообщениями;
  • скриптами поддержки и репликами чат-бота.

Всё многообразие случаев можно свести к формуле:

Если вам нужно упорядочить какой-то смысл, который можно выразить словами, обращайтесь к писателю.

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

Памятка по постановке задач

1. Зовите писателя проектировать вместе с дизайнером и аналитиком. Писатель анализирует контекст, продумывает коммуникацию, подбирает решения, а уже потом пишет. Если дать писателю готовые макеты, он превратится в корректора и задачу полноценно не решит.

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

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

2. Заложите время на анализ. Набрать текст — четверть дела. Чтобы слова работали, писателю нужно разобраться в ситуации и понять, что именно следует сказать. Это может занять больше 5 минут.

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

Если вы придёте заранее, писатель сформулирует причины отключения как полезные клиенту, добавит телефоны поддержки и время простоя, подскажет, как перевести деньги, пока терминал не работает. Сообщение получится вежливым и полезным.

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

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

Если вы дадите писателю материалы и контакты, он сам всё изучит и спросит, а вам не придётся быть посредником между писателем и юристами, дизайнерами и разработчиками.

4. Отвечайте на вопросы. Писатель будет задавать кучу вопросов и спрашивать много глупостей. Он не хочет вас разозлить, ему нужно до конца разобраться во всех нюансах. Чем дотошнее писатель, тем лучше пользователю.

Писатель похож на ведьмин котёл: кидаете в него побольше конкретики — получается магия. Кидаете общие фразы — получается вода.

5. Поставьте формальную задачу. Соберите всё в письме, Джире или Трелло. Объясните приоритет и укажите сроки. Добавьте ссылки на макеты, документы и примеры. Если этого не сделать, писатель сначала возьмёт срочные задачи, а потом пойдёт собирать материалы, уточнять контекст и ожидаемый результат.

Менеджер и писатель созвонились и обсудили онбординг. Менеджер ждёт, что писатель сделает задачу к вечеру. Но у писателя ещё пять звонков и свой ритм переключения между изучением материалов и редактированием. Когда писатель освобождает голову для задачи, ему приходится восстанавливать контекст и дело затягивается.

Если вы соберёте всё нужное в одном месте и поставите сроки, писатель сможет спланировать и восстановить контекст в комфортное время, никого не отвлекая.

Пример

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

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

Ставим задачу в письме или таск-трекере:

Тема: Онбординг для главного экрана

Привет! Главной странице личного кабинета жильца нужен онбординг. Напиши, плиз, и предложи визуальное решение, если будут идеи.

Ситуация: у нас там блок чата с живым оператором. Некоторые пользователи его не видят, уходят на сайт и звонят по экстренным номерам в УК.

Поддержка хочет, чтобы ей чаще писали, поэтому номер и кнопка звонка вынесены на страницу с чатом.

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

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

Всё по задаче

Сторифреймы: miro.com/app/board/o8K_kxzrs1P=/?fbclid=IzAS2JyWuVp2JYDN_4qczjAeBE_WqjGEhupECAhtjbs6t6ML27tloNCEG5xJS

Исследование юзабилити. Там крутые комменты от участников, могут пригодиться: docs.google.com/document/d/1pP2af5Ec2fTyGj9b7jW8DE0E_aVIQlCb_-rHegxX8cc/edit

Макеты главной: www.figma.com/file/l3dNqhytcjCGIKjqSfJJYn/01-Main-Screen

Редполитика: confluence.drakkar.io/pages/viewpage.action?pageId=39321

Кейсы из запросов операторов ТП, про звонки и чат: confluence.drakkar.io/pages/viewpage.action?pageId=21347123

Визуальной частью занимается дизайнер Лёня @lkobiakov. Напиши ему, как приступишь, он в курсе. Его задача прилинкована к твоей.

Будут вопросы по проекту — звони/пиши:

+7 987 654-32-10 / @vfilat

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

Опоссум Ulv Vind

Ссылки

Памятка и пример — часть моей дипломной работы по курсу Нетологии «UX-писатель». Все статьи об учебном проекте:

  1. Задачи и результат
  2. Потребности пользователей
  3. Основы ToV
  4. Интерактивные макеты
  5. UX-исследование
  6. Как ставить задачи UX-писателю — вы находитесь здесь

Учебный проект: основы ToV (часть 3/6)

Третья часть рассказа о моей дипломной работе по курсу Нетологии «UX-писатель». Разрабатываю основы Tone of Voice — стиля, в котором будет написан весь текст приложения жильца ЖК «Яркий».

В этот раз текста особенно много, так что лонгрид-варнинг. Чтения на 9 минут.

Если не читали предыдущие части, рекомендую начать с первой. Там подробнее о заказчике, проекте и продуктовых гипотезах.

Зачем нужен Tone of Voice

Tone of Voice (тон голоса или просто голос) — это стиль общения бренда или продукта. Он определяет, какими словами и в каком тоне мы пишем в различных ситуациях, как относимся к людям, как реагируем на события. Голос формирует впечатление от продукта и отражает ценности его команды.

Важно, что голос продукта — как имидж у человека — есть всегда, даже если им не заниматься. Пользователь всё равно сформирует образ из текста интерфейса, писем и ответов поддержки. Просто если не упорядочивать, образ сложится как повезёт.

Термином ToV или «голосом продукта» называют сам стиль общения и документ, который его описывает. Документ входит в редакционную политику и помогает команде придерживаться нужного тона.

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

Чтобы дизайн соответствовал голосу, я решил проработать ToV до макетов приложения. Для этого я изучил стили общения конкурентов и потенциальных пользователей, подобрал тональность продукта и собрал побольше примеров, без которых ToV будет бесполезным сборником афоризмов.

Критерии оценки голоса

Для изучения требовались рациональные критерии оценки. Я выбрал упрощенную версию фреймворка Nielsen Norman Group с двумя измерениями вместо четырёх:

Серёзный — Весёлый

Формальный — Неформальный

Уважительный — Дерзкий

Игривый — Холодный

Так мне было бы проще наглядно распределить стили коммуникации по осям формальности и серьёзности:

Критериями формальности я выбрал синтаксис и наличие оборотов официально-делового стиля. Серьёзность оценивал по эмоциональной окраске.

Виды тональности с признаками:

Формальный — cложные конструкции с отглагольными существительными и страдательным залогом, модальные глаголы, официально-деловая лексика

Неформальный — естественный синтаксис, простые языковые конструкции, разговорная лексика, свойственная речи потенциальных пользователей

Серьёзный — обезличенное повествование без эмоций, сосредоточенное на передаче смысла

Весёлый — эмоциональное повествование с элементами разговорной речи. Позитивный настрой, энтузиазм и юмор

Как говорят конкуренты

Изучить детально конкурентов не вышло. Для доступа в похожие приложения требовали регистрировать квартиру в УК, поэтому я смотрел открытые источники: сайты, инструкции, скриншоты и страницы в App Store. Я не проводил лингвистического анализа, а на оценки повлиял дизайн приложений. Поэтому всё субъективно.

Похожие приложения для жильцов стараются говорить серьёзно и подчеркнуто официально. Встречались приложения небольших компаний, написанные в стиле программистов, затравленных юристами и маркетологами. Я их не оценивал, на их фоне даже «Умное ЖКХ» звучало доступнее и последовательнее. Примеры смотрите в моей домашке по ToV.

Голоса конкурентов на матрице тональностей:

Как говорят пользователи

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

Тональная матрица, построенная на основе личного общения:

Я предположил, что жильцы будут воспринимать свою управляющую компанию как службу поддержки и адресата в деловой переписке.

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

Голос приложения «Яркого Дома»

В «Ярком» хотят, чтобы потенциальные покупатели воспринимали дома компании как современное и технологичное жильё, а не элитарный клуб. Главная идея «Яркого»: квартира — это сервис. Поэтому их голос должен звучать скорее как прогрессивная служба поддержки, чем как дворецкий или метрдотель.

Основной принцип:

«Яркий» не старается запомниться и произвести впечатление, а решает пользовательские задачи. Просто, спокойно и приветливо.

Пользователь должен встречать вежливость, профессионализм, готовность помочь и внимательную заинтересованность живых людей. Это создаст доверие и чувство, что важно пользователю, важно и сотрудникам УК.

Тональная матрица с вариантами для различных событий:

Тональная матрица продукта поверх пользовательской

Чтобы понять стиль полнее, я добавил к основному тону дополнительные шкалы, тоже по Нильсену-Норману:

Дополнительные шкалы тональности по фреймворку Nielsen Norman Group

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

Основные идеи и примеры

Польза. Всё, что мы делаем, приносит пользу или избавляет от проблем. Сообщаем о плановых работах — предупреждаем неудобства. Предлагаем разрешить уведомления на телефоне — помогаем быть в курсе важных событий. Если сообщение не несёт пользы, беспокоить пользователя не нужно. Если польза есть, объясняем её, чтобы сформировать четкую картину.

Плохо Хорошо
Обновлена процедура оформления пропусков Чтобы оформить пропуск, отправьте курьеру или гостю QR-код
Для работы с приложением требуется разрешение на отправку уведомлений Разрешите отправку уведомлений. Будем оповещать о важных событиях, ремонтных работах и собраниях жильцов

Чтобы объяснять пользу было проще, задаём своему сообщению вопрос «ну и что с того?», пока ответ не станет ясным.

Уважение. Мы общаемся с пользователем вежливо и интеллигентно: без заискиваний, грубости или отстранённого формализма.

Плохо Хорошо
Недопустимый формат номера В номере телефона не хватает цифр
Ваш интернет отвалился, проверьте роутер или смените провайдера Нет подключения к интернету. Проверьте подключение, настройки Wi-Fi и уровень сигнала. Возможно, вы находитесь вне зоны связи

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

Плохо Хорошо
Для продолжения регистрации подтвердите номер телефона Введите номер телефона, чтобы зарегистрироваться. Мы пришлём вам СМС с кодом подтверждения
Заявка успешно отправлена Заявка принята. Электрик придёт в понедельник, 8 февраля, к 18:00.
Добавить в гугл-календарь

Говорим естественно. Стараемся выбирать подлежащие, способные совершать действия: мы, вы, мастер, компания. Добавляем глаголы действия: ремонтируем, работаем, выясняем.

Важные действия всегда совершает кто-то конкретный.

Плохо Хорошо
Ведутся ремонтные работы кабины лифта Лифт сломался, но мы его уже чиним

Пользу всегда выносим в начало, пишем максимально ясно и объясняем контекст. Расшаркивания — это не забота, а лишние буквы.

Плохо Хорошо
Уважаемые жильцы! Запланированы плановые ремонтные работы, возможны перебои в работе лифтовой группы. Заранее приносим извинения за возможные неудобства Отключение грузового лифта
Завтра мы проводим его профилактику с 9:00 до 23:00

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

Плохо Хорошо
Пожар в подъезде! Вызвана пожарная служба. Сохраняйте спокойствие В подъезде дымно!
Сработали датчики дыма. Оставайтесь на улице. Сообщим, когда станет безопасно
Упс! У нас упал сервер и кажется, ваши средства постигло обнуление. Но мы уже чиним, всё будет хорошо Вчера сломался сервер с данными, и ваш баланс мог обнулиться. Мы восстанавливаем данные из резервных копий, скоро всё станет как было

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

Плохо Хорошо
Ку-ку! Кто в домике живёт? Пройдите короткий опрос и узнайте, кто ещё не любит Кайло Рена. Приключение на 5 минут, пёс! Опрос: интересы жильцов
Заполните анкету и мы покажем, чем увлекаются ваши соседи. Будет о чём поговорить на детской площадке :)

В дополнение к идеям и примерам я составил примерную структуру редполитики на полторы страницы, но она в диплом не вошла. Посмотрите в домашке по ToV.

После ToV я сел за макеты, прототип и промежуточное исследование. О них расскажу в следующих частях.

Ссылки

Интерактивный прототип в Фигме. Смотрите в режиме презентации.

Дипломная работа в гугл-документах

Все статьи об учебном проекте:

  1. Задачи и результат
  2. Потребности пользователей
  3. Основы ToV — вы находитесь здесь
  4. Интерактивные макеты
  5. UX-исследование
  6. Как ставить задачи UX-писателю

Учебный проект: потребности пользователей (часть 2/6)

Вторая часть рассказа о моей дипломной работе по курсу Нетологии «UX-писатель». Расскажу, как я изучал потребностей пользователей и какие функции продукта сформулировал на их основе.

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

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

Онбординг на стартовом экране

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

Но сначала немного философии.

Зачем изучать потребности

Изучение потребностей помогает понять, что действительно важно пользователю в продукте.

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

Живые люди куда сложнее абстрактных персон, которые иногда собирают проектировщики с маркетологами. Люди субъективны и иррациональны. Иногда они готовы мириться с неудобствами в сложных процессах, но теряют самообладание от неочевидных мелочей, а иногда наоборот. Угадать сложно.

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

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

Как изучать: интервью и Job Stories

Для диплома было достаточно провести пять-шесть интервью и на их основе составить с десяток Job Stories.

Job Stories — короткие записи, которыми фиксируют пользовательские ситуации и продуктовые фичи. Для удобства чтения Job Stories формулируют по строгой трёхчастной структуре: ситуация, мотивация и ожидаемый результат.

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

Чтобы Job Stories несли пользу, их нужно правильно формулировать:

  • Ситуация должна содержать проблему, а не просто описывать контекст. Например, я не просто зашел на кухню, а у меня там кипяток из трубы хлещет.
  • Мотивацию нельзя подстраивать под интерфейс, она должна описывать желание человека вне продукта. Я не номер телефона в приложении хочу найти, а вызвать мастера.
  • Результат должен иметь связь с продуктом. Если продукт совершенно не предусматривает вызова мастера, эта потребность не принесёт пользы проектированию.

Если все сделать правильно, Job Stories будут содержать ценные сведения о потребностях реального человека и помогать фокусироваться на пользе.

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

В первую очередь меня интересовали отправка показаний, оплата счетов и типичные проблемы в общении с управляющей компанией. Полученные сведения я перевёл в формат Job Stories и предположил необходимые функции.

Job Stories для дипломного проекта. На реальных проектах их могут быть сотни

Сбор фич на основе потребностей

Интервью подтвердили основную гипотезу: жильцам удобнее отправлять показания, оплачивать квитанции и общаться с управляющей компанией в мобильном приложении.

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

Итоговое продуктовое решение звучало так:

Приложение жильца соберет в одном месте всё, связанное с домом и квартирой, и станет основным каналом коммуникации с управляющей компанией и экстренными службами.

На основе Job Stories и фич конкурентов я собрал полный список функций приложения:

  • передача показаний счетчиков и история потребления
  • оплата квитанций по карте и через платежные сервисы
  • архив квитанций, заявок и обращений в УК
  • автоплатёж
  • напоминания о сроках отправки показаний и оплате квитанций
  • вызов мастера с выбором даты и времени, возможность подбора мастера по описанию проблемы и по типовым ситуациям
  • чат с операторами УК, возможность прикладывать к сообщениям фото и видео
  • экстренная связь с диспетчером аварийных бригад
  • заявки в УК с отслеживанием статуса
  • информирование о предстоящих плановых работах, авариях и чрезвычайных ситуациях
  • опросы и собрания жильцов
  • настраиваемые пуш-сообщения
  • оформление временных пропусков для гостей и курьеров
  • доступ к видеокамерам в подъезде, дворе и парковке
  • управление шлагбаумом и дверями пожарных выходов, кладовыми и другой домовой инфраструктурой
  • справочник по законам и нормам в сфере ЖКХ с релевантным поиском и поисковыми подсказками
  • управление домофоном во дворе и на входной двери
  • профиль пользователя и персональные настройки
  • информация по квартире: план, площадь и размеры комнат, высота потолков, точки подведения коммуникаций

В рамках диплома реализовать всё было нереально, поэтому я взял самые основные:

  • новости и оповещения
  • передачу показаний и оплату квитанций
  • вызов мастера и звонок диспетчеру
  • чат с оператором
  • камеры видеонаблюдения
  • справочник
  • заявления в УК

Далее я нарисовал принципиальные макеты в Миро, продумал Tone of Voice и сел рисовать интерактивный прототип и проводить промежуточные исследования. Об этом будет в следующих частях.

Ссылки

Интерактивный прототип в Фигме. Смотрите в режиме презентации.

Дипломная работа в гугл-документах

Все статьи об учебном проекте:

  1. Задачи и результат
  2. Потребности пользователей — вы находитесь здесь
  3. Основы ToV
  4. Интерактивные макеты
  5. UX-исследование
  6. Бонус трек. Как ставить задачи UX-писателю
 311    Нет комментариев   4 мес   UX   кейс

Заметки беспечного путешественника

Мы с Ulv Vind выпустили книжку с картинками — короткую повесть о приключениях эльфа Мелентора и его друзей.

Всё сделали сами: придумали мир, написали историю, нарисовали иллюстрации и сверстали макет. Нам удалось напечатать небольшой тираж :3

Расскажу, о чём книга, зачем её читать и как мы её создавали. Ну, и где её купить, конечно же.

Глянцевая печать, 143×200 (A5), 96 страниц, клеевой переплёт

О чём книга

Это по-хорошему юмористическое фэнтези, какие пишут по мотивам игр D&D. Немного Толкиена, чуток Пратчетта и горсть отсебятины.

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

По жанру книгу можно назвать неторопливым артхаусным роад-муви в фэнтезийном сеттинге. История раскрывается в серии дневниковых заметок молодого учёного Мелентора, которому интереснее описывать быт шахтёрского городка, чем свои переживания от встречи с драконом. Во введении он честно предупреждает читателя:

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

Зачем читать

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

У книги два достоинства: она короткая и в ней три десятка иллюстраций. Некоторые дополняют историю деталями, которых нет в тексте.

Каждый эпизод дополняет иллюстрация

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

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

История

С чего мы решили писать книгу.

В 2019 Ulv позвала меня писать короткие истории к картинкам для Инктобера. Это ежегодный октябрьский марафон неистовых рисовачей, когда художники весь месяц ежедневно рисуют и выкладывают по картинке.

К концу марафона у нас кончились идеи и мы запаниковали взялись за фэнтези. Нам не хотелось писать очередную эпическую сагу, поэтому мы решили иронизировать. Ulv придумала путешественников в дремучем лесу, а я сочинил отрывок из дневника.

Первая картинка, с которой всё началось. Инктобер-2019, день 28

Дневник Мелентора. Пятый день пути. Ивар заявил, что он неплохой следопыт и проведёт нас напрямик через лес, поэтому лошадей мы решили взять в городке у Тлеющих гор. Мне начинает казаться, что мы заблудились: пару дней назад Ивар прекратил пить и хвастаться своим мастерством.

Следующий Инктобер мы целиком посвятили новому походу троицы. Продумали мир и основные события, набросали персонажей и план публикаций.

На марафоне планы разъехались, вылезла куча трудностей и выпускать по эпизоду в день было тяжело. Местами мы отчаянно импровизировали, правили сюжет на ходу и закрывали логические дыры, чем могли. Что из этого вышло, можно посмотреть по тегу #ДневникМелентора.

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

Как купить

ВК-паблик Ulv Vind

Если вы живёте в Уфе — напишите мне в телеграм: @vitalyfilatov

Мы напечатали всего 50 штук, 4 апреля оставалось 37.

Чуть позже сделаем PDF-версию.

 

Над книжкой работали

Ulv Vind — иллюстрации

Я, Виталий — текст и вёрстка

Ирина Малкавиан — корректор

Учебный проект: задачи и результат (часть 1/6)

Рассказываю о своей дипломной работе по курсу Нетологии «UX-писатель». Почитайте, если вам интересно, чем занимаются UX-писатели и с чего можно начать работу над приложением.

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

Чем занимается UX-писатель

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

Как организован курс

UX-писатель — новая профессия, учиться приходится по книгам, статьям и рассылкам. На начало 2021 года в Рунете был только один курс Нетологии, где предлагали систематизировать знания под присмотром практикующих экспертов.

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

Личный кабинет Нетологии. До диплома осталось получить один зачёт

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

Заказчик и его гипотеза

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

Чтобы жильцам было удобно общаться с управляющей компанией, передавать показания счётчиков и взаимодействовать с домовой инфраструктурой, «Яркий» разрабатывает собственное мобильное приложение жильца — «Яркий Дом».

Для начала заказчик хотел убедиться, что жильцу нужно именно приложение. Его продуктовая гипотеза звучала так:

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

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

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

Задачи

Я решил, что подключился к проекту до начала разработки и совмещаю роли UX-писателя и дизайнера.

Мне предстояло изучить конкурентов и потребности пользователей, сформулировать продуктовое решение, продумать основы стиля общения и собрать интерактивный прототип для дальнейших тестов.

Дополнительно я составил шаблон постановки задачи UX-писателю, чтобы менеджерам было проще со мной работать.

Подробнее о каждом этапе читайте в следующих статьях цикла.

Результат

Основная задача выполнена — создан прототип приложения на основе потребностей реальных людей.

Стартовый экран, дашборд, вызов мастера и чат с оператором

Проект длился 6 недель. На домашние работы и диплом ушло примерно 45 часов.

Работу похвалила преподаватель курса и мой дипломный руководитель Ирина Моторина, чем я теперь всюду хвастаюсь :3

Фрагмент письма о проверке дипломной работы. В комментариях я извинялся за пропущенную запятую в описании

После защиты я получил свидетельство об обучении. Удостоверение о повышении квалификации всё ещё идёт «Почтой России».

Я учился на шестом потоке, в группе UXCW-6

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

Ссылки

Интерактивный прототип в Фигме, смотрите в режиме презентации

Дипломная работа в гугл-документах

Все статьи об учебном проекте:

  1. Задачи и результат — вы находитесь здесь
  2. Потребности пользователей
  3. Основы ToV
  4. Интерактивные макеты
  5. UX-исследование
  6. Как ставить задачи UX-писателю
 313    Нет комментариев   7 мес   UX   кейс

Сайт курса по бэкенду

Сделал сайт курса для разработчиков энтерпрайз-бэкенда. Собрал структуру, написал текст, подготовил картинки и сверстал в Тильде.

Авторы курса — Евгений и Сергей — за десять лет практики собрали все грабли, устали от унылого хаоса в разработке и решили передать свой опыт в формате онлайн-курса. Курсу требовался сайт, который бы объяснял пользу, показывал экспертность авторов и отличался от лендингов с перепродажей чужих лекций. Получилось так: howto.stringconcat.com

Работа над сайтом условно делится на шесть смысловых этапов:

уточнение задачи → сбор и анализ материала → поиск структуры → текстовый макет → подбор иллюстраций → вёрстка

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

Уточнение задачи

Сначала меня звали только писать. Чтобы не морочиться с дизайном, ребята планировали купить готовый макет и разбавить его листингами и заказными иллюстрациями. Но большинство макетов сделаны под типовые лендинги с преимуществами в три ряда и абстрактными плоскими иконками. Мне же хотелось, чтобы сайт выглядел как статья в печатном журнале. Поэтому я предложил отказаться от готового дизайна, сверстать всё в одну колонку, а нужное настроение создавать тоном, иллюстрациями и типографикой.

Исследование

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

Для сайта курса я изучил черновики рекламных писем, заметки по ЦА, сценарий вводного ролика, посмотрел несколько лекций, изучил учебный план, почитал Хабр и Ebanoe.it. Это помогло погрузиться в тему, собрать вопросы для интервью и наметить способы демонстрации полезного действия курса.

Поиск структуры

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

Хорошая структура появляется эволюционным путём

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

Чтобы читателю было удобно, мы стараемся предугадать его вопросы и вовремя на них ответить. Объясняем, о чём и для кого курс, какие проблемы он решает, показываем, как он это делает, кто авторы и так далее. Получается логичная последовательность блоков с описанием функций.

По мере работы с текстом становится яснее, какие вопросы могут возникнуть у пользователя, и структура немного меняется.

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

Текстовый макет

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

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

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

Как разработать продукт, за который не стыдно

Как поддерживать и развивать проект, не жертвуя сном и здоровьем

Перестать выгорать и начать жить

Сухое изложение утомляет и, чтобы страница запомнилась, ей нужно настроение. Мы добавили немного перца, и поначалу в тексте ровно один раз встречались говно и жопа. Потом они превратились в дерьмо и задницу, а затем исчезли вовсе, но нужная образность осталась:

По началу всё идёт хорошо, но потом проект превращается в зиккурат из костылей и противоречий. <...> Никто не знает, как работает ключевой модуль, а кто знал — уже на пенсии, ушёл к конкурентам или умер.

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

Иллюстрации

Самая важная и самая сложная часть. Иллюстрации создают настроение и убеждают сильнее слов, демонстрируя работу продукта.

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

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

Все изображения мы сделали сами. Евгений набросал на планшете пример гексагональной архитектуры, записал гифку с деплоем, собрал статьи в Ноушене и сфоткал книжки. Схема на экране ноута тоже настоящая.

Картинку в шапке сделал Сергей и она идеальна. Мы долго обсуждали, что туда поставить, пока Сергей не предложил описать курс на языке Kotlin.

Всё по делу: стиль и формат кода, среда разработки, ночная тема, структура проекта на боковой панели и названия вкладок

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

Оригинал и результат. Евгений демонстрирует позитив, спокойную уверенность и открытость

Вёрстка

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

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

Всё, кроме шапки, сделано на типовых блоках Тильды. Шапка — зеро-блок с вариантами под разные устройства.

Рассказ о курсе свёрстан в две колонки. Левая кратко пересказывает правую и работает как якорь, чтобы взгляду было за что зацепиться.

Всё набрано шрифтом Open Sans. У него почти нет характера, открытый рисунок и широкий диапазон жирности. Сейчас я бы сделал заголовки чем-то более выразительным, например, шрифтом IBM Plex.

Для удобства чтения размер основного текста подобран так, чтобы в строке было не больше 80 знаков. Местами текст немного подрезан или переписан, чтобы выровнять правый край абзаца. Где не получилось переписать, стоят мягкие переносы.

Особый шик — колонки одинаковой высоты:

В итоге все эти ухищрения дали нужный результат. Ребята показали сайт знакомым маркетологам и разработчикам, получили позитивные отзывы и подтвердили гипотезы. Теперь дело за рекламой:3

Отзыв из переписки Евгения

Рерайт: как позвонить в квартиру

Разбираемся в визуальном контрасте, иерархии и сценариях на примере короткой инструкции к домофону.

В геометрическом центре Уфы построили жилой комплекс «Идель Тауэр» с небоскрёбом, подземной парковкой и забором. На входе висит домофон с инструкцией вызова квартиры:

В комплексе три здания с общим адресом и нумерацией квартир. Чтобы позвонить в квартиру с улицы, нужно указать подъезд через #. Остальные домофоны стоят в подъездах.

Определять подъезд по номеру квартиры просто, с этим справится даже детский электронный конструктор. Конкретно этот домофон просто не предусматривает сквозной нумерации квартир в отдельных зданиях, но умеет перенаправлять вызов, как офисная АТС.

Изменить или заменить домофон мы не можем, поэтому работаем с инструкцией. Попробуем сделать её проще для восприятия.

Собираем проблемы

У текста нет видимой структуры. Чтобы понять суть, табличку приходится читать последовательно. Немного помогает деление на блоки, но текст всё равно сливается в полотно и разбираться в нём не хочется.

Чтобы проверить структуру, достаточно посмотреть на текст издалека или без очков. Если всё выглядит монотонно, структура плохая.

При беглом взгляде табличка похожа на какое-то объявление администрации

Непонятно, для кого эта инструкция. В заголовке обращаются к жителям, в тексте объясняют, как позвонить консьержу и в квартиру. Есть гипотеза, что после канцелярского обращения «Уважаемые…» включится булщит-фильтр и читатель решит не тратить время.

Таблички часто начинают с крупных «Внимание!» и «Уважаемые…», потому что это работает в устной речи. В письменной речи вниманием управляют заголовки, поэтому лучше писать крупно саму суть: Не паркуйтесь у ворот, скорая не сможет подъехать.

Инструкция описывает функции домофона, а не сценарии его использования. Читателю нужно изучить текст и самостоятельно решить, как именно он попадёт внутрь.

Изучаем сценарии

У нас три группы пользователей: жильцы, гости и различные службы. Жильцы заходят по магнитному ключу, почтальона пустит консьерж, а гости звонят в конкретную квартиру. Получается три сценария:

  1. Позвонить в квартиру
  2. Вызвать консьержа
  3. Открыть дверь ключом

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

Звонок в квартиру — самый сложный сценарий. Нужно объяснить порядок набора и показать таблицу с делением квартир по подъездам и секциям:

Секции А, Б и В — это строительная маркировка, 2 — вторая очередь строительства. Жители привыкли к номерам секций, поэтому их стоит оставить. Возможно, кто-то так и говорит гостям: 501 квартира в 2В.

Вызов консьержа и использование ключа элементарные сценарии. Объяснять особо ничего не нужно, просто нарисуем, куда смотреть. Пожилым и рассеянным людям будет проще сориентироваться.

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

Пишем текст и рисуем

Делим текст на сценарии, выделяем заголовки, собираем номера квартир и подъезды в табличку, рисуем иллюстрации.

Получается так:

Стало и было

Процесс по шагам в Фигмe

Обсуждение в ВК

Рассказ о ласке-авиаторе

Написал короткий рассказ для художницы Ulv vind. Она участвует в марафоне Inktober — каждый октябрь рисует по картинке в день, а я помогаю придумывать подписи в меру сил и фантазии.

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

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

Мы работаем параллельно, обмениваясь идеями и набросками. На рассказ у меня есть примерно три часа, но ключевые идеи нужны побыстрее, чтобы согласовать критичные детали на этапе карандашных эскизов. Когда Ulv возьмется за тушь, будет поздно.

Черновой скетч. Очки сварщика обрезают боковое зрение и пилоты ими не пользуются

Итак, у меня есть лихая ласка-авиатор с мятыми усами и суровым взглядом. Осталось придумать кто он, что с ним происходит и в каком мире он живёт.

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

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

Герой. Ласка — маленькое хищное животное из семейства куньих. Это смелый и агрессивный зверек, который не боится человека и крупных хищных птиц. Ласка противоречива: истребляет мышей и домашнюю птицу, вредит лошадям и приносит удачу в дом.

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

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

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

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

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

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

Про Барона и молодость авиации можно говорить долго, подведём итог:

Наш авиатор будет аристократом, легендарным героем и гениальным летчиком-истребителем.

В честь немецкого аса ласка получает имя Манфред и фамилию Вайзель, от английского weasel в звучании на немецкий манер. Герой готов.

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

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

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

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

Я люблю, когда герой сам создаёт причины своих невзгод. Поэтому меняю несправедливость на идеализм героя. Убеждения толкают его на конфликт с могущественными силами, отчего он наживает врагов. Но в то же время герой проявляет исключительные качества, за что его уважают.

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

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

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

Пират-джентльмен романтичен по определению, воздушный пират на биплане — романтичен запредельно.

Герою нужны враги. Ласки охотятся на мышей, но плохо справляются с серыми крысами. Значит, родине героя угрожают крысиные полчища: серые шинели, стальные машины, дисциплина и имперский дух.

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

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

Тут меня накрывает волной, детали со щелчком встают на место, образуют связи и следствия, история обрастает плотью. Остаётся несколько раз вычитать, отполировать и чуть сократить. Ulv присылает готовую картинку и получается вот что:

Повесть о Небесном Охотнике

Да что вы знаете о Небесном Охотнике, ползуны! Думаете, он просто везучий пират? Как бы не так. Манфред фон Вайзель был истинным аристократом, гениальным авиатором и отчаянным авантюристом. Земные обычаи меня не касаются, говаривал он, а в небе прав тот, кто выше летает.

Манфред жить не мог без полёта и приключений. В юности он связался с анархистами, после неудачного переворота бежал из страны, облетел полмира с воздушным цирком, а потом несколько лет пиратствовал на торговых путях Восточного разлома. Да, он стал разбойником, но благородным! Манфред забирал только половину груза и никогда не брал заложников ради выкупа. При дворе Манфреда ненавидели, а в народе любили. Его банду ловила целая эскадра, да куда там!

Но как бы высоко ни летал Манфред, он никогда не забывал о Родине. Когда началась война с Крысарской Империей, думаете, он отсиделся в горах? О, нет! Он в тот же день отправился на фронт. Успеете повесить, бросил он трибуналу, сперва перебьём всех серомордых. Три года он гонял крысюков от Восточного разлома до Великого предела. Даже асы Стальной Стаи уважали Манфреда! В сражении над Ивовым полем он бился против пятерых, ему пробило ноги и лёгкое, мотор загорелся… и что тогда сделал Манфред? Пролетел сквозь цеппелин Великая Крысария! Потеряв флагман, крысарцы отступили, а через два месяца и война кончилась.

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

Оригинальный пост в ВК

Благодарности

Людмиле Сарычевой — за доступные объяснения принципов драматургии.

Ильдару “Lt. Ivi” Валишину — за книги Артура Переса Реверте и историю о пионерах авиации.

Художнице Ulv Vind — за вдохновение, мотивацию и исходники.

Данису Мулюкову — за идею джазовой песенки в кабаре:

Манфред, Манфред, был пиратом Манфред.
Манфред, Манфред, высоко летал!

Форма обратной связи

Написал призыв к действию для формы обратной связи Девхаба и решил призывом не ограничиваться, а сочинить весь диалог пользователя с feedback-формой мечты. Расскажу, как бы она могла себя вести и что уметь, а потом попробую объяснить, почему такую сложно сделать.

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

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

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

Взаимодействие с формой состоит из четырёх этапов:

  1. Пользователь замечает кнопку обратной связи и решает посмотреть, что там.
  2. Страница проматывается на форму или открывается модальное окошко. Пользователь читает-заполняет или уходит с формы и дальше ничего не происходит.
  3. Форма отправляет сообщение.
  4. Пользователь читает подтверждение об отправке, диалог завершается.

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

Я предпочитаю формы в модальных окнах: они понятно переключают внимание, не мешают на страницах не про продажу, их проще закрывать щелчком за пределами окна. Поэтому дальше я пишу про формы в модальных окнах.

Элементы формы

  1. Модальное окошко с подложкой, которая затеняет страницу. Если форма большая, её можно разворачивать на весь экран с анимацией. Окошко должно влезать в экран и блокировать прокрутку страницы, чтобы после закрытия формы пользователь оказался там же, где начал диалог.
  2. Заголовок, чтобы было понятно, чего форма хочет от пользователя.
  3. Призыв к действию, объясняющий что и зачем писать, какая от этого будет польза, кто ответит и когда.
  4. Поля ввода, которых должно быть как можно меньше. Согласно модным представлениям о психической энергии, мозг охотнее выделит энергию на простое действие с понятным смыслом.
  5. Кнопка «Отправить». Неактивна, пока обязательные поля пусты.
  6. Подтверждение об отправке. Если отправка занимает полсекунды, показываем спиннер, чтобы пользователь не подумал, что всё сломалось.
  7. Крестик, закрывающий форму. Кнопка «Закрыть» не нужна, форма закрывается по крестику или клику за пределами окошка.
  8. Предупреждение со ссылкой на политику конфиденциальности. Если юрист разрешит, её можно её убрать в подвал.

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

В идеале кнопка обратной связи живёт в навигационном меню, которое сжимается или прячется при прокрутке.

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

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

Кнопка про всё сразу на странице вымышленной компании

Вот как вся эта красота может выглядеть у компании с широким профилем:

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

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

Телефон и почта — традиционные каналы связи в деловой среде, но если целевая аудитория предпочитает мессенджеры, уместнее спрашивать логин в Телеграме/Скайпе или аккаунт ВК/ФБ.

Обязательные поля. Пока пользователь не указал почту или телефон, кнопка «Отправить» неактивна. Другие поля для первого контакта не особо важны: имя и вопрос можно узнать в разговоре. Заставляя пользователя заполнять на себя досье, мы решаем не его задачу, а свою. Не надо так.

Форму можно научить полноценному диалогу, прописав подсказки для разных ситуаций. Указан телефон — предлагаем указать почту, чтобы не диктовать её. Пользователь ввёл почту, предлагаем указать телефон, чтобы позже обсудить детали.

Чтобы пользователь заполнил побольше, мотивируем его разумными объяснениями: укажите почту, чтобы не диктовать её по буквам, мы вышлем вам презентацию.

К обработке формы можно прикрутить CRM и квалифицировать заявки по заполненным полям. Например, если пользователь указал имя, почту, сообщение и приложил файлы, ставить заявку в приоритетные лиды. Заявки с одним номером телефона — как запрос звонка, а в ответ на имя и почту автоматически высылать презентацию. А потом подключить нейронную сеть, чтобы она определяла вес лида по тексту сообщения и отвечала на типовые вопросы.

Для начала можно научить форму определять день недели и выводить корректную подпись под полем телефона:

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

Телефонный номер приводим к нужному формату после ввода, чтобы не сбивать пользователя и не мешать вставлять номер автоподстановкой или по Ctrl + V.

Поле сообщения меняет размер, чтобы пользователь видел весь текст без прокрутки. Если форма не помещается в один экран, она вытягивается целиком, без полос прокрутки внутри модального окна. Так удобнее скроллить и понятно, что внизу ещё что-то есть.

Если страница короче получившегося окна, можно скролить само окно относительно неподвижной страницы.

Ничего не мешает изложить дело обстоятельно

Вложения. Поскольку мы предлагаем делиться идеями и проектами, к сообщению можно добавлять файлы. Добавляются они перетаскиванием или через системный диалог, тут всё обычно.

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

Фрагмент формы с недопустимым файлом

После отправки показываем подтверждение и кнопку с утвердительной формулировкой, которая закрывает окно. Я за то, чтобы подтверждение появлялось в том же модальном окне. Размер окна можно плавно менять, но окно должно оставаться тем же, чтобы не сбивать с толку.

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

Мы позвоним вам на этой неделе до 17:00 по Москве.

Мы позвоним вам в понедельник с 10:00 по Москве.

Мы изучим материалы и напишем вам в начале следующей недели.

А теперь немного прагматичного реализма.

Почему такую форму сложно сделать. Причины две: конечность ресурсов и ограничения движков и виджетов.

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

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

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

Обращайтесь к нам ;3

 77    1 комментарий   2019   UX

Как физлицу подключиться к Диадоку

UPD. В августе 2019 Диадок поменял состав услуг и перестал выпускать облачную подпись.

Мы в Девхабе работаем удалённо и ведём электронный документооборот в Диадоке. Чтобы подписывать заявления, приказы и акты, мы просим всех новых членов команды выпустить электронную подпись и завести учётку в СКБ Контур. С ИП проблем не возникает, но физики подключаются к Диадоку реже, поэтому инструкции для них неполные, а менеджеры и техподдержка говорят немного разное. Чтобы подключение к сервису не превращалось в квест, мы написали инструкцию. Для этого я изучил сайт Контура, надоел техподдержке и выпустил свою электронную подпись на защищённом носителе.

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

Инструкция по получению подписи

Для начала выберите аккредитованный удостоверяющий центр. Подойдёт любой из списка Минкомсвязи, выдающий квалифицированные сертификаты. В этот центр нужно отправить заявку на выпуск электронной подписи, оплатить полученный счёт, передать документы на проверку, а после забрать готовый сертификат уже в сервисном центре. Можно отправить курьера, выписав ему доверенность.

Мы рекомендуем удостоверяющий центр СКБ Контур, с ним меньше путаницы и проще подключиться к Диадоку.

Для оформления электронной подписи вам понадобятся:

Паспорт. Разворот с фотографией. Если вы восстанавливаете паспорт, подойдёт временное удостоверение личности. Если у вас нет российского гражданства, подойдёт иностранный паспорт с нотариально заверенным переводом на русский или вид на жительство.

ИНН — свидетельство о постановке на учёт в налоговый орган физического лица.

СНИЛС — страховое свидетельство Пенсионного Фонда. Лицевая сторона.

Заявление на выпуск цифровой подписи. Скачайте его из Личного кабинета Контура, подав заявку на портале удостоверяющего центра СКБ Контур. Весь процесс описан ниже.

Потребуются оригиналы или заверенные копии.

Если документы будет подавать курьер, напишите доверенность на право подписи. Чтобы курьер мог забрать готовый сертификат, подготовьте доверенность на курьера. Оформить доверенности может только нотариус.

Два вида подписи

Контур выпускает два вида цифровых подписей: квалифицированную цифровую подпись и Контур.Сертификат — облачную подпись, работающую только с продуктами Контура.

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

Электронная подпись для физических лиц стоит 1000 ₽ в год. Для записи подписи в реестр потребуется Лицензия КриптоПро, которая входит в стоимость.

Контур.Сертификат хранится в облаке Контура и работает только с их продуктами. Такие подписи оформляют реже, поэтому на сайте Контура о них не написано. Стоит 900 ₽ в год.

⚠ Как физик вы можете подписывать только неформализованные документы: приказы, заявления, договоры и NDA. Для документов с утверждённой государством формой одной цифровой подписи недостаточно, нужна регистрация в системе ЭДО. Для регистрации нужен ОГРН, которого нет у физических лиц. В ЭДО регистрируют только ИП.

Весь процесс по шагам

1. Оформите заявку на электронную подпись для физических лиц на сайте Удостоверяющего центра СКБ Контур. Для выпуска Контур.Сертификата проще позвонить менеджерам — подать заявление на выпуск облачной подписи на сайте нельзя.

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

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

2. Оплатите счёт, который придёт на электронную почту. Обычно счёт выставляют за три часа, а платёж идёт один рабочий день. Чтобы в Контуре не ждали банковского оповещения, отправьте в обратном письме скан, фотографию или скриншот платёжного поручения с номером счёта. Менеджеры сервисного центра ответят, что приняли условную оплату, и отправят заявку в работу.

Счёт можно оплатить в мобильном банковском приложении, указав в поле Лицевой счёт/Договор номер счёта, а в назначении платежа — номер и дату счёта. Заскриньте чек по операции и отправьте обратным письмом.

3. Заполните заявку на выпуск подписи. Через три часа после оплаты счёта вы получите письмо с инструкцией и ссылкой на Личный кабинет в Контуре. Войдите в Личный кабинет по номеру телефона, загрузите фото или сканы документов, заполните и распечатайте заявление. Оно понадобится при получении печати в сервисном центре.
На сайте Контура есть подробная инструкция по заполнению заявки.

4. Дождитесь рассмотрения заявки. Через день-два вам придёт СМС и письмо с результатами проверки документов. После одобрения вам позвонит менеджер из сервисного центра и пригласит в выбранный вами офис для подтверждения личности. Если менеджер не сможет дозвониться, напишет письмо.

Если заявку отклонят, сотрудники сервисного центра помогут исправить неточности и отправить новую заявку.

5. Отвезите оригиналы или заверенные копии документов и заявку на выпуск в выбранный офис. Вам вручат красивую папку, договор, флешку и акт о получении носителя, если вы заказали флешку-токен.

⚠ В офисе сервисного центра вам дадут пустую флешку. Перед использованием подпись нужно выпустить, загрузить на носитель и подключить к Диадоку.

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

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

7. Зарегистрируйтесь в Диадоке и привяжите к нему подпись. Для обычной электронной подписи установите личный сертификат и войдите в Диадок по сертификату. Для облачной подписи достаточно авторизоваться в Диадоке по логину.

Тарифы и цены Диадока

Новый пользователь Диадока получает промопакет на 50 документов. Считаются только отправленные пользователем документы, которые подписаны получателем. Входящие документы в это число не входят.

Когда промопакет закончится, придётся переходить на платный тариф. Самый подходящий — тариф «Минимальный» на 100 исходящих документов, он стоит 900 ₽ в год.

Облачную подпись я не выпускал, поэтому она описана неполно. Если у вас будут замечания, уточнения или просто заходите обсудить что-нибудь про текст, пишите мне на почту v-fil@ya.ru или в Телеграм @vitalyfilatov.

Границы манипуляции в тексте

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

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

Неэтично лгать и создавать негативные мотиваторы: чувство вины или тревоги, давить на жалость или самооценку.

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

Как запустить внутреннюю рассылку

Подробная версия шагов из рассказа о рассылке Девхаба. Мы запустили рассылку для небольшой распределенной команды, но что-то сработает и в крупной компании.

1. Соберите идеи

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

Рассылка — рассказ о компании и коллективе. Старайтесь транслировать новости и объявления в мир читателя, описывая их с позиции практической пользы. Как нужно → как проще и удобнее.

Все идеи фиксируйте в одном месте. Заведите отдельный гугл-док и записывайте туда всё: мысли, ожидания, заметки по вёрстке, правила упоминания коммерческой тайны, список получателей, типы и источники новостей, ссылки на папки с исходниками, пароль к Мейлчимпу.

2. Заложите бюджет

Решите, сколько вы готовы тратить на рассылку первые два-три месяца. Это поможет подобрать оптимальный объём выпуска и темп работы. Начните с корпоративных новостей и объявлений в 300—400 слов и пару картинок. Длину текста удобно измерять Хрономером или Главредом.

3. Соберите редакцию

Договоритесь, кто будет заниматься рассылкой: вычитывать выпуск, согласовывать корпоративные новости, давать комментарии и говорить последнее слово. Пропишите роли и сферу ответственности для каждого участника, настройте права доступа, создайте типовые события в календаре и закрепите за ними исполнителей.

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

4. Найдите редактора

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

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

5. Соберите источники

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

Если не настроить сбор новостей, редактор превратится в помесь скандального журналиста и следователя. А это совсем немило ;3

6. Организуйте процесс

Подберите инструменты и организуйте хранение материалов. Готовить выпуск и рассылать проще всего в Мейлчимпе, но подойдет любой мейлер с визуальным редактором. Писать и согласовывать удобно в Гугл-доке, хранить исходники на Гугл-диске, проверять в Орфограммке и Ворде. Можно ловить мусор в Главреде, ориентируясь на 7 баллов и выше.

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

7. Познакомьтесь с читателем

Знание коллектива поможет сделать рассылку более личной и точной, найти авторов и новые источники новостей. Если редактор внешний или недавно устроился, помогите ему познакомится и понять команду. Приглашайте в офис, зовите на корпоративы, подключите к совещаниям. В удалённо работающей команде на это потребуется примерно полгода.

8. Стройте экосистему

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

9. Собирайте обратную связь

Эффективность внутренней рассылки сложно измерить. Собирайте упоминания в общих чатах, вопросы, предложения, критику — всё.

Косвенное влияние можно отследить по частоте обращения к HR и Базе знаний с типовыми вопросами. Если вы периодически пишете, как правильно логировать рабочее время и оформлять отгулы, сотрудники будут реже спрашивать, как это делать правильно.

10. Следите за разнообразием

Экспериментируйте и боритесь с монотонностью. Добавляйте забавные гифки и красивые картинки, рисуйте графики. Не бойтесь выглядеть по-любительски небрежно. Скриншот с диаграммой из Эксела лучше скучного полотна текста. Если нет подходящих картинок, разбивайте текст на блоки с крупными заголовками. Чередуйте длинные и короткие выпуски, меняйте набор рубрик, вводите новые — делайте всё, чтобы выпуск выходил вовремя, но содержание его было непредсказуемым.

Внутренняя рассылка Девхаба

Я работаю писателем в Девхабе. Вычитываю письма, пишу статьи и документацию, помогаю с вакансиями и веду еженедельную рассылку для команды. Расскажу, зачем рассылка нужна, как устроена, как мы собираем материал и готовим выпуск. В конце пара слов, как сделать свою.

Мы запустили рассылку в ноябре 2017. С тех пор каждый понедельник пишем о новостях компании, напоминаем регламенты, поздравляем именинников, куражимся, шлем котиков и советы о разном. К этому моменту накопилось 34 выпуска. Есть о чем рассказать.

⚠ Рассылка — внутренний документ и попадает под действие NDA. Поэтому выпуск целиком не покажу, только зацензуренные фрагменты.

Задачи рассылки

Девхаберы работают удаленно и живут в пяти часовых поясах от Сибири до Португалии. Менеджеры и разработчики плотно общаются в Слаке, но редко собираются все вместе. Чтобы сотрудники были в курсе происходящего и не теряли связь с коллективом, нужно регулярно сообщать о новостях и событиях в жизни команды. Рассылка помогает делать это централизованно и красиво.

Мы собираем все важное из разных источников, даём комментарии, берем интервью, просим фотографии. Слак для этого не годится: каналов много, их часто мьютят, приходится читать все подряд.

Как устроена рассылка

Рассылка проста как гвоздь. Каждый понедельник мы шлем Мейлчимпом письмо с анонсами, объявлениями и новостями за прошлую неделю. Вышедший выпуск копируем в командный Confluence, чтобы работал поиск.

Рассылка задумывалась как легкое чтиво на 6—7 минут утром понедельника, поэтому у выпуска максимально простая структура: от самого важного, что необходимо и полезно знать каждому, до малозначимого.

Чтобы рассылка не утомляла однообразием, периодически немного меняем формат: сбиваем новости в один блок со строчными заголовками, собираем весь выпуск из новостей сотрудников, придумываем новые рубрики или пишем старые в непривычном тоне. Общая последовательность блоков при этом не меняется, пустые блоки пропускаем.

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

Медиаплан не ведем, берем шаблон статьи для рассылки и сваливаем в него всё за неделю. Если что-то нужно запланировать на конкретную дату, создаем выпуск с будущей датой и кидаем туда. Если выпуск распухает, переносим менее важное в следующий или в док-накопитель. Он так и называется: «О чем еще можно написать».

Крупные материалы, которые трудно сделать за неделю, готовим между выпусками. Это не отвлекает от основной работы, можно спокойно допилить. Например, такой лонгрид с фотками и картами.

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

С апреля решили писать прямой речью от лица редактора, чтобы рассылка стала более личной и несла персональное мнение.

Средний объем выпуска — 800 слов. Стараемся максимально сокращать, чтобы легко читалось за 6 минут.

За объёмом не гонимся. Если новостей мало, выпуск выходит коротким, с парой-тройкой дополнительных забавных фактов и картинок.

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

Жизненный цикл выпуска

Выпуск начинается с задачи в Jira, куда прикрепляется ссылка на гугл-док с текстом и картинками выпуска. В задачу логируют время работы все участники: редактор, редсовет, ньюсмейкеры и добровольцы-корректоры. Цикл занимает в среднем 6 часов чистого рабочего времени, без учета редакторского тупежа и приступов перфекционизма.

У выпуска двойная нумерация: порядковый номер и номер недели в году. Например, 24 / 2018-16. Это оверкилл, но удобно для хранения картинок в общей облачной папке. Номер год-неделя входит в имя файла, такой разрядности хватит на всё обозримое будущее цивилизации.

Файлы наглядно сортируются в облачном хранилище. Есть шанс что-то найти

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

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

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

Вечером воскресенья дописываю выпуск по комментариям, вычитываю, прогоняю через Орфограммку, доделываю картинки, еще раз прохожу по чек-листу, верстаю и заряжаю выпуск в Мейлчимп.

Утром понедельника копирую выпуск в архив, кидаю ссылку в публичный канал Слака и начинаю собирать материал на новый выпуск. Если пишут про ошибки и опечатки, радуюсь, что кто-то всё это читает, и указываю ошибки в конце выпуска. Это помогает их разбирать и запоминать.

Иногда хаотическая природа мира даёт о себе знать, расписание съезжает и приходится превозмогать. Например, перед отправкой приходят критично важные новости. Участники согласования оказываются на краю мира без связи и присылают комментарии за несколько часов до выхода выпуска. Я сам оказываюсь черте где или на меня нападает жесткая пятничная прокрастинация и выпуск уходит на согласование утром воскресенья.

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

Вёрстка и публикация

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

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

Готовый текст копирую в окно визуального редактора Мейлчимпа, сбрасываю форматирование, вручную расставляю заголовки и оформление, прогоняю через Типограф, заливаю и расставляю картинки. После этого отправляю тестовое письмо, проверяю его по чек-листу, правлю и заряжаю на 10:00 AM по Москве.

Когда Мейлчимп всё благополучно разошлет, останется перенести выпуск в архив Confluence, поправить съехавшую верстку, залить картинки в облако и вставить их в текст.

Копировать картинки в Confluence нельзя, он от этого пухнет и глючит. А оставлять картинки из гугл-дока рискованно: они хранятся где-то в недрах Гугла, пока жив документ. Если документ удалить, картинки пропадут. Не вставляйте картинки из гугл-дока.

Задача по вышедшему выпуску закрывается и заводится следующая.

Благодарности

Рассылка выходит уже 8 месяцев. За это время я съездил в отпуск, пару раз был на больничном, выгорал и восстанавливался, но рассылка не прерывалась. Это было бы невозможно без помощи замечательной команды. Спасибо вам за поддержку и терпение :3

Краткий алгоритм запуска

Статья получилась длинной, поэтому кратенько. Сделать нужно вот что:

  1. Решите, для чего вам нужна внутренняя рассылка, когда она будет выходить, кому и о чем рассказывать.
  2. Заложите бюджет на первые два-три месяца.
  3. Договоритесь, кто будет вычитывать выпуск и давать комментарии по важным новостям.
  4. Найдите редактора. Нужен усидчивый, въедливый и невыгорающий.
  5. Соберите источники новостей и событий: что, когда и у кого можно узнать.
  6. Подберите инструменты и организуйте хранение материалов.
  7. Помоги редактору понять ЦА.
  8. Чаще ссылайтесь в выпусках на базу знаний, соцсети компании, посты в блогах членов команды.
  9. Собирайте любую обратную связь.
  10. Экспериментируйте и боритесь с монотонностью.

Подробную версию шагов читайте в следующем посте.

Будут вопросы, комментарии или захотите поговорить по поводу — пишите на v-fil@ya.ru или заходите на страницу Вконтакта.

Как очистить квартиру от негативной энергии

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

Статья для «Вконтакта», поэтому текст без иллюстраций и обвесов.

Исходный текст и ссылки на публикации — в гугл-доке.

Как очистить квартиру от негативной энергии при помощи рационального мышления и школьных знаний физики

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

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

Кратко пройдем по уже разобранным в интернете и подробнее остановимся на менее известных явлениях.

1. Радиация

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

В стройматериалы попадает радиоактивный лом и песок. Особенно рядом с областями, где проводились ядерные испытания.

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

Как проверить: дозиметром. Норма — 10—40 микрорентген в час. Предел допустимой мощности излучения — 50 мкР/ч.
Что делать: позвонить в МЧС или хранить особо ценные вещи в свинцовой коробочке. Старайтесь максимально сократить время контакта с радиоактивными предметами.

2. Вредные вещества

Компьютеры понижают влажность, фен и обогреватели сжигают пыль, наполняя воздух мельчайшей сажей. Может подтекать фреон из холодильника или бытовой газ из плиты. Но особое внимание обратите на новую мебель. Современную мебель делают из ДСП — опилок, склеенных смолой. Эта смола сохнет 14 лет и первые полтора года из неё интенсивно выделяется формальдегид.

Формальдегид официально признан канцерогеном. Это токсичное вещество способно вызывать раковые заболевания. Оно раздражает слизистые оболочки, кожу и центральную нервную систему. При высокой концентрации возможны приступы астмы.

Как проверить: специальными приборами. Но лучше доверять своим ощущениям. Чувствуете странные запахи — проветривайте.
Что делать: чаще проветривать квартиру и не держать всю новую мебель в жилой комнате.

3. Сильные электромагнитные поля

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

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

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

4. Информационная составляющая электромагнитных волн

Любая волна способна переносить информацию. Информация кодируется в волне изменением частоты или высоты гребня — амплитудой. Если у волны изменяется одна из этих характеристик, говорят, что волна модулирована и обладает информационной составляющей.

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

Даже излучение мизерной мощности успешно передаёт информацию. И чем выше частота, тем эффективнее её воздействие. Приборы информационно-волновой терапии «Порог-1» и «Минитаг» работают на мощности в 10-17 ватт. Это стомиллионная часть миллиардной доли ватта. Для сравнения, в трех метрах от роутера мощность сигнала составит 3,5×10-6 ватт. Это в 100 000 000 000 меньше.

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

Как проверить: специальных приборов для определения излучений с вредной информационной составляющей автор не встречал. Частично могут помочь детекторы «жучков». Выбирайте наиболее чувствительные и широкополосные, с верхней частотой от 6—8 гигагерц.
Что делать: определив зоны с вредной модуляцией, не находитесь там долго. Переставьте кровать, сдвиньте кресло, сделайте перепланировку.

Запомнить

  1. Проверьте дозиметром драгоценные камни, стены и плитку. Радиоактивные предметы нужно сдать в МЧС или изолировать.
  2. Регулярно проветривайте помещение и не спите в комнате с новой мебелью.
  3. Проверьте работающие приборы индикатором электромагнитных излучений. Стойте подальше от мощных приборов и смотрите на сертификаты перед покупкой.
  4. Купите детектор «жучков» и избегайте потенциально вредных зон.

Описание квартиры для Авито

Сделал тестовое задание для SATO — написал текст объявления, рассказывающий о квартире и сервисе.

SATO — инвестор в жилую недвижимость, сдаёт в аренду собственные квартиры в Санкт-Петербурге и крупных городах Финляндии.

Компания размещается на Авито и ищет писателя, который сделает «продающие объявления» из описаний квартир на сайте. Целевая аудитория ценит комфорт и сервис, это обеспеченные студенты, экспаты, представители творческих профессий и руководители среднего звена. Из пожеланий — взять за пример стиль агентства RedAppleRealty.

Мой вариант похвалили за раскрытие сути.

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

Чтобы описать квартиру глазами клиента, я изучил описание на сайте SATO, схему квартиры, фотографии, карты и панорамы района. Посчитал расстояния до метро, парков и магазинов в минутах хода пешком.

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

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

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

Текст написал в Ворде, настроив поля и шрифт под формат объявления: 100 символов в ширину, Arial 10,5 pt. Это помогает контролировать смысловой перенос слов, перенос строк и деление текста на абзацы.

Привязал предлоги и союзы к следующему слову неразрывным пробелом (alt+0160), чтобы они не повисали в конце строки.

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

Текст объявления в PDF на гугл-диске.

Ранее Ctrl + ↓