Блог о вёрстке презентаций и всего, что связано с их оформлением. Первоисточник всех заметок — канал в телеграме.
Ситуация:
Стартап готовит питч-дек для выступления, организатор требует файл презентации в .ppt. Не .pptx и не .pdf, а именно .ppt. Стартап узнаёт об этом в последний момент. Присылаешь либо .ppt, либо выбываешь. Стартап делал презентацию в Keynote, используя в дизайне платный шрифт.
Дальше одни проблемы: при попытке конвертировать .key в .ppt или хотя бы в .pptx через онлайн-сервисы выдаётся ошибка. Нативно Keynote не умеет экспортировать в .ppt, только в .pptx. Окэй, конвертируем хотя бы так. Получаем .pptx. Из PowerPoint пытаемся конвертировать в .ppt, но опять выдаётся ошибка. Времени разбираться нет. Решаем собрать .ppt из слайдов, в которые вставлены картинки. В Keynote нет настройки, указывающей разрешение картинок при экспорте слайдов в .jpg. В результате получаем ужасного качества картинки: 720 × 405px.
Пробуем сначала экспортировать в .pdf, оттуда слайды экспортируем в .jpg с разрешением 2260 × 1204px. Создаем новый файл в PowerPoint и на каждый слайд закидываем картинку соответствующего слайда. Сохраняем как .ppt. Ура, теперь у нас есть файл в формате .ppt, который требует организатор. Успеваем отправить, опоздав на пару минут. Файл принимают. Да, кликабельных ссылок в файле нет. Да, из-за кучи этапов с экспортированием качество не очень, но стартап не выбыл.
Как только появились планы выступить на конференции, что с докладом, что с питч-деком, ещё до того как начали работу над презентацией — выясните требования от организатора в каком формате можно присылать презентацию.
Пять единорогов из пяти. Вы сможете показать презентацию так, как задумали её изначально. С анимацией, видео и прочим. Шрифты на вашем ноутбуке уже установлены. Если захотите что-то поменять в структуре своего доклада, переписать текст, исправить ошибку — у вас есть такая возможность до самого начала выступления. Риск, что что-то пойдет не так — минимальный.
Но он есть. Заранее уточните как будет происходить подключение к проектору или телевизору. Скорее всего через hdmi. Если у вас нет такого порта в ноутбуке, а например, только usb type-c, то вам нужен переходник. Уточните, есть ли он у организатора. Либо перестрахуйтесь и возьмите свой. А что там с кликером? Для подключения свистка наверняка тоже нужен будет отдельный usb type-a порт. Ну и не забывайте про режим энергосбережения. Если ваш ноутбук не будет подключен к питанию во время выступления, не круто, если в процессе выступления он уснёт. Подробнее рассказывал об этом на примере докладчиков с дизайн-выходных.
Четыре единорога из пяти. В этом случае у вас не будет проблем с отображением шрифтов на компьютере, с которого будет транслироваться презентация. Всё в облаке. В Google Slides можно использовать не только системные шрифты, но и шрифты из библиотеки Google Fonts. Правда, если у вас не будет доступа к интернету во время доклада, то ничего не сможете показать. Но это достаточно редкий случай.
Бонус: если вы захотите что-то поменять в презентации, то легко сможете это сделать в Google Slides и никакие новые файлы или ссылки не нужно будет отправлять организаторам. Обновлённая презентация будет доступна по той ссылке, которую вы ранее отправили.
Три единорога из пяти, но это тоже рабочий вариант. .pdf — универсальный, при этом векторный формат файла. Он одинаково будет открываться на любом компьютере, при этом не нужно будет организаторам отправлять файлы шрифтов, если вы вдруг используете в дизайне не системный, а какой-то сторонний. И уж тем более, если платный. Но тут вы уже не сможете что-то изменить по структуре или тексту в слайдах после отправки файла организатору. А если и захотите, то придётся заново отправлять файл, но не факт, что оргазатор вспомнит об этом при запуске вашего файла и вместо нового включит старый. Неудобненько выйдет.
Семь мерзких жаб из пяти. .pptx, .ppt или .key — это исходные файлы презентации в PowerPoint и Keynote соответственно. Тут главная проблема в шрифтах. Если в дизайне презентации используется сторонний шрифт, то для корректного отображения слайдов на компьютере организатора необходимо отправить файлы шрифта вместе с презентацией. Если вы используете платный шрифт и даже купили его, то юридически вы нарушите лицензию, отправив шрифт организаторам. Файлы таких шрифтов вы не имеете право распространять.
Можно попытаться вшить шрифт в презентацию если делали её в PowerPoint, но не все шрифты можно вшивать. Подробнее о вшивании в совете от Юли. Keynote и вовсе не поддерживает такую функцию.
Если вы всё же решили передать шрифт организиторам, то они могут забыть установить его на компьютер. Или поменять компьютер в последний момент. И ладно, если текст на слайдах отобразиться просто дефолтным шрифтом системы. Текстовые блоки в этой ситуации могут начать налезать друг на друга или сместиться. Это может произойти из-за разного рендеринга и размеров букв между шрифтами. Неудобненько выйдет.
Как тут быть? Увы, придётся сохранять ваши слайды в .jpg и закидывать их на слайды в .key или .pptx. Тут стоит помнить, что Keynote не умеет экспортировать картинки в 2x. Придётся сначала сохранять как .pdf, а потом через Adobe Acrobat эспортировать слайды в .jpg. PowerPoint умеет нормально эспортировать. В настройках можно указать разрешение картинок.
При этом в любом случае у вас не будет никакой анимации, никаких кликабельных ссылок или возможности воспроизвести видео, встроенного в слайд 😬
Наверняка это ещё не все моменты, которые стоит учесть при подготовке к выступлению, но как минимум — это база, о которой стоит помнить и учитывать.
Заказчик:
Доброе утро! У нас срочная задача, очень надо, сделай пожалуйста!
Такое сообщение только нагоняет страх и тревожности. А я терпеть не могу нервничать и тревожиться. И без этого поводов хватает.
Срочная — это когда? Через час, сегодня к вечеру или к концу недели? Особенно если я прочитал сообщение не сразу, а через пару часов, то вопросов ещё больше. Я уже опоздал? Мы в жопе? Ааа!!!
Срочность относительна. Для задачи, которую делать 10 минут дедлайн через 2 часа — это не срочно, но клиент может не знать, что её делать 10 минут. Поэтому он наводит панику, чтобы показать всю важность задачи и то, что она ему очень нужна. Но для меня ценной информации в такой формулировке — 0.
Лучше не использовать такие слова как «срочно» или «ASAP», а в постановке задачи описать проблему и указать дедлайн. Дизайнер посмотрит задачу, оценит её и скажет, успевает ли он сделать к указанному времени.
Плохо:
У нас супер срочная задача!1 Выручай! Нам надо срочно отдать макет в печать.
Ничего не понятно про задачу, кроме того заказчик в панике.
Хорошо:
В типографию через два часа нужно отдать сертификат в печать, чтобы успеть его распечатать и вручить до начала мероприятия. В макете решили исправить одну фразу на вот такую. Обнови, пожалуйста.
Тут всё понятно: исправление минорное, за пару минут можно всё обновить. Нет повода для паники.
Веб-презентация — это по сути своей лендинг, где говорим о продукте или услуге и там же есть возможность выполнить целевое действие: оплатить продукт/услугу или отправить заявку.
Такое хорошо работает на массовый сегмет, то есть B2C — когда ты один, а потенциальных клиентов миллионы. Лично каждому pdf не отправишь, так что нужен лендинг. Настраиваешь рекламную кампанию и вперёд считать лиды :—)
В случае с B2B история другая. Клиентов какое-то не бесконечное число и к ним нужен индивидуальный подход. Индивидуальный подход нужен, чтобы повысить шансы на успешную сделку. Нам тут каждый клиент на вес золота.
Мы у себя под каждого клиента делаем отдельную версию презентации. Например, есть презентация с предложением и мы её отправляли одному из клиентов. Прежде чем пойти с ней к другому — меняем шрифты и цветовую палитру под стиль нового клиента, а также бывает что переписываем некоторые блоки текста, перерисовываем концепты, корректируем схемы. В общем затачиваем под конкретного клиента, чтобы иметь максимальные шансы.
Такой подход сложно масштабировать, поэтому да, мы делаем такие презентации в pdf.
по умолчанию все используют pdf
При прочих равных условиях сделать лендинг сложнее, чем сделать презентацию. Стоимость производства лендинга обычно выше стоимости презентации. Помимо прочего, когда мы делаем веб-презентацию в Редимаге или Тильде — надо же ещё заморачиваться с адаптивом под мобилки, планшеты и скорее всего настроить анимацию. Времени это занимает сильно больше, чем разработать статичную презентацию.
Когда нам нужно сделать что-то 1 раз и тиражировать это бесконечно в рекламных кампаниях — выбираем формат лендинга. Мы один раз хорошенько заморочились, потратились на разработку и всё, оно само там крутится. Конечно, тут ещё есть вероятность того, что лендинг может плохо генерировать лидов и надо что-то менять, но мы пока опустим эти детали.
Если же делать под каждого клиента свой лендинг, то у нас будут высокие трудозатраты на каждую презентацию как по деньгам, так и по временным затратам. Поэтому все и выбирают формат pdf — это быстрее и дешевле.
В B2B выбирают pdf ещё и потому, что часто бывает такой сценарий: отправляем клиенту презентацию на ознакомление, если ему стало интересно — назначаем встречу. На встрече показываем эту же pdf, но уже более детально рассказываем о своих услугах и чем мы можем быть полезны клиенту — универсальненько. Если бы у нас изначально был лендинг, то под встречу понадобилось бы собрать презентацию. А так, она уже у нас есть, ничего дополнительно делать не надо.
Если в презентации нужен какой-то интерактив, например, показать видео — такую презентацию можно сделать в Гугл Слайдах, а клиенту пошарить ссылку на неё, либо показывать при встрече самостоятельно.
Читать заметку
В одном из чатиков поговорили с дизайнерами за висячие предлоги и я там рассказал правило, которого придерживаюсь при переносе предлогов. Ну и заодно вам решил рассказать.
Это правило чуть сложнее, чем «ПЕРЕНОСИМ ВСЕ ПРЕДЛОГИ, ААА!!!», но оно и более логичное. Таким образом у нас правый край текстового блока менее рваный получится.
Звучит правило так:
Если предлог в конце строки и под ним пустота, то его нужно переносить. Если представить, что в типографике была бы гравитация, то предлог бы упал. А значит — переносим.
Если предлог в конце строки и под ним есть другое слово, то под действием гравитации он не упадёт. Потому что под ним есть опора в виде слова на другой строке.
Будет полезно, например, если вы разработчик и выступаете на конференции или демонстрируете команде на очередном стендапе куски исходного кода проекта.
Сань, а что тут вставлять то?! Спросите вы. Казалось бы, что тут сложного, да?
Код вставлен. Но есть проблема: он плохо считывается. Код не похож на код. Можно поменять шрифт на моноширинный.
Ильдар Шале выступил с презентацией «Надо продолжать думать руками» про крафт VS нейтронные сети. Если полистаете слайды, то поймете о чем речь:
Никита Кулижникова — разработчик, который стал менеджером в дизайн-студии М18 и рассказывает на Дизайн-просмотре о том, как они чуть не потеряли свою студию в кризис и как перестраивали процессы.
Кажется, что в оформлении Никите помогал дизайнер, всё таки в дизайн-студии работает :—)
Мне понравилось несколько моментов. Первый — это списки. Посмотрите 4 варианта в карусели. Все разные и по своему-интересные. Казалось бы — обычный перечень, но сколько способов сверстать их.
Продолжая тему первой и второй заметки о том как оценивать презентацию. Отвечаю на вопрос Сергея:
Вопрос большой, поэтому отвечаю по частям.
Но что делать, когда в работе одновременно несколько задач и ты все время переключаешься с одной на другую?
Если у вас есть практический способ учитывать время работы над конкретной задачей в числе многих, над которыми работаешь параллельно, то это идеальное решение.
Многозадачность — это миф. Нельзя параллельно (читай одновременно) работать над несколькими задачами. Эта иллюзия многопоточного выполнения задач идёт из того, что ты быстро переключаешься между ними. Но в каждый конкретный момент времени мозг работает только над одной задачей. Причем переключение между задачами всегда требует восстановления контекста, на что уходит время.
Как тут быть? Работать над задачами по очереди и не перескакивать хаотично с одной на другую. В этом случае проще фиксировать затраченное время. Например, над одной презентацией посидел 2 часа. Сделал перерыв на 30 минут и сел на 2 часа за другую презентацию.
Как работать над презентациями по очереди? Надо дробить каждую презентацию на этапы. У меня работа над презентацией состоит из 2-3 этапов, каждый из которых согласовываю с клиентом:
Вместо того, чтобы показать клиенту 150 слайдов и получить тонну замечаний — мы с ним уже внесли все правки на соответствующих этапах. И сам факт корректировки слайдов уже не так критично выглядит, как если бы я согласовывал презентацию целиком. А потом хватался за головову и внутри себя ругался бы на клиента.
Таким образом, например, можно подготовить концепт и пока ждешь обратную связь — взяться за раскатывание стиля по другой презентации, по которой уже согласовал стиль.
Ещё важный момент — помимо оценки в количестве рабочих часов учитывать фактический дедлайн. Во второй части писал о том, что клиент может прийти с уже имеющимся дедлайном. В этом случае скорее всего количество рабочих часов = фактическому времени. Но так бывает не всегда.
Бывает, что я оцениваю презентацию в 10 рабочих часов, а клиенту она нужна не прям завтра, а только через неделю. Ну не срочно ему, такое тоже бывает. В этом случае я понимаю, что могу работать над презентацией в перерывах между срочными. Ну и учитывая итеративный подход — первый этап я ему всё равно покажу через пару дней, но за эти пару дней выделю всего 3-4 своих рабочих часа.
Надеюсь система понятна :—)
Для себя вижу идеальным способ оценки проекта по фактическому времени, затраченному на работу, так как сразу снимаются вопросы со сложными и простыми слайдами, авторскими или стоковыми картинками, а главное — всегда больной вопрос с правкой, которой на одной задаче может и не быть вовсе, а на другой — очень много.
Для нас, как исполнителей, такой подход конечно же удобен — не надо париться с точной оценкой и работать с рисками. Сколько отработал столько и получил. Но это не в мире клиента.
Для клиента такой подход к оценке презентации является не предсказуемым. Откуда он знает сколько ты потратишь времени на работу? Да, окей, он знает твой часовой рейт, но это ему ничего не говорит о бюджете, который нужно заложить на задачу. И возможно эту сумму еще ведь надо согласовывать с руководством или партнерами. А сколько это будет часов? 5 или 50? А ты такой «ну хз, там видно будет».
При таком раскладе бюджет невозможно планировать, а клиенту нужно понимать сколько на эту задачу необходимо заложить денег. Соответственно, высока вероятность, что он уйдёт с презентацией к дизайнеру, который выдаст фиксированный прайс — понятный и предсказуемый.
Просто говоришь клиенту, что твой час стоит ХХ руб., а отчет и фактическую сумму в реальном времени можно мониторить по ссылке.
Это называется микроменеджемент. Микроменеджмент — зло. Мне кажется, что клиенту нафиг не упало ещё и за исполнителем следить сколько он там времени потратил на задачу. Ему нужна кайфовая преза с которой можно идти и продавать свой продукт/услуги или договариваться об инвестициях.
Моя задача как исполнителя — снять с клиента головную боль по подготовке презентации. В идеале сделать так, чтобы он отдал черновик, произошла какая-то магия на моей стороне и получилась кайфовая преза. Других деталей ему знать не надо, уж особенно то, сколько я часов и минут сидел за слайдами.
Если я научился выполнять 5 часовую работу за 3 часа — это не значит что теперь буду меньше зарабатывать при почасовой оценке презентаций. Это значит, что пришло время повысить рейт. В дальшейшем я буду брать за 3 часа своей работы столько, сколько раньше брал за 5.
В моем походе ничего необычного: называю клиенту стоимость за слайд после визуальной оценки его материалов и короткого опроса. Всегда оговариваю, что изменение композиции слайда или много правки = новый слайд. То есть, если на слайде 4 блока и меня просят «давайте здесь добавим еще один» — новый слайд. Если «давайте здесь перезальем текст» — новый слайд.
Звучит очень сложно, не представляю как в реальной работе всё это успевать оценивать (понять это новый слайд или нет?) и учитывать (сколько время потратил на эту правку? а сколько это в деньгах?), особенно когда работаешь над 2-3 проектами в моменте. Часть из которых срочные. Чем проще система, тем проще её поддерживать.
Ещё из описанного метода складывается ощущение, что правки — это что-то плохое, но это не так. Черновик презентации — это не статуя отлитая в бронзе, а живой организм.
В процессе работы над презентацией клиент может увидеть оформленный слайд и понять, что вот этот текст там не нужен, а нужна картинка. Или наоборот, не хватает какой-то важной детали — надо дописать текст. Или понимает, что между 9 и 10 слайдами важно добавить слайд с дополнительными финансовыми показателями, которые лучше покажут перспективы продукта.
Все эти изменение — благо для презентации. Она становится лучше. Это не я плохой дизайнер и не учел эти моменты, а «мы команда, мы вместе делаем презентацию лучше».
А ещё не всегда от клиентов исходят адекватные замечания. И тут важно не упустить этот момент и не превратиться из дизайнера в «инструмент по внесению правок». Каждое замечание от клиента нужно критически оценивать и пытаться понять — сделает ли это изменение презентацию лучше. Чем клиент обосновывает необходимость этого изменения?Если обосновать не может, то нужно не править презентацию, а разобраться что не так.
Очевидно, что клиенту что-то не нравится, но совсем не то, о чём он говорит. Моя задача — разобраться в том, что конкретно не удовлетворяет клиента и исправить именно это, а не бездумно вносить правки в слайды потому что двоюрдному брату кузины не нравится синий цвет текста.
В прошлой заметке описал случай, когда клиент приходит и просит оценить презентацию, но так бывает не всегда.
Бывает, что клиент приходит и говорит:
В первом случае я перевожу цену в количество часов в зависимости от рейта и смотрю, сколько часов на выполнение презентации у меня есть, чтобы проект оказался финансово рентабельным для меня. Например, €80 — это почти 7000₽. По моему рейту это примерно 4,5 часа работы. (7000₽ / 1500₽ в ч. = 4,666).
Дальше иду смотреть черновик и прикидываю успею ли сверстать данный набор слайдов за 4,5 часа. Попутно конечно задаю вопросы и уточняю детали. Если все ок, то берусь за задачу. Если нет, то так и говорю, что условия не подходят.
Во втором случае почти тоже самое: сначала провожу понимание задачи, а потом смотрю на оставшееся время до дедлайна. Причем дедлайн презентации ≠ мой дедлайн. Дело в том, что готовую презентацию всегда надо показывать заранее. Хотя бы за пару часов до дедлайна заказчика, чтобы была возможность успеть исправить критические ошибки, если они будут.
Например, до дедлайна второй презентации у меня осталось 10 рабочих часов (ночью я сплю). Называю соответствующую сумму — 15 000₽ (10h×1500₽). Если заказчик готов, то сразу приступаю к задаче.
Тут может возникнуть вопрос: «как сверстать 150 слайдов за 10 часов?». Не легко и просто, но можно. Я обычно работаю по методу прогрессивной презентации. Проще говоря — по итерациям, раз за разом улучшая проработку. Сначала делаю концепт по стилю на 3-4 слайда. Согласовываю с клиентом, если надо корректирую.
Дальше раскатываю стиль на все слайды. Когда времени мало, то и вёрстка соответственно максимально простая. Если останется время — докручу.
Если нет, зато успею показать презентацию полностью готовой. Да, не идеально, но значительно лучше чем в черновике от клиента. Ведь презентацию на 150 слайдом можно сделать и за 5-10 часов, а можно за месяц. Отличаться будет только уровень её проработки.
Женя Белодед в чате канала задал интересный вопрос:
Отвечаю:
Женя, привет! Волшебной технологии у меня нет, но расскажу как я оцениваю презентации. А дальше уже сам смотри что тебе подходит, а что нет.
Презентация презентации рознь, поэтому на основе только лишь количества слайдов оценивать стоимость работ будет странно. Бывает пишут «стоимость одного слайда — 1 000 рублей». Но слайд же может состоять из одного заголовка, а может содержать сложную таблицу, которую ещё надо переверстать, чтобы она стала понятной.
В первом случае работы на 10 минут, во втором — на 2 часа, а может и больше. Такая оценка не эффективна как для исполнителя, так и для заказчика.
Ещё стоит сказать, что клиент может прийти с презентацией на разных этапах её подготовки: 1) ничего нет и надо собрать черновик, а потом его оформить; 2) клиент самостоятельно собрал черновик и его нужно оформить.
В первом случае изначально непонятен объём и сложность работ. Сбор данных, проведение интервью, формирование структуры и создание черновика с последующими обсуждениями и правками по смыслу от клиента — чёрт его знает, сколько всё это может занять времени. Поэтому тут вижу только оплату по затраченным часам. У меня такие задачи бывают редко, поэтому если у читателей есть опыт в оценке первого этапа работ над презентацией — приглашаю в комментарии поделиться опытом.
Во втором случае оценивать презентацию легче, именно с таким типом задач работаю чаще всего.
Теперь подробнее об оценке презентации по готовому черновику:
В первую очередь смотрю черновик и задаю клиенту уточняющие вопросы:
В зависимости от ответов на эти вопросы я смотрю на черновик и уже по слайдам задаю уточняющие вопросы.
Наверное, этот этап можно назвать пониманием задачи. В общем главное тут понять чего хочет клиент. Возможно, ему вообще не нужна презентация, а например, лендинг или шортриды для соцсетей. Либо куда более частый случай — текущий черновик не подходит под задачу. Информации слишком много для показа на конференции, надо или удалять лишнее, либо дробить на слайды, а текст менять на картинки/скриншоты. Мои советы на этом этапе бесплатны до тех пор пока клиент сам вносит правки в черновик.
После того, как я понял задачу — прикидываю сколько времени уйдёт на вёрстку слайдов: беру листок бумаги, рисую столько прямоугольников, сколько есть слайдов в презентации и прикидываю сложность каждого из слайдов по шкале от 1 до 3 (сложность обозначаю кружками рядом с соответствующим слайдом):
Дальше исхожу из своего опыта работы над презентациям, скорости вёрстки и делаю оценки (специально грубые): ●○○ — 30 минут, ●●○ — 2 часа, ●●● — 3 часа. «Изи слайд на 30 минут? Ну ты и медленный» — ага, потому что минимальная оценка слайда это 30 минут и не важно, что я могу потратить на него 5 минут. Остаток времени перераспределиться на остальные слайды. Как в примере выше и случилось, вместо 3 часов я потратил 4 часа. Зато простые слайды сделал быстро. Таким образом затраченное время перераспределилось между слайдами. И я уложился в свою оценку.
При оценке стоит обратить внимание на то, есть ли фотографии на слайде и нужно ли подбирать их (или используем те, что в черновике). Подбор необходимой фотографии по цвету, композиции, идее — как мне кажется, самый трудоёмкий процесс. За поиском подходящей фотографии можно провести пару часов 🤪 А можно и с первого раза найти, поэтому тут стоит заложить по больше времени.
Оценку по слайдам суммирую и добавляю 20% на обсуждение и правки. Допустим, у меня получилась оценка в 30 часов. Добавляю ещё 20% и получаю 36 часов. Выходит, что я сделаю презентацию за 36 рабочих часов. Таким образом становится понятно сколько времени нужно на вёрстку.
Окей, сколько надо времени на вёрстку презентации — понятно.
Но я пока не иду к клиенту с этими часами, они нужны только мне. Клиенту важна стоимость работ и желательно фиксированная. Я беру свою часовую ставку (1 500₽) и получаю стоимость работ над презентацией. В случае с прошлым примером — это 54 000₽ (36h×1 500₽).
Дальше иду к клиенту и называю стоимость работ, кратко обосновываю почему так, чтобы заранее ответить на вопрос «А почему столько». Кто-то говорит «ок, погнали», а для кого-то цена не подходит. Тут начинаются переговоры.
Если мы договорились о цене, то клиент оплачивает 50% и я приступаю к работе. Вторые 50% получаю после согласования презентации.