Слайды на витрине. Почему россыпью? PDF forever!

Материал из 0x1.tv

Слайдоменты, лишь бы не заснуть

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

Организаторы конференций, или сами докладчики должны их выкладывать на СпециальныйСервисДляПрезентаций™, настоящий сервис белых людей из Валинора, SlideShare.

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

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

Соответственно, многие смотрят, и удивляются, почему же тут не применяются эти бестпрактики?

А бест-практики ли это?

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

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

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

Слайды явно не для чтения

Да, во времена слайдоментов[1], слайды действительно были самодостаточным контентом, и пафосно объявляли «материалы конференции опубликованы», когда кто-то не совсем ленивый, загружал на какую-нибудь файлопомойку архив со слайдами, ну или все же осиливал заливку их всех на слайдшер.

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

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

Слайды пропадают. Нецелостное хранение.png

Далее. Раньше, когда у доклада висела ссылка на презентацию в PowerPoint или Кейноут, набитую несжатыми картинками полиграфического качества, весом под сто метров, которую полчаса будешь качать перед началом просмотра… и не факт, что найдешь правильный пауэрпоинт или вовсе мак для кейнотовщиков..., да и для PDFа раньше надо было бежать за Акробат ридером … все это погружало в печаль, а листание растеризованных картинок в броузере выглядело настоящим избавлением.

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

Разумеется, для этого надо презентацию сохранить в PDF, причем желательно в режиме «для Интернета». Тогда картинки с излишним качеством и лишним весом, ужимаются до разумного. Open/LibreOffice обычно сразу делает легкие презентации, в PowerPoint надо выбрать соотвествующую опцию при сохранении... но даже если у вас на руках внезапно оказалась уже готовая PDFина весом под сто метров, без исходника, с помощью бесплатного онлайн-сервиса http://compress.smallpdf.com/ вы в пару кликов сделаете вменяемый PDF для веб-публикации. Кстати, мы это и делаем, так что не бойтесь, начав скачивать у нас слайды, что у вас сьедят последние гигабайты мобильного трафика — в норме у нас все слайды не больше 1-2 мегабайт, иногда, по необходимости, разрешаем 4-5.

Стандартные унылые буллеты

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

Но правда ли этого достаточно? Ведь первый слайд, он почти как последний, ценное содержит редко — название доклада, логотип конференции, логотип компании. Это ни разу не трейлер. Разве что будет время вкурить длинное и невнятное название доклада. А листать всю презентацию, в которой может быть сотня слайдов, чтобы посмотреть, есть ли то, что зацепит для детального изучения — уже мучительно долго.

Можно ли сделать лучше? Конечно, так мы и сделали.

Инфографика, визуальные метафоры — наверное интересно!

Россыпь превьюшек всех слайдов!

  • Это сразу информирует о стиле доклада — будет ли это
    • яркий менеджерский доклад на эмоциях ← картинки, мемы …
    • будут ли грузить грамотно данными ← статистическая инфографика …
    • просветят ли по архитектуре ← диаграммы потоков …
    • будет ли скучно ← монотонные списки с буллетами …
    • будут ли пытаться усыпить ← слайдоменты.
  • Ключевые слова (вынесенные в заголовок, показанные крупно), узнаваемые диаграммы-инфографика — сразу привяжут контекст, запустят процесс вспоминания связанного с темой.
  • Да что выдумывать, ведь даже россыпь случайных кадров — это удобный способ показать за секунду правильные ожидания от фильма, и эти функции встроены в кучу киносайтов (разной степени пиратскости, и очень, очень разных жанров). Это работает, а со слайдами это работает еще лучше чем кадры — ведь это самое основное, концентрат — все остальное в докладе обычно неизменно → актеров один, иногда два, их видно на первом кадре видео, или из фоток подшитых к странице профилей докладчиков.
  • И эти превьюшки слайдов у нас вполне живые → за пару кликов, если вдруг, если что-то привлекло внимание, можно попасть сразу на нужный слайд, не мучаясь с листанием.
  • В целом, сейчас, в мире информационной перегрузки, когда люди склонны «потреблять контент» максимально ненапряжно, аннотация + россыпь превьюшек уже дает иллюстрированную министатью, чтобы за считанные секунды хотя бы понять — эта тема интересна или нет, стоит ли погружаться глубже, или увы, совсем не то, и расстаться без грусти и обид, как если бы пришлось для этого пролистывать все слайды, или, что еще хуже, когда их нет, просматривать видео, целиком или урывками.

Можно ли сделать еще лучше? Да! Ведь сейчас, при шаринге в соцсетях да и почти при любой публикации, обязательно нужна Related Picture. Появились даже какие-то дикие профессии «пикчеров», которые надергивают из гуглпоиска, баз клипартов, фотобанков, хранилищ баянистых мемов что-то что должно иллюстрировать статью. Да, какое там, статью — даже сотня символов в твиттерах и телеграм каналах не напишут без «пикрелейтед».

Будут грузить формулами с вероятностью. Надо было выпить кофе…

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


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


Есть ли в этом какие-то минусы и что может еще пойти не так?

Во-первых, надо сохранять в PDF. Для многих, увы, даже сохранение в PDF из презентационной программы — это уже тяжкий труд. В слайдшер можно было грузить как есть, а тут возня, опять таки M$офис нужен, а у меня линукс… — ну, кстати, на compress.smallpdf.com можно онлайн и бесплатно конвертировать ppt в pdf.

Конечно, при сохранении в PDF, вы теряете всякие хитрые переходы, встроенное видео, не говоря уже о живых демонстрациях, запускаемых прямо в броузере — будь это Google-слайды с встроенным видео, укачивающая Prezi, презентации из Jupyter-ноутбуков, или живые виртуалки внутри слайдов. В любом случае, постарайтесь сделать и PDF версию, которая, пусть и с потерями, сохранит основную часть информации и иллюстраций. Вот хотя бы для вышеперечисленного. Параллельно можно оставить ссылку на живую презентацию, если это возможно, и молится, чтобы она не пропала. Кстати, если у вас много псевдоанимации (элементы буллетного списка появляются по одному и т.п.) — то полезно сохранить и версию без анимации, ее как раз лучше публиковать или использовать в раздатках.

Так что PDF, PDF и еще раз PDF! Делайте его всегда! Черт знает, что может пойти не так на презентационном компьютере — отвалится интернет (с вашей презой в интернете), вы приедете на конференцию к опенсорсникам и ваш Powerpoint изнасилует LibreOffice, или вы опенсорсник, и вам даст сдачи M$.

Юрист на OpenSource конференции знакомится с LibreOffice

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

Так что с LibreOffice/Keypoint/Powerpoint все понятно, наверное все осилят сохранит PDF и из Google Docs, но вот по моему опыту, этого не осиливают модные «веб X.0» докладчики, верстающие слайды в HTML, с быстрым порождением слайдов из плоских текстовых разметок, типа asciidoc/markdown/MediaWiki (reveal.js, S5SlideShow, десятки их).

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

И слава докеру и каким-то добрым чувакам, это элементарно сделать как на линуксовом, так и на виндовом компе. И даже наверное маке (но это неточно).

Вот волшебная команда[2], которую надо выполнить в консоли (заменив URL на ваш):

   docker run --rm -v `pwd`:/slides astefanutti/decktape https://quizzical-jang-f3e5a7.netlify.com slides.pdf

Вы получите готовый slides.pdf, он обычно и так мал, но если вдруг окажется большим — помним про http://compress.smallpdf.com.


Выпрашивание слайдов.png

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

Всем ярких и информативных слайдов!


  1. Слайдов-документов, см. например Смерть от Powerpoint
  2. для линукса и мака, для винды сообразите сами