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

Позднее Ctrl + ↑

Как выравнивать данные в таблице

Основные правила выравнивания в таблицах, чтобы вы могли не читать Мильчина.

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

Я собрал основные правила выравнивания в таблицах. Они могут отличаться от мнения Мильчина, это мой опыт и интерпретация

1 Всё выровнять по левому краю колонок

Сначала нужно выровнять всю таблицу по левому краю. Это такой вариант по умолчанию. Получится что-то вот такое:

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

2 Числа выровнять по правому краю

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

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

Из-за сокращенного заголовка колонки «Кол-во» идея может быть не до конца понятна, вот:

Если технически выровнять так сложно, то есть простое и надежное решение — выровнять текст по правому краю целиком:

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

3 Диапазоны выровнять по разделителю

Дальше нужно найти колонки с диапазонами и похожими конструкциями, когда в ячейке пара чисел написана через какой-нибудь разделитель: 1…15, 1—15, 1 / 15, 1 из 15, и т. д.

Такие колонки нужно выравнивать по разделителю:

Диапазоны нанизываются на разделитель как на ось:

4 Значки выровнять по центру

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

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

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

На этом с выравниванием всё

5 Включить моноширинные (табличные) цифры

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

Числа 1113 и 3800 не совпадают разрядами. Это произошло из-за того, что в шрифте Интер, которым набрана таблица по умолчанию стоят пропорциональные цифры. Моноширинные цифры в шрифте есть, но их нужно включать отдельно (opentype-фичей).

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

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

Шпаргалка

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

Что почитать

Подписаться на блог…

Подпись в электронной почте

Каждый Дон Кихот воюет с ветряными мельницами, а каждый дизайнер воюет с неправильными подписями в письмах

О чем речь

Многие из вас видели что-то такое:

или такое:

иногда даже такое:

иногда встречается и такое:

Эти подписи на шкале хорошо-плохо где-то между «плохо» и «полная катастрофа». Мой пост о том, как делать правильно.

Почему это важно

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

Хорошая и плохая подпись

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

Я бы ориентировался вот на такие моменты:

  1. Подпись должна быть на языке ваших адресатов
    Если пишете на английском — подпись на английском, пишете на русском — подпись на русском. Никаких Best regards и Senior Java Developer в русскоязычной переписке.
  2. Сначала имя, потом фамилия
    Писать наоборот, — сначала фамилию, а потом имя — очень формальный стиль. К нему хочется сразу дописать и отчество. Само имя пишите так, как вас следует называть. Внимательные люди будут называть именно так как написано: Света, Даниил, Ася, Маргарет, Митя, Наталия. (см. Не ошибаться в именах)
  3. В подписи не должно быть очевидного
    Не надо подписывать, что mike.ozornin@gmail.com — это эл. почта, знак @ однозначно говорит: «Это — адрес электронной почты». Да и вообще сам адрес эл. почты вообще не нужно писать, он же вот, перед глазами у адресата.
    Если сайт расположен на том же домене, что и электронная почта, то его тоже можно не указывать. Ваши читатели не глупые и поймут, что у компании с почтой mozornin@ptsecurity.com сайт ptsecurity.com. В некоторых компаниях принято перечислять все сайты в подписи сотрудников, не надо так.
    Если без сайта никак нельзя обойтись, тогда из ссылки нужно хотя бы убрать http:// и www.
  4. Телефон — только личный
    Если указываете телефон, то только мобильный или городской с добавочным, общий телефон компании лучше не указывать.
    Факс тоже лучше не указывать.
  5. Без «С уважением»
    Ваши адресаты чувствуют, что вставка в подпись каждого письма «С уважением» не имеет ничего общего с уважением. Вместо этого штампа лучше проявить настоящее уважение и написать удобное для читателя письмо: сформулировать говорящую тему, написать короткое структурированное письмо, ввести в курс дела, приложить все ссылки и файлы, а также явно указать, что вы от человека хотите.
  6. Указывать понятную должность
    Очень часто в подпись вставляют должность адресанта, само по себе это не проблема. Однако иногда должность человека неговорящая: специалист, инженер, оператор. В этом случае лучше дополнить формальную должности реальной ролью: Старший специалист → Старший инженер поддержки, Менеджер продукта → Менеджер Яндекс-карт».
  7. Не указывать и должность, и отдел
    Нужно стараться не увеличивать подпись без необходимости и указывать что-то одно: или должность, или отдел. Часто можно совместить отдел и должность: вместо длинной комбинации «Отдел технологий разработки + инженер» написать «devops-инженер».
  8. Не нужно писать всю оргструктуру
    Если вам нужно указать отдел, то не нужно указывать всю организационную структуру до своего отдела включительно:
    Группа разработки систем машинного обучения
    Отдел перспективных технологий
    Департамент исследований и разработки
  9. Не нужно рекламы почтовых программ и устройств
    Подпись — это часть вашего письма, не оставляйте в ней «Отправлено с моего айфона» или «Отправлено из AquaMail для Андроида
    http://www.aqua-mail.com».
    На самом деле продакт-менеджеры мобильных почтовых клиентов повышают свои метрики и зарабатывают свою премию за счет ваших писем и ваших читателей. Для читателей такая подпись выглядит то ли как хвастовство «Смотри, у меня новый айфон», то ли как неуважение «Мне лень потратить одну минуту на настройку подписи».

  1. Никакого форматирования
    Форматирование привлекает слишком много внимания к подписи и отвлекает от письма. Лучше не использоваться в подписи курсив, полужирное начертание, подчеркивание, выделение цветом, в том числе бледно-серым. Кажется, что бледно-серый приглушенный и его не будет видно, на самом же деле любое изменение цвета видно само по себе. См. иллюстрацию на полях.
    Хуже всего выглядит яркий красный текст.
  2. Никаких картинок или логотипов
    Не нужно вставлять логотипы компании, продуктов, конференций и митапов, красивые кнопки подписки, логотипы социальных сетей. Как и форматирование картинки привлекают слишком много внимания к письму, а кроме этого могут ещё и сломаться, будет совсем некрасиво (см. Переверстка: письмо из Пикпоинта).
  3. Подпись отделяется от письма двумя пустыми строками
    Подпись достаточно отделить пустым место, без всяких линий и черточек. В технологических компаниях существуют люди, которые знают про RFC на эл. почту, где написано, что подпись отделяется двумя дефисами и пробелом. Я бы с ними не спорил.

Но вообще, даже в корпоративной подписи обычно достаточно имени с фамилией и изредка должности.

Примеры хорошей подписи

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

Для совсем небольшой команды:

Михаил Озорнин

Для большой компании с множеством проектов:

Михаил Озорнин
Дизайнер в проекте Apple Don’t Watch

Подпись для тех, кто часто пишет наружу:

Михаил Озорнин
Руководитель пресс-службы Apple Russia
моб: +7 999 999-99-99

Ссылки в тему

В вопросе подписей писем очень много мифов и плохих традиций. Я собрал ещё немного авторитетных мнений про подписи:

alpinabook.ru/catalog/marketing/469181 Новые правила деловой переписки
ksoftware.livejournal.com/318907.html Коля Товеровский борется с подписью в Додо-пицце
bureau.ru/bb/soviet/20110330 Совет Ильи Бирмана про подписи
tema.livejournal.com/2684019.html Культура электронного письма: 10 заповедей, есть немного про подписи.
Подписаться на блог…

Не ошибаться в именах

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

Фамилия, образованная от имени

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

Илья Михайлов Аларм
Илья Репин Все спокойно
Валентин Сергеев Аларм
Валентин Серов Все спокойно

Имена-паронимы

Есть похожие имена: Мария-Марина, Данила-Данил-Даниил, Артём-Артемий, Лена-Алёна-Алина, Ильдар-Эльдар, Илья-Ильяс. Если я вижу такое имя, я тоже включаю режим параноидальной внимательности.

Марина Аларм
Иван Все спокойно
Данила Аларм
Валентин Все спокойно
Артемий Аларм
Пётр Все спокойно

Форма написания имени

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

Неожиданные короткие формы

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

Привычно Непривычно
Валентин Валя Тин
Маргарита Рита Марго
Елизавета Лиза Элиза
Дмитрий Дима Митрий

Я стараюсь не сокращать Маргариту до Марго по своей инициативе, но если она сама назвалась Марго, то её нужно называть ровно так, отныне никакой Риты.

Уменьшительно-ласкательные формы

Я стараюсь никогда не использовать уменьшительные сокращения имен: Андрюша, Танюша, Игорюша, Олежа, Ириша. Особенно, когда Игорюша старше тебя вдвое, а Андрюша ростом два ноль пять.

Знаю людей, которые за Дюшу сразу хотели дать в бубен.

Панибратские формы

Я стараюсь никогда не использовать панибратские формы имён для малознакомых людей и коллег: Димон, Никитос, Игорян, Михан, Мишган, Диса (это Денис, кто не знает), Настюха, Катюха.

Да даже Илюхой я позволяю себе называть ровно одного Илюху — брата.

 

P. S. Зачем я пишу этот пост, ведь Ильяхов написал про это главу в книге Новые правила деловой переписки? Не все мои читатели читали книгу, да и сам Максим разрешил повторяться.

Подписаться на блог…

Мажорный апдейт в винах «Парфенона»

Я собирал все вина Парфенона в одну табличку, для себя. В итоге родился пост:
Все вино из Парфенона. Оказалось, что это полезно не только мне.

Сегодня в винах Парфенона первый мажорный апдейт, такой, что я считаю нормальным написать про это пост.

Вина на карте

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

На телефоне тоже будет работать:

Другие изменения

1. Добавилось вино 3-го сезона

Сами видео 3-го сезона я пока так и не посмотрел, но вино записал в таблицу.

2. Мобильная версия таблицы

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

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

3. Улучшены обложки вина

Раньше было много обложек на белом фоне, в темной теме (она включается в блоге автоматически) это смотрелось не очень красиво:

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

Enjoy!

Что думаете? Чего не хватает?

Смотреть там же:
mikeozornin.ru/blog/all/vino-iz-parfenona

Подписаться на блог…

Ищу двух дизайнеров интерфейсов

Upd. Пока нашли

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

Чем мы занимаемся

Мы делаем корпоративные продукты для специалистов по информационной безопасности («ибэшников»). Вы, возможно, про нас не слышали, но в России нет ни одного ибэшника, который бы нас не знал. Некоторые наши продукты хорошие, некоторые — отличные; наш WAF попадал в магический квадрант Гартнера (это круто), наша SIEM-система — лидер российского рынка SIEM.

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

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

Многие продакт-оунеры хотят всего этого, они на нашей стороне.

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

Задачи, которыми придется заниматься

Разбирать сложные системы и создавать для них элегантные решения.

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

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

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

Если захотите — принимать участие в обновлении look and feel нашего ui kit. Мы делаем ему фейслифтинг и обновляем лейауты страниц.

Наш дизайнер

Имеет опыт проектирования интерфейсов CRM-систем, систем документооборота, промышленных или других подобных систем.

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

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

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

Обладает вкусом и чувством эстетики. Считает, что удобство, эффективность и красота могут сочетаться в одном продукте.

О команде

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

Работаем в Скетче, возможно будем переезжать на Фигму, пробуем ее.

Есть свой ui kit, своя база ui-компонентов на Angular и некоторое количество гайдлайнов и паттернов использования.

Фронтендеры и бэкендеры, которые не говорят «ой, это невозможно».

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

Если вам интересно и вы узнали себя хотя бы наполовину, напишите о себе:
mozornin@ptsecurity.com или в телеграм: @mikeozornin

Подписаться на блог…

Интерфейсный синтаксис Яндекс-драйва

Коллекция необычного интерфейсного синтаксиса

В интерфейсах есть определенный интерфейсный синтаксис для кнопок, ссылок, радиокнопок и прочего.

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

Правильно, конечно, не «Кашкай», а «Кашкать»

Мои фавориты — «Ох» и «Так-так-так».

Upd. Добавлены 20 янв 2020:

UPD. После твиттер-шторма (https://twitter.com/mikeozornin/status/1222615775837671427) мне несколько людей прислали картинок в коллекцию.

Александр Сарычев:

Лида Овчинникова:

Дизайнер из Казани Руслан Фатихов instagram.com/fuzlan.

Все эти и будущие картинки в коллекции в Скраппе: scrapp.me/@mike.ozornin/tags/серия: синтаксис яндекс-драйва

Я старался скриншотить все, что попадалось, но если у вас есть ещё, пришлите пожалуйста? Или вдруг прочитает кто из Яндекс-драйва, пришлите в коллекцию? mike.ozornin@gmail.com.

Подписаться на блог…

И в пнг тоже

Присылайте вместе с исходником файла его превью в виде картинки или пдф-файла.

Аналитики рисуют схемы в Visio и собирают майндмэпы в Mindjet’е, проектный менеджер ведет диаграмму Ганта в MS Project, дизайнеры делают макеты в Скетче. У каждого своя программа.

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

Но если послать письмом или выложить в вики только исходник Visio, Mindjet’а или Скетча, то адресату будет неудобно:

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

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

Добавляю картинку или пдф-файл

Что Чем лучше продублировать
Картинки в распространенных форматах: png, jpg, jpeg, gif
Картинки в редких форматах: webp, heif Продублировать в png или jpg
Документы pdf, rtf Шлите так, обычно есть чем открыть
Распространенные офисные форматы: Word, Excel, Powerpoint Часто ок, но лучше продублировать в pdf
Редкие офисные форматы: Visio, Project Дублировать в pdf или png
Все виды схем и майпдмэпов: Mindjet, Freemind, yEd, Omnigraffle Дублировать в pdf или png
Все дизайнерские форматы: Sketch, Photoshop, Illustrator, Affinity Дублировать в pdf или png

Позаботьтесь об удобстве собеседника. Именно забота, а не всякие «looking forward to your reply» — основа всякой этой самой переписки.

Подписаться на блог…

Показывать изменения адресатов в переписке

Зачем писать в начале письма +mozornin и прочие заклинания

Этот пост актуален для тех, кто работает в больших компаниях (100+ человек) и у кого много длинной переписки в почте. Если коллег у вас двое-трое, то пост вряд ли будет полезным.

В чем проблема

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

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

Понять кто когда кого добавил — невозможно

Возникают вечные вопросы:

  • А Вася тут есть? О, есть, — отлично, а давно? Кто и когда его добавил?
  • Алярм! В переписке представитель клиента, сколько он уже с нами? Какой баклан его добавил?
  • Так, а почему Алена не отвечает? Как её нет? Куда она пропала, была же?

Решение

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

Решение: писать +mozornin, если добавляем его к переписке, и −mozornin, если убираем

Это добавление полезно всем:

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

Правило простое и очевидное, вот как его применять:

Что написано Как читать
+mozornin Добавил Мишу Озорнина
−mozornin Убрал Мишу Озорнина
+ui.all@ Добавил в анонс всех фронтендеров
−ui.all@
+ui.react@
Пожалуйста, не пишите всем фронтендерам, пишите только реакт-разработчикам
−все Я убрал всех остальных, вопрос лично тебе
Пожалуйста, −mozornin Уберите меня из переписки, пожалуйста. Чтобы вам не искать, я — mozornin

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

Потянет Отлично
+mozornin +mozornin
Добавил Мишу Озорнина, он занимается всеми вопросами правильности цветовых градиентов
−mozornin −mozornin, +kkonstantinopolsky
Вопросами правильности цветовых градиентов сейчас занимается не Миша, а Костя
+ui.all@ +ui.all@
Есть вопрос про багу в поведении формы, может кто сталкивался?

Продублировать суть письма
−ui.all@
+ui.react@
−ui.all@
+ui.react@
Убираю всех лишних, вопрос только про реакт
−все −все
А подскажи, насколько сложно будет сделать описанное поведение?

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

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

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

Зал славы

Предлагаю записать те компании, кто молодец и пишет так:

  1. Яндекс

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

Подписаться на блог…

В вашем письме сломается всё форматирование

TL;DR: Используйте в почте минимум форматирования, оно всё сломается

О чем речь

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

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

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

— Бдыщь!

В этот момент всё форматирование теряется. Никто не понимает почему в соседних абзацах противоположные мысли (сломался «ответ по месту»). Никто не может найти пункт 7.2, — в письме нет ни одной цифры (пропал нумерованный список).

Почему так происходит

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

  Ожидания того, кто писал письмо Реальность
Дизайнеры Outlook для виндоуза Mail.app, Spark, Airmail, Outlook для macOS, Postbox
Разработчики на линуксе Outlook для виндоуза Thunderbird, Evolution, KMail
Разработчики на виндоузе Outlook для виндоуза Outlook, Thunderbird
Люди с телефоном и планшетом Outlook для виндоуза Mail.app, Gmail, Outlook для айфона, Outlook для андроида, Nine, Inbox, Airmail, Spark, десять разных стандартных приложений андроида
Все подряд Outlook для виндоуза Веб-версия Outlook

Это я написал только почтовые программы, которыми сами хотя бы раз пользовался. Представьте, как на самом деле?

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

Что делать

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

Вот шпаргалка:

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

Вот ещё Илью Бирмана почитайте: Вёрстка неформатированного текста

TL;DR

  1. Форматирование обязательно у кого-то сломается
  2. Чем меньше форматирования в письме, тем надежнее
  3. Если письмо получается слишком сложным, а комментариев слишком много — перенесите его в вики, гугл.докс или трекер
Подписаться на блог…

Как шарить ссылки

Коротко: не посылайте ссылок без комментариев

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

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

Проблема 1: непонятно, что по ссылке

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

mikeozornin.ru/blog/all/share-and-shame Какой-то пост в этом блоге
bureau.ru/soviet/20190330 Какой-то бюрошный совет
pass.rzd.ru/static/public/ru?STRUCTURE_ID=5167 Что-то на сайте РЖД
ow.ly/al2h50osrwP Что-то в интернете

Проблема 2: ссылка без комментария часто опасна

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

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

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

Проблема 3: непонятно, зачем это смотреть

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

mikeozornin.ru/blog/all/share-and-shame

  • Ребята, прочитайте, пожалуйста. С понедельника за неправильные ссылки начисляется −5 баллов в карму.
  • Игорян, смотри. Вот ведь бывают фрики, лучше бы делом занялись.
  • Помнишь, я тебе говорил про говношаринг? Вот что я имел ввиду.
  • FYI: Я пост даже не читал, но там что-то про этикет, вдруг тебе в подборку подойдет.

artlebedev.ru/laws-of-the-future

  • Зацени какая красота.
  • И это называют дизайном. Да я так тоже за сто тысяч смогу.
  • Смотри, брутализм может выглядеть не уродски. Давай попробуем вернуться в проекте ХХХ к варианту с брутализмом?
  • Посмотри на проект внимательно, с виду полное отсутствие дизайна, а на самом деле со всеми дизайн-правилами все хорошо. Изучи, пожалуйста, проект, разбери на запчасти и примеры, примеры микроверстки сохрани на общую доску пинтереста.

Проблема 4: шарят, не читая

Часто к ссылке без комментария добавляется то, что посылающий ссылку статью не читал. В итоге получается такой диалог:
— ux.pub/podborka-sketch-plaginov-dlya-navedeniya-poryadka-v-vashem-dizajne/
— О, какие посоветуешь оттуда?
— Не знаю, я не смотрел
— ¯\_(ツ)_/¯

Чтобы такого не было, я всегда явно пишу, если ссылку не читал.

На что ещё обратить внимание

Если не знаете, что написать в комментарии к ссылке, то так и напишите: «Я детально не вчитывался, но мне показалось, что тебе может быть интересно».

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

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

TL;DR

  1. Не шарить ссылки без комментария
  2. Явно указывать, если статью не читал
  3. Комментарий писать в отдельном сообщении
Подписаться на блог…
Ранее Ctrl + ↓