Новый веб-порядок: обзор дизайна, ориентированного на контент

Дизайнеры не просто украшают, они создают ощущение перемещения по контенту. Но что произойдет, если клиент или члены команды не понимают, как контент должен управлять дизайном? Чтобы избежать перевернутого процесса, существуют стратегии, которые могут помочь объяснить важность контента и сплотить команду вокруг его создания.

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

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

Здесь мы устанавливаем важность контента и стратегии, которые команда может использовать для создания дизайна, ориентированного на контент.

Важность дизайна, ориентированного на контент

Когда контент лишен приоритетов, а создание и сопоставление контента откладывается на последний момент, неизбежно возникают серьезные проблемы:

• Задержки возникают при проектировании, создании и запуске продукта.
• Шаблоны не соответствуют содержанию должным образом.
• Создано слишком много (или слишком мало) шаблонов.
• Фактический контент не соответствует видению дизайна веб-сайта.
• Проблемы могут возникнуть при использовании фиктивного контента.
• Дизайн подвергается риску, когда красивые изображения-заполнители заменяются низкокачественными изображениями, доступными для использования.

Объединяйте клиентов и дизайнеров с самого начала

Проблема, которая часто возникает, когда вы просите клиента о реальном контенте, представляет собой сценарий «курицы и яйца»: клиент убежден, что ему нужно увидеть дизайн, чтобы знать, какой контент нужно создать.

Это имеет смысл с точки зрения человека, который не очень хорошо разбирается в процессе проектирования — создания чего-то из ничего. Дизайнер должен облегчить процесс принятия решений относительно того, каким должен (и может) быть контент. Инновационное агентство Smashing Ideas советует, когда дизайнеры дают «заинтересованным сторонам широкие возможности высказать свое мнение и оставить отзыв, вы берете их с собой в путешествие, и ваш продукт и подход становятся только сильнее».

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

Основывайте дизайн пользовательского опыта и контент на исследованиях

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

«Дизайн без содержания — это не дизайн, а украшение». - Джеффри Зельдман

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

Экономьте время и деньги с дизайном, ориентированным на контент

Когда контент не имеет приоритета, неэффективность накапливается на протяжении всего проекта: дизайнер создает слишком много (или слишком мало) шаблонов, макеты необходимо корректировать, когда реальный контент не подходит, и дизайн подвергается переоценке, когда реальные изображения менее желательны. Время, необходимое для пересмотра дизайна, когда контент создается на поздних этапах процесса, не требуется и создает нагрузку на команду.

Довольно часто время и ресурсы, необходимые для создания контента, недооцениваются, и контент отодвигается в конец проекта. Это упрощается благодаря ресурсам, поддерживающим отсутствие контента в процессе проектирования. Такие веб-сайты, как Lorem Ipsum и Placeholder, помогают создавать фиктивные копии и изображения для дизайнов без содержания. Хотя это может быть полезно для создания красивого дизайна, все может развалиться, когда на его место поместят настоящий контент. Кайл Фидлер, директор по дизайну мыслебота агентства цифрового дизайна, считает, что «добавляя lorem ipsum в дизайн, вы, по сути, одеваете своего короля еще до того, как узнаете его размер».

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

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

Тактика дизайна, ориентированного на контент

Контент-аудит и инвентаризация

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

Семинары по стратегии, ориентированной на контент

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

• Узкие места
• Известные вопросы
• Отсутствие навыков внутреннего содержания
• Внутренняя политика

Сбор контента

Одной из проблем, с которой сталкиваются создатели контента, является сбор контента таким образом, чтобы к нему можно было эффективно получить доступ, поделиться им и отредактировать. Без надлежащего рабочего процесса велика вероятность того, что будут созданы сотни отдельных документов, каждый с различными версиями, которые непоследовательно отправляются по цепочкам электронной почты или загружаются в облако способами, доступ к которым предоставляется только некоторым людям. Это создает почву для недопонимания и неэффективности.

Очень важно с самого начала согласовать решение рабочего процесса и предоставить доступ всем необходимым членам команды. Google Drive является подходящим решением, однако существуют специальные инструменты, такие как Gather Content, которые позволяют делиться, редактировать, управлять версиями и экспортировать в различные системы управления контентом.

Как эффективно и результативно создавать контент

Инвестируйте в копирайтеров

Самые успешные проекты — это те, в которых заинтересованные стороны внутри компании тесно сотрудничают с копирайтером в начале. Это расставляет приоритеты в сознании клиента. Руководитель проекта может эффективно управлять проектом и доверить создание контента профессиональному писателю. Эти проекты позволяют создавать достаточно реалистичный контент до стадии проектирования.

Привлекайте создателей контента

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

Начните с прото-контента

В крайнем случае можно использовать протоконтент. Протоконтент берется с текущего веб-сайта клиента или с веб-сайта конкурента и используется в мокапах. При использовании этого, а не фиктивного текста, контент более репрезентативен для реального контента, который будет создан. Длина заголовка, длина основного текста, метаданные и изображения, взятые с существующих веб-сайтов, могут дать более реалистичное представление о том, как разрабатывать макеты, чем lorem ipsum.

Лидерство с содержанием

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

Дизайнеры, которые ценят процесс проектирования, ориентированный на контент, лучше справятся с созданием целевого продукта с помощью оптимизированного процесса. Псевдоконтент можно оставить позади, уступив место другим продуктивным тактикам. Когда контенту уделяется внимание, которого он заслуживает, выигрывают все.

Дальнейшее чтение в блоге Toptal Design:

• Слова имеют значение — истинная ценность UX-копии
• Всеобъемлющее руководство по информационной архитектуре
• Ценность исследования пользователей
• Сила в цифрах — обзор проектирования, основанного на данных
• Дизайн для удобства чтения: руководство по веб-типографике (с инфографикой)