Рубрика «Делимся профессиональными секретами». Верстка CLM-презентаций картинками: плюсы, минусы, и почему так не надо
Vivanti — эксперт в разработке эффективного медицинского контента с более чем 12-летним опытом работы. Компания специализируется на омниканальном и диджитал-маркетинге, CLM, e-Detailing и производит высококачественный контент для российских и международных компаний.
CLM-презентация, созданная по всем правилам, и презентация, сверстанная «из картинок», зачастую выглядят если не идентично, то очень похоже. Но стоимость их разработки различается в разы. «Зачем платить больше?» — спросит заказчик — фармацевтический бренд.
Себестоимость качественной CLM-презентации складывается из оплаты труда нескольких квалифицированных специалистов: дизайнера, фронтенд-разработчика, менеджера и тестировщика. Презентация, которую собирает из картинок, так скажем, «студент», взваливший на себя функции вышеперечисленных профи, будет стоить гораздо дешевле.
Но так ли очевиден выбор в данном случае? Давайте разберемся.
Верстка картинками — это как?
Это без «нарезки макета»: когда при создании презентации 90% исходников дизайна остаются в неизменном виде, чаще всего — единой картинкой без слоев. HTML-код в этом случае зачастую имеет объем пары десятков строк.
Плюсы
- — Низкие трудозатраты. Очевидно, что подобный подход имеет низкую себестоимость разработки.
- — Высокая скорость верстки.
Минусы
- — Размер готовой презентации растет подобно опухоли.
Основная часть архива верстки — это изображения, и его вес будет в разы больше аналогичного архива, сверстанного полноценно. Этот недостаток особенно критичен для больших презентаций с разветвленным сценарием, ведь количество уникальных слайдов в них может достигать 200 и более.
- — Страдает качество изображений.
Одна из основных причин — желание верстальщика уменьшить общий вес презентации за счет сжатия пресловутых картинок. Необязательный, но очень частый минус.
- — «Картинками» невозможно сделать плавную и сложную анимацию.
Подобная верстка предполагает максимум 2-3 вида каждого элемента дизайна.
- — Масштабирование (низкая адаптивность).
На экране другого формата или разрешения презентация не будет отображаться корректно: часть информации, в том числе меню навигации, может уйти за край экрана, или, наоборот, появятся «нерабочие» черные полосы. Особенно актуально для Android-устройств.
- — Скорость и корректность работы под угрозой.
Любой системе сложнее обрабатывать тяжеловесные презентации, более вероятны «зависания», проблемы с работой отдельных функций, таких как многоэтапная анимация механизма действия препарата, сложные расчеты (калькуляторы сравнения стоимости разных препаратов, расчет курса приема), перетаскивание элементов курсором и т.п.
Медицинский работник не будет ждать, пока «подвисшая» презентация придет в себя
- — Стоимость поддержки (!)
Обычно CLM-презентация — не одноразовый продукт. Каждый маркетинговый цикл у врачей появляются комментарии и вопросы, маркетологи находят новые инсайты, выходят новые клинические рекомендации — это означает, что в презентацию необходимо внести изменения.
Верстка картинками меняет сам подход к обновлениям. Поскольку презентация состоит из графических файлов, чтобы внести любую правку — например, поставить запятую в заголовке — требуется привлечь дизайнера, затем фронтенд-разработчика/тестировщика, затем менеджера проекта — для проверки. Это влияет на удобство дальнейшего использования продукта в целом и повышает риск ошибок при адаптации.
Довольно частая ситуация: к нам обращаются с запросом о доработке/переработке презентации, созданной другим агентством, с которым — по тем или иным причинам — клиент больше не сотрудничает.
80% изменений в презентации — текстовые, а править текст в презентации, сверстанной картинками, не самая простая задача без исходных послойных макетов. А значит, за адаптацию придется заплатить солидную сумму, и изначальная низкая стоимость верстки уже не покажется такой привлекательной.
Полноценная HTML5-верстка
Подразумевает серьезную обработку исходников дизайна и их адаптацию. Специалист раскладывает объекты дизайна по слоям, прописывает последовательности и зависимости появления каждого элемента. Весь текст на слайдах — это текст, а не изображения.
Включает пять основных этапов:
- Работа с макетом — нарезка изображений, компоновка и сохранение в отдельную папку;
- Загрузка и подключение шрифтов;
- Разработка слайдов презентации — непосредственная верстка на HTML и CSS;
- Подключение готовых скриптов, анимация элементов;
- Проверка корректности верстки, тестирование презентации.
Минусы
- — Выше себестоимость разработки и бóльшие трудозатраты.
Для Vivanti качество производимого продукта всегда стоит на первом месте. Подход «быстро-дешево» неприемлем, мы находим иные пути оптимизации затрат. Например, заранее создаем сборщики или модели верстки для разных платформ, которые выступают «скелетом» для полноценной верстки новых слайдов. Использование подобных моделей помогает нам ускорять процесс разработки, не изменяя качеству.
Плюсы
- — Низкая стоимость поддержки.
В последующих циклах доработка презентации или ее адаптация для других стран (перевод на другие языки) не потребует серьезных трудозатрат и финансовых вложений.
- — Небольшой размер готового продукта.
Для «нарезанных» частей изображения проще подбирать графический формат и параметры, чтобы размер файла был минимальным при сохранении должного качества изображения. В итоге набор графических файлов занимает меньше места. Кроме того, одни и те же части используются, как кусочки конструктора, в разных местах презентации.
Чем больше слайдов в презентации, тем сильнее будет разница в мегабайтах по сравнению с «картиночной» версткой.
- — Все изображения в верстке сохраняют свою четкость.
- — Адаптивная верстка.
Презентация автоматически подстраивается под размер и ориентацию экрана любого устройства, дизайн изображений меняется в зависимости от действий пользователя.
- — Полноценно сверстанные презентации «летают», поскольку у системы нет сложностей с их обработкой.
- — Возможность оперативной правки и адаптации готового продукта.
Например, текстовое изменение можно внести буквально за 5 минут, не считая времени на загрузку и проверку изменений.
Аналогично, если нужно обновить фото или заменить логотип — для этого не требуется эксперт. В 80% случаев доработку готового продукта можно провести без привлечения дизайнера, достаточно команды разработчик/тестировщик + менеджер или даже одного менеджера.
- — Послойная обработка всех элементов дает больше возможностей для «красивой» анимации — плавного появления элементов и множества других визуальных эффектов. И опять же, они требуют меньше ресурсов и файлового пространства.
В итоге, верстку картинками можно сравнить с дешевым перекусом в фаст-фуде (сойдет на данный момент), но, возможно, в дальнейшем придется потратиться на лечение язвы желудка и борьбу с лишним весом.
По аналогии, грамотная верстка презентаций — это ресторан вкусной и здоровой пищи: блюда стоят дороже, но удовлетворенность от посещения выше, и нет риска (то есть — экономия) разориться на последующем лечении.
Разработка CLM-презентаций имеет массу нюансов. Мы готовы рассказать вам о каждом, чтобы вы приняли правильное решение и ваши презентации были максимально эффективны на всех этапах своего существования!
***
О компании Vivanti
Компания Vivanti основана в 2010 году. Двенадцать лет взрывного развития позволили Vivanti приобрести исключительную экспертизу, построить технологические активы и стать законодателем и новатором CLM на фармацевтическом рынке. Компания предлагает эффективные CRM-CLM-решения, отвечающие всем требованиям индустрии, а также предоставляет услуги в рамках поддержки непрерывного медицинского и фармацевтического образования, управлению обучением персонала, разрабатывает мульти- и омниканальные кампании.
Vivanti работает на стыке нескольких «вселенных»: медицины, маркетинга, веб- и мобильной разработки, благодаря чему предлагает полный спектр услуг и реализацию проектов от стадии планирования до конечного продукта. В настоящее время Vivanti не только осуществляет экспансию на территории фармацевтики, но и активно выходит на новые рынки.
Узнать больше о работе с Vivanti, предлагаемых услугах и продуктах можно:
- на сайте компании https://vivanti.ru/
- по телефону +7 (495) 785 0300
- или электронной почте info@vivanti.ru
Comments
Post a Comment