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

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

Инструкция из одной картинки

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

Сначала разберём, что на плакате не так.

Дизайнер не учёл принципы восприятия и получил формальный ребус

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

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

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

Человечек выбирает ведро, делайте как он

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

Смысл готов, наведём красоты. Покрасим унитаз в цвет запрета и добавим крестик. Поменяем ведро с унитазом местами, чтобы правильный вариант располагался справа, и уберём надпись «Внимание!» Она всё равно не работает и портит композицию.

Пара слов о внимании

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

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

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

Шрифт Комик Санс лучше сочетается с картинкой и непринуждённым тоном

Выводы такие:

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

Технический долг и легаси на примере тараканов

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

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

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

Вот пример с метафорой, пока без тараканов.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Сложный способ нарисовать лабиринт

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

В тексте встречаются вводные Итак, Следовательно и Очевидно. Вы предупреждены.

Контекст

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

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

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

Задача

Нарисовать два лабиринта как можно быстрее и проще.

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

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

Задачу стоит превратить в сложную: вместо непосредственного рисования придумать способ быстро нарисовать два лабиринта в одном стиле.

Поиски и решение

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

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

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

Выделение рамкой требует меньшей точности, чем рисование

Добавим к методу возможности инструмента. В Фигме стенки ячейки можно объединить в группу, загнать нужное количество ячеек в Auto Layout, получить сетку, а потом всё разгруппировать. Ещё можно закомпонентить лабиринт со всеми стенками и работать с его копиями.

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

Трудные и сложные задачи

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

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

Если не понятно, с чего начинать, — сложная.

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

А теперь подробнее, с рассуждениями и рекомендациями.

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

Съездить в Москву на машине, разгрузить вагон хрустальных шаров или переделать макеты проекта под другой размер экрана — трудные задачи.

Трудные задачи в целом понятны: выбираешь метод и делаешь, пока не будет готово. Заранее известно, что именно делать, когда остановиться и что в итоге получится. Остаётся только какое-то время прилагать усилия.

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

Сменить имидж после 30, подписать руководство на рефакторинг, нанять контент-стратега или оценить сроки нового проекта — сложные задачи.

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

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

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

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

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

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

Как решать

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

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

Для сложных нужен метод. Вот общий алгоритм:

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

Собственно всё.

Как написать плохую вакансию

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

Разберём на примере с единорогами.

Единорог — изящная замена сферическому коню в вакууме. Фрагмент фрески Доменикино

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

На этом этапе возможны варианты:

  1. Направление новое и никто в компании не знает, кто именно нужен.
  2. HR не знает предметной области, а команда не может влиять на вакансию. Например, из-за бюрократии.
  3. HR не понимает, а команда не может внятно объяснить. Например, из-за неразвитой коммуникации.

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

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

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

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

Спокойный — стрессоустойчивый сангвиник с эмоциональным интеллектом.

Опытный — работал на аналогичной должности от 3 лет. Год можно и случайно отработать, а два по инерции.

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

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

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

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

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

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

Стрессоустойчивость, обучаемость и развитый эмоциональный интеллект

Опыт работы на аналогичной должности от 3-х лет

Навык груминга крупного рогатого скота

Ветеринарное образование, диплом по зоопсихологии

Законченное магическое высшее. Можно Хогвартс, но не Слизерин

Навык работы с шанцевым и фермерским инструментами

Привычка к чистоте и порядку

Непорочность и знание квенья будут сильным плюсом

На этом стоило бы закончить, но у меня ещё есть советы.

Выводы, советы и мораль

  1. Если вы HR, вы умница. Мы вас любим и ценим вашу работу. Искать человеков в людском море — тяжёлый неблагодарный труд. Просто попробуйте показать вакансию команде-заказчику в обход бюрократии.
  2. Если вам нужен сотрудник, посмотрите на требования к позиции глазами рекрутера. Как их можно формализовать в понятные и простые критерии? Соберите анкету с вопросами и ответами или чеклист.
  3. Если вы откликаетесь на вакансию, проявите понимание. Покажите, что вы адекватны и напишите короткое сопроводительное письмо: как вы соответствуете каждому требованию.
  4. Доброта спасёт мир.

Как написать статью, если вы не писатель (методичка)

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

Методичка собрана для авторов блога StringConcat.com в 2021 году. Получился очередной пересказ «Пиши, сокращай», но я постарался выделить самое важное и подобрать забавные примеры.

⚠ Содержит много букв!

Тема и полезное действие

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

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

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

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

Как освоить веб-разработку

Как стать разработчиком на Ангуляр

Как выучить Ангуляр и найти работу за три месяца (никак)

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

Принцип «пользу вперёд»

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

Не стоит начинать с общих слов или отвлечённых рассуждений. Так появляются рыхлые статьи копирайтеров:

Плохо

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

Хорошо

С 2021 фрилансеру достаточно быть самозанятым

Структура статьи

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

Базовых структур две: параллельная и последовательная.

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

Как выбрать двигатель для ракеты

Введение и отказ от ответственности

Двигатель на твёрдом топливе

— Устройство

— Предел тяги

— Получение топлива

— Как он вас убьёт

Керосин и кислород

— <...>

Гидразин и фтор

— <...>

Выводы

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

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

Чем фотографировать пришельцев

Мыльница

— Качество

— Режимы съёмки

Зеркалка

— Качество

— Режимы съёмки

— Оптика

Смартфон

— Качество

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

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

Марсу нужны девопсы

[1] Зачем туда лететь

[2] Чем там заниматься

[3] Как подготовиться

[4] Кого не возьмут

[5] Пункты вербовки

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

Позитивный пример

Допустим, статья о сетевых протоколах, раздел о стеке TCP/IP. В разделе будет только о TCP/IP, а другие протоколы описаны отдельно или упоминаются в связи с основной темой. Например, как TCP/IP вытеснил IPX/SPX.

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

Меняем проводку в хрущёвке

[1] Как понять, что проводка не справляется

[2] Готовим квартиру

[3] Собираем инструменты

[4] Выбираем провода

— Алюминиевые

— Медные многожильные

— Медные одножильные

— Китайские загадочные

[5] Предупреждаем соседей

<...>

Старайтесь не вкладывать разделы в друг друга без крайней необходимости. Такую структуру называют вложенной и читать её труднее. Идеально — один уровень вложенности:

Заголовок статьи → Разделы → Темы в начале абзацев

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

Заголовки

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

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

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

Как бросить саморазвиваться и начать жить — назывной

Самодельный фторовый двигатель вас убьёт — транзитивный

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

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

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

10 правил безопасности данных от Кевина Митника

Патент или НПД: какой налоговый режим выбрать фрилансеру

Заголовок — самостоятельная сущность и не должен быть связан с первым предложением.

В конце заголовков не ставится точка.

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

Плохо

Как спаять два провода

Стриппер — это не то, о чём вы подумали

Ах, этот запах канифоли по утрам

Осторожней с брызгами!

Хорошо

Как спаять два провода

Зачищаем место пайки

Обезжириваем и прогреваем

Убираем лишний припой

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

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

Твердотопливный двигатель можно собрать даже в гараже

Стартовый стол. Разместите ракету на ровной поверхности…

Лид-абзац, введение и выводы

Лид-абзац — подводка, краткое описание темы статьи. Им можно дополнять заголовок статьи, выводить в предварительном просмотре для соцсетей и мессенджеров.

Лид нужен простой и бойкий. Картинка привлекает внимание, заголовок описывает содержимое, а лид «продаёт» статью, раскрывая пользу.

Ещё один нож в спину алгоритмических задачек

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

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

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

Плохое введение

Хотите открыть интернет-магазин? Не работать на дядю и быть сами себе хозяевами? Увлекательная картина, не правда ли? А ведь это не так просто…

Все в детстве любили сливочное мороженое и пинать мячик…

Как-то весной в московском офисе «Рогопыта» раздался звонок…

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

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

Нормальное введение

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

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

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

Как убедить менеджеров, что рефакторинг необходим уже сейчас

Управление проектом — сложная и неблагодарная работа. Менеджер зажат между заказчиком и командой, его не любят и считают основной причиной плохого продукта…

Выводы. Статью хорошо заканчивать выводами — тем, что читатель точно запомнит из всего прочитанного. Хорошие выводы объясняют, что теперь с этим всем делать на практике.

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

Запомнить

Статью нельзя заканчивать иллюстрацией или таблицей.

В конце должен идти обобщающий вывод.

Если выводов нет, можно перечислить основные мысли.

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

Разделы

Раздел или модуль — самодостаточная группа абзацев на одну тему. Раздел можно прочитать в отрыве от статьи и всё будет понятно.

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

В последовательной структуре разделы идут в порядке раскрытия темы.

Марсу нужны девопсы

[1] Зачем туда лететь

[2] Чем там заниматься

[3] Как подготовиться

[4] Кого не возьмут

[5] Адреса пунктов вербовки

Каждый раздел длиннее пяти абзацев начинается с объяснения своей пользы и заканчивается краткими выводами.

Абзацы

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

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

Абзац в начале этого раздела состоит из 3 предложений: основной мысли, пояснения и вывода.

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

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

Максимальная длина абзаца — девять предложений, оптимально 3—5. Если на вёрстке абзац занимает больше 8 строк, попробуйте разделить его на два.

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

Предложения

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

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

Тролль гнёт ель

Разработчики выкатывают релиз

Крупные корпорации уходят от ответственности

Активное действие добавляет жизни:

Заявление принимается заполненным от руки → Заполните бланк от руки

Регистрация требует подтверждения → Подтвердите регистрацию

Дети будут находиться под присмотром сотрудника центра → Инструктор присмотрит за детьми

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

Дом сдан вовремя — важно, что он готов, а не то, что его кто-то строил

К аудиту всё готово — важно, что мы пройдём проверку

Не используйте парцелляцию — дробление полноценного предложения для усиления интонации. Не надо. Не дробите.

Не начинайте предложение с цифр. Измените формулировку или напишите числа словами.

30 % подписчиков — боты → Треть подписчиков — боты

5 29-дюймовых мониторов → Пять 29-дюймовых мониторов

Упрощайте-сокращайте.

Значительно выросла сумма задолженности → Долг вырос

Осуществление работ по разработке → Разрабатывать

В целях, во избежание, посредством → Чтобы

По причине, в связи → Из-за

В течение 2-х летнего срока → За два года

Лучший знак препинания в предложении — точка.

После смайлика точку ставить не нужно;-)

Базовая гигиена

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

Кавычки. Правильные кавычки для русского языка — «ёлочки». Набираем Alt+0171 и Alt+0187 на цифровой клавиатуре в Виндоус.

Внутри первых кавычек используем „“.

«Общественное объединение „Тролль гнёт ель“»

Тире в русской типографике два: длинное (Em-dash) и короткое (En-dash).

Длинное тире разделяет слова в предложении и даты с месяцами, короткое — числовые диапазоны. Дефис разделяет составные слова: Петров-Водкин, стоп-кран.

Правильное длинное тире — Alt+0151. Короткое — Alt+0150. Дефис и минус не тире.

Длинное тире

Пренебрежение вёрсткой — моветон

Дефис и короткое тире

Какие-то клиенты, 2—3 человека

Диапазоны дат пишем с коротким тире, если нет названий месяцев.

12—20 августа

12 января — 20 апреля

Числа от десяти тысяч в сплошном тексте разделяем по разрядам, по три знака с конца:

1000

10 000

52 125 333

Большие числа можно округлять, если масштаб важнее точности:

1134 человека на место → тысяча человек

10 542 заявки в час → 10 тысяч заявок

52 125 333 плохих приложений → 52 миллиона

Диапазоны разбиваем коротким тире:

1000—1500 Мгц

2000—2020 годы

Дробную часть отделяем запятой.

36,6 ℃

Полезные ссылки

Инструменты

Главред — ищет в тексте лишние слова. Убирать всё не надо, но обратить внимание стоит. Достаточно семи баллов.

Орфограммка — проверяет орфографию и пунктуацию. Обязательно проверьте текст перед публикацией.

Драйзер — помогает перенести текст из гугл-доков в Вордпресс и Эгею.

Типограф Лебедева — готовит текст для публикации: расставляет неразрывные пробелы, правильные тире и кавычки.

Карта слов и выражений русского языка

Ещё о редактуре

Как побороть писательский ступор — разобраться в задаче, собрать материал и поспать.

Как ставить ссылки — скриншот редполитики, но вполне читаемый.

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

Как использовать эмодзи в тексте — знайте меру и следите за смыслом.

Ответ клиенту такси

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

Текст попался в чате для подписчиков UX-рассылки Иры Моториной. Говорят, это фрагмент тестового задания Яндекса, поэтому задача без контекста.

Исходный текст, орфография сохранена:

Обращение

День добрый! Заказ оплачивал наличными. Подскажите как можно получить чек по поездке?

Ответ

Здравствуйте!

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

Чтобы получить отчет, привяжите адрес почты в боковом меню приложения. Для этого нажмите на аватарку, выберите «Добавить почту» и подтвердите адрес в ответном письме. Потом вернитесь ко мне — я вышлю отчет.

Разберём ситуацию, проблемы ответа и попробуем сделать лучше.

Ситуация

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

Проблемы

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

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

Экономия времени, внимания и усилий — проявление заботы

Задача

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

Решение

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

Разбиваем:

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

Это значит: чек вы получить не сможете.

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

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

Отжимаем:

вы платили наличными, а чеки доступны при оплате картой

чек вы не получите — повтор, но мы его пока оставим

вместо чека можно получить отчёт о поездке с необходимой информацией

Вынесем суть в начало и перепишем:

Мы не выдаём чеки при оплате наличными, но можем отправить отчёт о поездке с необходимой информацией

Модальность «можем отправить» оставим, отчёт отправляется по запросу.

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

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

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

<…> с обязательными реквизитами для бухгалтерии

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

Немного сократим второй абзац:

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

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

Для наглядности соберём всё в условном макете.

СМС с рекламой сервиса

Немного редакторского процесса на примере СМС колл-центра. Вникаем в задачу, упрощаем сценарий и пишем текст под особенности формата.

TLDR. 860 слов о том, как написать 200 символов.

Скриншот результата в мокапе iPhone SE. Для фотографии мой телефон слишком потёрт :3

Ситуация

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

Чтобы клиенты чаще искали ответы сами, колл-центр решил отправлять им СМС с рекламой чат-бота и Помощи ВТБ Бизнес. Вот оригинал:

Переходите по ссылке https://db.vtb.ru/faq в раздел «Помощь». Здесь вы найдете много полезной информации по правилам работы Интернет банка ВТБ Бизнес. Еще у нас есть чат-бот, который подскажет ответы на самые актуальные вопросы.

Чат-бот живет в правом нижнем углу экрана https://db.vtb.ru под названием «Чат». Особенно хорошо чат-бот разбирается в вопросах входа в систему. Напишите ему Ваш вопрос, он расскажет план действий.

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

Очевидно, что текст можно сделать короче, а сценарий точнее.

Задача

Колл-центр редактуру не заказывал, так что поставим задачу сами.

  1. Упорядочим сценарий отправки. Нужно учитывать тему и настроение клиента. И два СМС подряд — это перебор.
  2. Напишем лаконичнее, с пользой в мире клиента и конкретикой. Сейчас непонятно, чем Помощь и чат-бот удобнее общения с оператором.

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

Сценарий

Проблемы первоначального сценария:

  • не учитываются настроение и суть вопроса клиента;
  • реклама отправляется при любом вопросе;
  • иногда клиент получает два похожих СМС.

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

К счастью, операторы вправе решать, что и кому отправлять. Договариваемся, что рекламу шлём при условиях:

  • вопрос о работе в новом интернет-банке;
  • оператор посоветовал полезное;
  • у клиента нет негатива и технических проблем;
  • клиент ещё не получал рекламу.

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

Текст

Теперь сценарий формирует предсказуемый контекст и мы знаем о ситуации клиента следующее:

  • клиент обратился за консультацией, ему все объяснили;
  • у клиента всё работает, он настроен позитивно;
  • клиенту наверняка пришлось долго ждать ответа оператора.

Не исключено, что хорошее впечатление от работы оператора клиент распространит на Помощь и чат-бота.

Начнём с позитивного:

Мы рады, что смогли вам помочь!

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

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

Сократим заход про звонки. Нужно быстрее переходить к сути: пока операторы заняты, попробуйте поискать ответ в Помощи.

К сожалению, операторы часто не могут быстро ответить. Если у вас возникнут новые вопросы, посмотрите раздел «Помощь» или спросите у чат-бота.

Уже лучше, но не лаконично. Сократим вступление и допишем остальное.

Надеемся, мы смогли вам помочь!

Наши операторы не всегда могут быстро ответить. Если у вас возникнут новые вопросы, посмотрите раздел «Помощь» или спросите у чат-бота. Мы собрали там много полезного.

Бот открывается по кнопке «Чат» в правом нижнем углу интернет-банка. А раздел «Помощь» располагается по адресу: https://db.vtb.ru/faq

Нормально, но что-то смущает. Вспоминаю, что СМС ограничено 140 байтами. Латинские символы занимают 1 байт, кириллица — 2, поэтому в одном СМС не больше 70 кириллических символов. Длинные сообщения приходят пачкой СМС, которые телефон показывает как одно.

В нашем тексте 333 символа, на 5 сообщений. Если сократим, сэкономим внимание пользователя и деньги банка.

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

Чтобы не ждать на линии, посмотрите «Помощь» (https://db.vtb.ru/faq) или спросите у чат-бота — кнопка «Чат» в правом нижнем углу интернет-банка

Получилось 143 символа, можно ещё сократить, но звучит отрывисто. Хочется естественнее: объяснить причину и выразить отношение, как в разговоре с живым человеком. Попробуем уложиться в три смски.

К сожалению, наши операторы не всегда могут быстро ответить. Чтобы не ждать на линии, посмотрите «Помощь» (https://db.vtb.ru/faq) или спросите у чат-бота — кнопка «Чат» в правом нижнем углу интернет-банка

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

Не всегда быстро отвечают — словно так и устроено

Не всегда могут быстро ответить — может и хотят, но возможности нет

Спорно, но на тот момент ничего лучше не придумал. Пишите в комментариях, что думаете. А пока пойдём дальше.

После сокращения выходит 204 символа. В интернете узнаю, что длинные СМС тарифицируются по 67 символов. Следовательно, нужно не больше 201.

Убираем скобки, всё равно адрес подсветится. Чат-бота назовём просто ботом, там рядом про кнопку «Чат». Останется место написать посмотрите в Помощи вместо смотрите Помощь. Результат на 200 символов:

К сожалению, наши операторы не всегда могут быстро ответить. Чтобы не ждать на линии, посмотрите в «Помощи» https://db.vtb.ru/faq или спросите у бота — кнопка «Чат» в правом нижнем углу интернет-банка

Вариант не без проблем, например, в предпросмотр почти не влезает польза про ожидание на линии. Но в колл-центре текстом оказались довольны и назвали самым красивым из всех 237 шаблонов.

 175    1 комментарий   6 мес   UX   ВТБ   кейс

Как ставить ссылки

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

Cвёрстано в Фигме по дизайн-системе банка

ВТБ Бизнес открылся в 2020, а собственные редакторы появились в прошлом году. Пока нас двое. Я слежу за статьями в разделе Помощи и при случае помогаю ведущему редактору.

Нейминг и иконки пакетов курса по бэкенду

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

Получилось так:

Противоядие, лечилка и комбо-поушн в разделе Стоимость

Как так вышло.

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

Простой → Средний → Сложный — обесцениваем первый вариант, нагнетаем в третьем.

Учиться → Уметь → Творить — создаём противопоставление: учиться не уметь, уметь не творить.

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

  1. [Некий упрощённый]
  2. Базовый
  3. Индивидуальный (со своим же проектом)

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

Картинки. Вот тут пришлось подумать. Смотрите, какой набор условий:

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

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

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

Иконки должны быть просто разными, но с общей темой.

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

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

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

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

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

Экспресс — избавляет от яда неведения, поэтому противоядие.

Базовый — полноценно лечит, поэтому просто склянка лечения. К тому же это самый частый вид зелий в играх.

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

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

А теперь почитайте, как согласовать иконки в последовательность :3

Ляйсан в Инстаграме

Ранее Ctrl + ↓
UX