<?xml version="1.0" encoding="utf-8"?> 
<rss version="2.0">

<channel>

<title>Ильяхов, заметки с тегом: управление вниманием</title>
<link>http://www.stop-slova.ru/blog/tags/upravlenie-vnimaniem/</link>
<description></description>
<generator>E2 (v3254; Aegea)</generator>

<item>
<title>Текст и управление вниманием — 2020</title>
<guid isPermaLink="false">823</guid>
<link>http://www.stop-slova.ru/blog/all/red-apple/</link>
<comments>http://www.stop-slova.ru/blog/all/red-apple/</comments>
<description>&lt;p&gt;Презентация с Московского фестиваля рекламы в декабре 2019 года.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;div class="fotorama" data-width="1280" data-ratio="1.6"&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple3.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple4.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple7.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple8.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple9.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple10.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple11.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple12.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple13.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple15.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple16.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple17.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple18.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple19.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple20.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple21.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple22.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple23.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple24.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple25.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple26.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple27.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple28.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple29.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple30.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple31.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple32.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple33.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple34.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple35.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple36.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple37.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple38.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple39.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple41.png" width="1280" height="800" alt="" /&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/redapple42.png" width="1280" height="800" alt="" /&gt;
&lt;/div&gt;
&lt;/div&gt;
</description>
<pubDate>Wed, 01 Jan 2020 18:55:56 +0300</pubDate>
</item>

<item>
<title>Первые пять слов (и конь)</title>
<guid isPermaLink="false">713</guid>
<link>http://www.stop-slova.ru/blog/all/on-a-horse/</link>
<comments>http://www.stop-slova.ru/blog/all/on-a-horse/</comments>
<description>&lt;p&gt;Посмотрите на первые пять слов своего поста. И на меня. Снова на первые пять слов. И снова на меня. Да, я на коне.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/five-words@2x.jpg" width="640" height="360" alt="" /&gt;
&lt;div class="e2-text-caption"&gt;Изображение создано в Фотошопе и не отражает действительность. Не является публичной офертой. Конь не пострадал. Курение убивает&lt;/div&gt;
&lt;/div&gt;
&lt;p&gt;Вот несколько примеров первых слов из публикаций в Фейсбуке и Инстаграме. Какие интереснее начать читать и почему?&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Я так давно мечтала о новой&lt;br /&gt;
Вчера мы с Лесей ходили гулять&lt;br /&gt;
Мои чувства по поводу нового&lt;br /&gt;
Я так и не рассказала вам&lt;br /&gt;
Я всегда стараюсь очень внимательно&lt;/p&gt;
&lt;/blockquote&gt;
&lt;blockquote&gt;
&lt;p&gt;Я поражаюсь, как люди в России&lt;br /&gt;
Меня часто спрашивают&lt;br /&gt;
Первый пост о моем образе&lt;br /&gt;
Я чуть не умерла, когда впервые&lt;br /&gt;
Я прямо бешусь, когда очередная&lt;/p&gt;
&lt;/blockquote&gt;
&lt;blockquote&gt;
&lt;p&gt;Вы просили меня рассказать о новом&lt;br /&gt;
Однажды Игорь спросил меня, как мне&lt;br /&gt;
В моей школе мне часто задают&lt;br /&gt;
Моя клиентка однажды сказала мне&lt;br /&gt;
Гуляли с Олежей, он спрашивает меня&lt;/p&gt;
&lt;/blockquote&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;b&gt;Яндекс&lt;/b&gt;, как так можно? Я&lt;br /&gt;
Меня поражает сервис &lt;b&gt;Делимобиль&lt;/b&gt;. Как&lt;br /&gt;
&lt;b&gt;Ашан&lt;/b&gt;, мой вам совет. Увольте&lt;br /&gt;
&lt;b&gt;Qlean&lt;/b&gt;, если вы хотите сохранить&lt;br /&gt;
Больши ни ногой в &lt;b&gt;Пятерочку&lt;/b&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;blockquote&gt;
&lt;p&gt;Возьмите свой пост и посмотрите на первые&lt;br /&gt;
Попробуйте посчитать, сколько времени вы&lt;br /&gt;
Если у вас не повысилась зарплата&lt;br /&gt;
Сколько вы потратили за последний год&lt;br /&gt;
Просто представьте, сколько всего можно&lt;/p&gt;
&lt;/blockquote&gt;
&lt;blockquote&gt;
&lt;p&gt;Один мальчик выпал из окна. И пока&lt;br /&gt;
Мой друг вышел из тюрьмы&lt;br /&gt;
Однажды буддиста спросили, как он&lt;br /&gt;
Года три назад мужик открыл&lt;br /&gt;
Ольга мнила себя великим копирайтером&lt;/p&gt;
&lt;/blockquote&gt;
&lt;blockquote&gt;
&lt;p&gt;Сейчас я расскажу историю, от которой&lt;br /&gt;
Хотите окунуться в постсоветский адок?&lt;br /&gt;
А вот вам история, которую нельзя&lt;br /&gt;
Случай на производстве. Заходят в цех&lt;br /&gt;
Присылает менеджер аудиосообщение. В него летит&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Так вот, какие из этих публикаций было бы интересно начать читать? Просто спрашиваю.&lt;/p&gt;
</description>
<pubDate>Mon, 25 Mar 2019 13:19:29 +0300</pubDate>
</item>

<item>
<title>Банальное начало статьи</title>
<guid isPermaLink="false">700</guid>
<link>http://www.stop-slova.ru/blog/all/banal-intro/</link>
<comments>http://www.stop-slova.ru/blog/all/banal-intro/</comments>
<description>&lt;p&gt;Так сложилось, что у людей есть глаза.&lt;/p&gt;
&lt;p&gt;Этими глазами они читают всякие статьи в интернете. К моменту, когда они приплывут к вашей статье, они уже что-нибудь наверняка читали. И, поверьте, скорее всего они уже читали, что:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;по утрам люди пьют кофе,&lt;br /&gt;
от спорта можно похудеть,&lt;br /&gt;
а от неправильного питания — потолстеть,&lt;br /&gt;
в старших классах тяжело выбрать профессию и вуз,&lt;br /&gt;
зимой холодно,&lt;br /&gt;
Россия большая,&lt;br /&gt;
солнце встаёт на востоке&lt;br /&gt;
и так далее.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Поэтому когда в статье о пользе кофе вы начинаете рассказывать о том, что люди пьют кофе по утрам — вы на кого рассчитываете? На тех, кто живёт в лесу и никогда не читал статьи? Или на тех, кто не знает, что такое кофе?&lt;/p&gt;
&lt;p&gt;Если не знаете, с чего начинать статью, прочитайте &lt;a href="http://maximilyahov.ru/blog/all/intro/" class="nu"&gt;«&lt;u&gt;С чего начать статью&lt;/u&gt;»&lt;/a&gt;&lt;/p&gt;
</description>
<pubDate>Sun, 10 Feb 2019 22:24:01 +0300</pubDate>
</item>

<item>
<title>Пиши, соблазняй. Основы дизайна текста для редактора</title>
<guid isPermaLink="false">441</guid>
<link>http://www.stop-slova.ru/blog/all/resbuplica/</link>
<comments>http://www.stop-slova.ru/blog/all/resbuplica/</comments>
<description>&lt;p&gt;12 января рассказал в «Республике» о базовых инструментах управления вниманием и дизайна текста. Это для тех, кто уже познал дзен в тексте и готов перейти на следующий уровень.&lt;/p&gt;
&lt;div class="e2-text-video"&gt;
&lt;iframe src="https://www.youtube.com/embed/nle8fvNe3IM" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;&lt;/div&gt;
&lt;style&gt;
.hipsterquote{border: 5px solid #da570f; font-size: 22px; font-weight:bold; padding: 20px 20px 25px 20px; width:100%; margin-bottom:2em; max-width: 760px;}
.hipsterquote-major{border: 5px solid #da570f; text-align:center; font-size: 30px; font-weight:bold; padding: 20px 20px 25px 20px; width:100%; margin-bottom:2em; max-width: 760px; letter-spacind:1px;}
&lt;/style&gt;
&lt;p&gt;Пошаговое видео с лекции и дополнительные материалы — на сайте:&lt;/p&gt;
&lt;div class="hipsterquote-major"&gt;&lt;p&gt;&lt;a href="http://design.glvrd.ru"&gt;DESIGN.GLVRD.RU&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;</description>
<pubDate>Fri, 13 Jan 2017 19:54:25 +0300</pubDate>
</item>

<item>
<title>Сильный ход. Вебинар Школы редакторов</title>
<guid isPermaLink="false">399</guid>
<link>http://www.stop-slova.ru/blog/all/power-move/</link>
<comments>http://www.stop-slova.ru/blog/all/power-move/</comments>
<description>&lt;div class="e2-text-video"&gt;
&lt;iframe src="https://www.youtube.com/embed/qTf4jp8ZVd0" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;&lt;/div&gt;
&lt;p&gt;Сильный ход — редакторский прием, который читатель запоминает после прочтения статьи.&lt;/p&gt;
&lt;p&gt;Сильный ход нужно планировать: «Что в моей статье вызовет удивление?»&lt;/p&gt;
&lt;p&gt;«Та статья, где в конце еще текст редактировали»&lt;/p&gt;
&lt;p&gt;«Та статья, где отжимали текст»&lt;/p&gt;
&lt;p&gt;&lt;h2&gt;Примеры сильных ходов&lt;/h2&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="http://maximilyahov.ru/hello/"&gt;Знакомство с информационным стилем&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://cdn2.hubspot.net/hubfs/2020805/clear-off-the-table-gif.gif"&gt;Изменение таблицы&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://sergeykorol.ru/blog/bulldoser/"&gt; Король о бульдозере&lt;/a&gt;&lt;br /&gt;
&lt;a href="https://bigplans.megaplan.ru/lucy"&gt;Люси&lt;/a&gt;&lt;br /&gt;
&lt;a href="https://vimeo.com/39300652"&gt; Видео об инфостиле: «Я тебя очень люблю&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://journal.tinkoff.ru/gennady/"&gt;Геннадий и кредиты&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://us10.campaign-archive1.com/?u=3c4c5f4f5088627ff3d100d75&amp;id=afb5b537dd"&gt;Деньги и айфоны&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://mos.ru/magistral"&gt;Магистраль&lt;/a&gt;&lt;br /&gt;
&lt;a href="http://angryclients.ru"&gt; Клиент неадекват&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;h2&gt;Что может стать сильным ходом&lt;/h2&gt;&lt;/p&gt;
&lt;p&gt;Что-то обыденное, над чем происходят неожиданные  изменения&lt;/p&gt;
&lt;p&gt;Интересная метафора, сравнение&lt;/p&gt;
&lt;p&gt;Персонаж и история&lt;/p&gt;
&lt;p&gt;Объяснение сложных и неочевидных вещей на простых примерах&lt;/p&gt;
&lt;p&gt;Обычные действия дают необычный результат&lt;/p&gt;
&lt;p&gt;Над одной и той же реальностью происходят постепенные неожиданные изменения — фокус&lt;/p&gt;
</description>
<pubDate>Thu, 27 Oct 2016 23:34:18 +0300</pubDate>
</item>

<item>
<title>Текстовая гигиена</title>
<guid isPermaLink="false">376</guid>
<link>http://www.stop-slova.ru/blog/all/hygiene/</link>
<comments>http://www.stop-slova.ru/blog/all/hygiene/</comments>
<description>&lt;p&gt;Ребята. Так не пойдёт. Вы ж писатели. Давайте соблюдать минимальные правила гигиены.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/hygiene.png" width="1200" height="630" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Вот исходный текст домашнего задания из продвинутого курса Главреда:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/techpis1.png" width="662" height="362" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;&lt;h2&gt;1. Делить текст на абзацы&lt;/h2&gt;&lt;/p&gt;
&lt;p&gt;Видите сплошной блок текста более восьми строк — разрежьте его на абзацы. Неважно, выдерживаете вы академический абзац или нет. Просто нарезайте текст на кусочки. Сразу в сто раз проще читать:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/techpis2.png" width="662" height="476" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;&lt;h2&gt;2. Озаглавливать&lt;/h2&gt;&lt;/p&gt;
&lt;p&gt;Любому тексту можно придумать заголовок. Не просто можно — необходимо:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/techpis3.png" width="662" height="532" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;&lt;h2&gt;3. Сгруппировать мысли&lt;/h2&gt;&lt;/p&gt;
&lt;p&gt;Если вы не Демиург Копирайтинга™, избегайте потока мысли — это когда мысли идут в свободном порядке, перетекая друг в друга. Если у вас несколько мыслей, соберите их в группы, эти группы тоже озаглавьте. Сейчас я просто переставлю предложения исходного текста, ничего не редактируя:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/techpis4.png" width="662" height="638" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Если вам не нравится, как выглядят подзаголовки групп, уберите их. Главное, чтобы сами идеи были организованы в какой-то логике, а не просто были набросаны, как пожелает маэстро:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/techpis5.png" width="662" height="638" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;&lt;h2&gt;И теперь начинайте работу&lt;/h2&gt;&lt;/p&gt;
&lt;p&gt;Когда в тексте соблюдены минимальные требования к гигиене, можно начинать редактуру. Это легко:&lt;/p&gt;
&lt;div style="padding-left:30px; max-width:760px;"&gt;&lt;p style="font-family:'Helvetica Neue', 'Helvetica', Arial, sans-serif; font-size:16px; line-height:26px;"&gt;
&lt;a href="http://maximilyahov.ru/blog/all/feel/"&gt;Опираясь на чувственный опыт&lt;/a&gt; и &lt;a href="http://maximilyahov.ru/blog/all/stick-to-topic/"&gt;строго по теме&lt;/a&gt;
&lt;/p&gt;
&lt;/div&gt;&lt;div style="padding-left:30px; max-width:760px;"&gt;&lt;p style="font-family:'Helvetica Neue', 'Helvetica', Arial, sans-serif; font-size:16px; line-height:26px;"&gt;
&lt;a href="http://maximilyahov.ru/blog/all/by-example/"&gt;С примерами&lt;/a&gt;, &lt;a href="http://maximilyahov.ru/blog/?go=all/conclusion/"&gt;выводами&lt;/a&gt;, &lt;a href="http://maximilyahov.ru/blog/all/trust-persuade/"&gt;тонкостями&lt;/a&gt;, &lt;a href="http://maximilyahov.ru/blog/all/situation/"&gt;ситуациями и сценариями&lt;/a&gt;
&lt;/p&gt;
&lt;/div&gt;&lt;div style="padding-left:30px; max-width:760px;"&gt;&lt;p style="font-family:'Helvetica Neue', 'Helvetica', Arial, sans-serif; font-size:16px; line-height:26px;"&gt;
&lt;a href="http://maximilyahov.ru/blog/all/lego/"&gt;Как будто говоришь&lt;/a&gt; и &lt;a href="http://maximilyahov.ru/blog/all/aloud/"&gt;перечитывая вслух&lt;/a&gt;
&lt;/p&gt;
&lt;/div&gt;&lt;div style="padding-left:30px; max-width:760px;"&gt;&lt;p style="font-family:'Helvetica Neue', 'Helvetica', Arial, sans-serif; font-size:16px; line-height:26px;"&gt;
&lt;a href="http://maximilyahov.ru/blog/all/illustrated-decorated/"&gt;С информативной иллюстрацией&lt;/a&gt; и &lt;a href="http://maximilyahov.ru/blog/all/image-shit/"&gt;без фотостока&lt;/a&gt;
&lt;/p&gt;
&lt;/div&gt;&lt;div style="padding-left:30px; max-width:760px;"&gt;&lt;p style="font-family:'Helvetica Neue', 'Helvetica', Arial, sans-serif; font-size:16px; line-height:26px;"&gt;
&lt;a href="http://maximilyahov.ru/blog/all/fools/"&gt;Не перегибая с копирайтингом&lt;/a&gt;, &lt;a href="http://maximilyahov.ru/blog/all/false/"&gt;избегая фальши&lt;/a&gt; и &lt;a href="http://maximilyahov.ru/blog/all/like-shit/"&gt;без аналогий&lt;/a&gt;
&lt;/p&gt;
&lt;/div&gt;&lt;div style="padding-left:30px; max-width:760px;"&gt;&lt;p style="font-family:'Helvetica Neue', 'Helvetica', Arial, sans-serif; font-size:16px; line-height:26px;"&gt;
&lt;a href="http://maximilyahov.ru/blog/all/information-emotion/"&gt;Сначала по сути, потом эмоции&lt;/a&gt;
&lt;/p&gt;
&lt;/div&gt;&lt;div style="padding-left:30px; max-width:760px;"&gt;&lt;p style="font-family:'Helvetica Neue', 'Helvetica', Arial, sans-serif; font-size:16px; line-height:26px;"&gt;
Не забыть &lt;a href="http://maximilyahov.ru/blog/all/parcel/"&gt;проверить на парцелляцию&lt;/a&gt; и &lt;a href="http://maximilyahov.ru/blog/all/skobki/"&gt;удалить скобки&lt;/a&gt;.
&lt;/p&gt;
&lt;/div&gt;&lt;div style="padding-left:30px; max-width:760px;"&gt;&lt;p style="font-family:'Helvetica Neue', 'Helvetica', Arial, sans-serif; font-size:16px; line-height:26px;"&gt;
Прочитайте &lt;a href="http://soviet.glvrd.ru"&gt;все статьи о редактуре&lt;/a&gt;, чтобы получить общее представление.
&lt;/p&gt;
&lt;/div&gt;&lt;p&gt;Вот гифка для наглядности: от негигиеничного к гигиеничному:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/techpis-ani.gif" width="662" height="694" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;То, о чем здесь сказано — это просто гигиена текста. Я даже не трогал смысл и аргументацию, но результат уже во много раз более читаемый и наглядный. Не пренебрегайте гигиеной.&lt;/p&gt;
</description>
<pubDate>Sun, 28 Aug 2016 16:58:11 +0300</pubDate>
</item>

<item>
<title>Иллюстрация или декорация</title>
<guid isPermaLink="false">361</guid>
<link>http://www.stop-slova.ru/blog/all/illustrated-decorated/</link>
<comments>http://www.stop-slova.ru/blog/all/illustrated-decorated/</comments>
<description>&lt;p&gt;Бывает так: человек пишет статью и понимает, что ему нужна иллюстрация. Ставит картинку в текст: одну, вторую, десятую, — и получается ерунда. Статья стала более расплывчатой, читать ее стало тяжелее, фокус сбился. То есть всё наоборот: должно было помочь, а по факту сделали хуже.&lt;/p&gt;
&lt;p&gt;Ключ в том, что автор путает декорацию и иллюстрацию.&lt;/p&gt;
&lt;div style="padding-left:30px; max-width:760px;"&gt;&lt;p style="font-family:'Helvetica Neue', 'Helvetica', Arial, sans-serif; font-size:16px; line-height:26px;"&gt;
&lt;b&gt;Декорация&lt;/b&gt; — это просто красивая картинка, которая разбавляет текст без особой привязки к смыслу всей статьи. Часто декорация дублирует какой-то фрагмент статьи по смыслу. 

&lt;/p&gt;
&lt;/div&gt;&lt;div style="padding-left:30px; margin-bottom:30px; max-width:760px;"&gt;&lt;p style="font-family:'Helvetica Neue', 'Helvetica', Arial, sans-serif; font-size:16px; line-height:26px;"&gt;
&lt;b&gt;Иллюстрация&lt;/b&gt; — это изображение, которое более раскрывает смысл статьи, то есть дополняет ее.
&lt;/p&gt;
&lt;/div&gt;&lt;p&gt;Декорация дублирует, иллюстрация дополняет.&lt;/p&gt;
&lt;p&gt;Допустим, человек пишет статью о танцах. Заголовок «Как научиться импровизировать в танцах». Что там сейчас по тексту — не важно. Посмотрите на текст по диагонали и решите для себя, какой вариант статьи вам интереснее:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/no-gifs4.png" width="2385" height="1189" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Смотрим на левую картинку с негритенком. Она не раскрывает смысл своего раздела. Из этой картинки понятна только эмоция: «Я ничего не понимаю». Это декорация.&lt;/p&gt;
&lt;p&gt;Что на правой картинке: это видеозапись, в которой, судя по подписи, показывают базовые движения в хип-хопе. Она раскрывает смысл раздела: базовые движения в хип-хопе вот такие. Это иллюстрация.&lt;/p&gt;
&lt;p&gt;Представьте, что картинка — это текст. Сможете ли вы собрать предложение из вашей картинки и окружающего ее текста? Если сможете, и это предложение осмысленное — то иллюстрация нормальная. Если предложение какое-то неполное или непонятно зачем здесь написанное — перед вами декорация.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/no-gifs5.png" width="2385" height="1189" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Если заглянуть глубже в текст, мы поймем, зачем тут негритенок. Он иллюстрирует фразу «всё равно что говорить на незнакомом языке»:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/willis.png" width="562" height="464" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;То есть формально это иллюстрация: она вроде как дополняет текст по смыслу. Но это только формально. Текст у нас о танцах, а значит и вся информация в ней должна быть о танцах. То, что здесь используется метафора языка — это случайность, отклонение от темы. И усиливать это отклонение от темы иллюстрацией — вредно для фокуса.&lt;/p&gt;
&lt;p&gt;А вот дальше в статье классный ход: автор использует смешную гифку с болтающимся человеком, чтобы проиллюстрировать танец одновременно руками и ногами. Говорит, что смотрите на эту гифку и никогда так не делайте, потому что это выглядит глупо:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/dance.png" width="572" height="600" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Смотрите: это ведь тоже смешная гифка. Но в этом случае она идеально иллюстрирует мысль, которую автор хочет сообщить: «Не танцуйте сразу всем телом». Этот узел в статье сразу стал живым и убедительным. Потому что иллюстрация по теме.&lt;/p&gt;
&lt;style&gt;
.hipsterquote{border: 5px solid #da570f; font-size: 22px; font-weight:bold; padding: 20px 20px 25px 20px; width:100%; margin-bottom:2em; max-width: 760px;}
&lt;/style&gt;
&lt;div class="hipsterquote" style="border: 10px solid #da570f; font-size:180%; line-height:160%; margin-top:1em; margin-bottom:1.5em;"&gt;&lt;p&gt;Чтобы статью было интересно читать,&lt;br/&gt;&lt;br /&gt;
в ней должны быть иллюстрации по теме&lt;/p&gt;
&lt;/div&gt;&lt;div style="font-family:'Helvetica Neue', 'Helvetica', Arial, sans-serif; font-size:16px; line-height:26px; margin-bottom:30px;"&gt;&lt;table cellpadding="5"&gt;&lt;tr&gt;&lt;td valign="top" width="50%"&gt;&lt;p&gt;&lt;strong&gt;Нет&lt;/strong&gt;&lt;/p&gt;
&lt;/td&gt;&lt;td valign="top" width="50%"&gt;&lt;p&gt;&lt;strong&gt;Да&lt;/strong&gt;&lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td valign="top"&gt;&lt;p&gt;Смешные гифки из фильмов и сериалов&lt;/p&gt;
&lt;/td&gt;&lt;td valign="top"&gt;&lt;p&gt;Прямые иллюстрации того, о чём вы говорите&lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td valign="top"&gt;&lt;p&gt;Задумчивые портреты героя&lt;/p&gt;
&lt;/td&gt;&lt;td valign="top"&gt;&lt;p&gt;Портреты героя за тем делом, о котором идет речь&lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td valign="top"&gt;&lt;p&gt;Красивые пейзажи и абстрактная красота&lt;/p&gt;
&lt;/td&gt;&lt;td valign="top"&gt;&lt;p&gt;Пейзажи конкретных мест, о которых идет речь&lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td valign="top"&gt;&lt;p&gt;Фотографии с фотостока&lt;/p&gt;
&lt;/td&gt;&lt;td valign="top"&gt;&lt;p&gt;Фотография того, о чем вы пишете&lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;&lt;p&gt;См. также: &lt;a href="http://maximilyahov.ru/blog/all/image-shit/"&gt;почему ваша картинка к статье — говно&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;P. S. Статья в примере — одна из работ участника &lt;a href="http://maximilyahov.ru/glvrd-pro/"&gt;продвинутого курса Главреда&lt;/a&gt;. Подписывайтесь на вариант с домашними заданиями, и о вашей работе тоже может появиться статья в блоге.&lt;/p&gt;
</description>
<pubDate>Wed, 20 Jul 2016 11:25:01 +0300</pubDate>
</item>

<item>
<title>Моим студентам: о слайдерах</title>
<guid isPermaLink="false">356</guid>
<link>http://www.stop-slova.ru/blog/all/no-slides/</link>
<comments>http://www.stop-slova.ru/blog/all/no-slides/</comments>
<description>&lt;p&gt;Студенты второй ступени &lt;a href="http://artgorbunov.ru/school/"&gt;Школы стажёров&lt;/a&gt; и &lt;a href="http://artgorbunov.ru/school/editors/"&gt;Школы редакторов&lt;/a&gt;, это вам.&lt;/p&gt;
&lt;p&gt;Одно из ваших  заданий будет посвящено рекламе книги Яна Уайта «Редактируем дизайном». Задача будет представить эту великолепную книгу так, чтобы ее захотелось купить.&lt;/p&gt;
&lt;p&gt;У вас будет соблазн поставить развороты этой книги в слайдер. И даже будет прецедент: ровно то же сегодня сделал я на сайте &lt;a href="http://book.glvrd.ru"&gt;книги Главреда&lt;/a&gt;:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/slider.gif" width="828" height="690" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Друзья и коллеги: &lt;b&gt;это плохое решение&lt;/b&gt;. Оно здесь не потому, что оно хорошее, а потому, что на лучшее у меня просто не было времени. Когда будет время, я всё переделаю.&lt;/p&gt;
&lt;p&gt;Чем оно плохое:&lt;/p&gt;
&lt;div style="padding-left:30px; max-width:760px;"&gt;&lt;p style="font-family:'Helvetica Neue', 'Helvetica', Arial, sans-serif; font-size:16px; line-height:26px;"&gt;
1. Клик дороже, чем скролл. Среди всех людей, которые придут на эту страницу, многие не кликнут в слайдер и не начнут листать. Кто-то скажет, что это и хорошо: мол, немотивированный читатель может пойти на фиг. Но я так не думаю.
&lt;/p&gt;
&lt;/div&gt;&lt;div style="padding-left:30px; max-width:760px;"&gt;&lt;p style="font-family:'Helvetica Neue', 'Helvetica', Arial, sans-serif; font-size:16px; line-height:26px;"&gt;
2. Такое решение предоставляет читателя самому себе. Читатель должен сам влезть в разворот книги; сам разобраться, что к чему; сам сделать выводы. В первых слайдах я делаю попытки объяснить, на что смотреть, но это плохо работает. Я не могу нормально рассказать о продукте, когда мой рассказ упакован в слайдер.
&lt;/p&gt;
&lt;/div&gt;&lt;div style="padding-left:30px; max-width:760px; margin=bottom:30px;"&gt;&lt;p style="font-family:'Helvetica Neue', 'Helvetica', Arial, sans-serif; font-size:16px; line-height:26px;"&gt;
3. С первого взгляда неочевидно, что это нужно листать. Чтобы это стало понятнее, мне пришлось рисовать конскую надпись «Полистайте», а это грубый и злой костыль. Не делайте так.
&lt;/p&gt;
&lt;/div&gt;&lt;p&gt;Это решение хорошее только одним: я смог его собрать за час между полуночью и часом ночи, менее чем за сутки перед отлетом в отпуск, в режиме жесткого дедлайна. Да, это кривое решение, но оно быстрое и кое-как работает. После отпуска я сделаю по-нормальному.&lt;/p&gt;
&lt;p&gt;Слайдер хорош только в одной ситуации: когда у вас коллекция однотипных предметов. Типа «посмотрел один — понял все». Например, Артемий Лебедев поехал в Вильнюс и сфотографировал интересные канализационные люки. Они все одинаковые, но он их сфотографировал десять штук в разных местах. Вот тогда десять одинаковых канализационных люков можно поставить в слайдер.&lt;/p&gt;
&lt;p&gt;&lt;h2 style="margin-top:60px;"&gt;Как правильно&lt;/h2&gt;&lt;/p&gt;
&lt;p&gt;Правильно — ставить развороты один над другим и &lt;i&gt;проводить за ручку&lt;/i&gt;. Проводить за ручку — значит указывать читателю, на что тут смотреть и почему это хорошо. Это можно делать слева, справа, снизу, сверху, в новом информационном слое, наискосок и как угодно еще.&lt;/p&gt;
&lt;p&gt;Вот эскиз на коленке за пять минут, как эта страница должна была выглядеть, если бы на нее было три часа, а не один:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/no-slider.png" width="1499" height="2916" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Не повторяйте мою ошибку: не ставьте важного в слайдер.&lt;/p&gt;
&lt;style&gt;
.hipsterquote{border: 5px solid #da570f; font-size: 22px; font-weight:bold; padding: 20px 20px 25px 20px; width:100%; margin-bottom:2em; max-width: 760px;}
&lt;/style&gt;
&lt;div class="hipsterquote" style="text-align:center;"&gt;&lt;p&gt;Прятать контент за клик — грешно&lt;/p&gt;
&lt;/div&gt;&lt;p&gt;&lt;h2&gt;Почему об этом должен думать редактор&lt;/h2&gt;&lt;/p&gt;
&lt;p&gt;От того, как стоит материал на странице, зависит и текст, и последовательность изложения, и дизайн — всё зависит. Если редактор неграмотный с точки зрения интерфейса, работоспособности и организации материала, то у него и продукты будут неработоспособные.&lt;/p&gt;
&lt;p&gt;Сложно представить, как редактор решил поставить материал в слайдер и написал какой-то сопроводительный текст, а дизайнер потом каким-то волшебным образом сделал всё красиво. Так не бывает. Организация материала — забота редактора.&lt;/p&gt;
&lt;p&gt;Если тоже хотите в этом разбираться, поступайте: &lt;a href="http://artgorbunov.ru/school/editors/"&gt;artgorbunov.ru/school/editors/&lt;/a&gt;&lt;/p&gt;
</description>
<pubDate>Mon, 27 Jun 2016 15:05:14 +0300</pubDate>
</item>

<item>
<title>«Не буду щас читать, попозже». Нужен совет дизайнера</title>
<guid isPermaLink="false">284</guid>
<link>http://www.stop-slova.ru/blog/all/soviet-ux/</link>
<comments>http://www.stop-slova.ru/blog/all/soviet-ux/</comments>
<description>&lt;p&gt;В понедельник я в порыве прокрастинации &lt;a href="http://maximilyahov.ru/blog/all/soviet-4/"&gt;выкатил четвертую версию «Советов»&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Главная фишка новой версии — в рубрикаторе появились цитаты и картинки. Раньше была просто гора ссылок:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/soviet-before.jpg" width="1105" height="355" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Стала гора ссылок с иллюстрациями:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/soviet-after.jpg" width="1141" height="511" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;По всем правилам, это должно было отразиться на кликабельности. Я ожидал какую-то такую карту кликов:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/soviet-ux-1.jpg" width="1141" height="511" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Вот подлинная карта кликов спустя 3 дня:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/soviet-ux-2.jpg" width="1141" height="511" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Сломалась статистика? Мало данных? Нет, на первом экране клики распределены ожидаемо — все кликают в «Что такое инфостиль» и в бургерную кнопку:&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/soviet-ux-3.jpg" width="1307" height="721" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Отдельно отличилась незаметная навигашка, которая прилипла к верхнему краю экрана. Слово «Хвастается» — вторая по кликабельности ссылка на этом экране.&lt;/p&gt;
&lt;div class="e2-text-picture"&gt;
&lt;img src="http://www.stop-slova.ru/blog/pictures/soviet-ux-4.jpg" width="606" height="61" alt="" /&gt;
&lt;/div&gt;
&lt;p&gt;Дизайнеры и юиксеры, в чем я накосячил? Моя гипотеза: люди заходят познакомиться, ставят лайк, жмут ретвит и уходят дальше по своим делам, читать советы некогда. Какие еще идеи?&lt;/p&gt;
</description>
<pubDate>Wed, 20 Jan 2016 14:45:13 +0300</pubDate>
</item>


</channel>
</rss>