Недавно я написал сообщение в блоге о ветвлении контента, и теперь я хотел бы объяснить решение, которое сделает вашу аудиторию счастливой с точки зрения представления контента. Давайте на мгновение представим, что все ваши клиенты, независимо от того, настольные они или мобильные, получают один и тот же контент на всех платформах. Этот контент хорошо разработан и правильно структурирован: он работает кроссплатформенно. Если вы хотите выделить определенный контент для определенной группы пользователей, вы можете легко сделать это с помощью адаптивного контента.
Изображение предоставлено Intermission Studios
Адаптивный контент обеспечивает гибкость на всех размерах экрана и устройствах. Но в чем его секрет? Максимальная структура контента с помощью прикрепленных метаданных. Каждый раз, когда ваш контент открывается, метаданные дают ответ на вопрос, как он должен выглядеть.
Адаптивный контент состоит из пяти основных элементов:
- Система управления контентом (CMS), в которой писатели создают варианты контента в рамках одной структуры, а не связывают вместе разные типы контента с определенных страниц.
- Контент, который благодаря своей структуре может распространяться вне зависимости от типа дисплея и устройства.
- Контент, который существует независимо и может использоваться снова независимо от платформы.
- Метаданные, которые создают запросы к контенту, чтобы решить, как лучше всего вписать его в конкретный дисплей.
При работе с адаптивным контентом нужно помнить, что он выходит далеко за рамки мобильного. Помните превью, видео и статьи, которые вы открывали в Twitter, Facebook или LinkedIn? Это означает, что ваш фирменный контент должен быть готов к использованию везде - забудьте о своей веб-странице. Смартфоны сейчас доминируют, но что, если Google Glass станет гаджетом номер один для всех? Думали ли вы о том, как ваш контент будет выглядеть в нем? Или, может быть, как электронный помощник вроде Siri прочитает его вслух? Или на телевизоре, используемом в качестве монитора? Или на кухонном столе, который потенциально может стать гигантской поверхностью для планшета? Контент не просто живет на одной конкретной платформе; он идет на различные платформы.
Например, красивый параллакс Джеффа Бриджеса также перемещается в мобильной версии на Squarespace. Функционал сайта идентичен. Таким образом, мобильная версия ничем не проигрывает по сравнению с десктопной - возможность поддержать дорогостоящую рекламную кампанию с Джеффом Бриджесом доступна и для мобильных устройств.
Если мы посмотрим на блог как в десктопной, так и в мобильной версии, то увидим, что содержание одинаковое.
Хотя на каждой платформе есть небольшие различия, это не означает, что содержимое меняется. Один и тот же пакет контента подразумевает уникальный пользовательский опыт на каждой платформе, в зависимости от того, какая текстовая или визуальная информация на ней более удобна для чтения. Каждый инструмент доставки контента автоматически решает, как представлять контент, используя прикрепленные метаданные. В результате все возможные варианты взаимодействия с пользователем одинаково хороши. Точно так же это работает и для мобильных приложений: вы можете загружать контент из того же пакета, и дублирования работы не будет.
Я подробно расскажу о каждом элементе адаптивного дизайна в своих следующих статьях. Но сначала я хотел бы знать, пробовали ли вы адаптивный дизайн. Как вы думаете, какие его элементы самые важные?