Создание лучшего дизайна с подходом Content First

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

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

Основное понимание подхода Content-First — как работает процесс

В идеале все отделы, участвующие в разработке продукта или веб-сайта, собираются вместе, чтобы координировать свои действия, пока проект не будет завершен. И это касается не только разработчиков и дизайнеров, но и тех, кто проводит исследования потребителей, и тех, кто создает контент.

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

Используя подход, ориентированный на контент, они начинают с того, что представляют разговоры, которые они хотели бы вести со своими потребителями через веб-сайт или продукт. Они могут отвечать на такие вопросы, как «Почему вы сюда попали?», «Куда бы вы хотели пойти дальше?» или «Что вы ищете?»

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

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

Переход от «Lorem Ipsum»

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

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

Контент предлагает полную картину

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

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

Дизайн и контент нелинейны

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

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

Не забудьте заблаговременно спланировать типы контента

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

«Одна вещь, которую команды дизайнеров и контент-менеджеров должны сделать вместе, — это определиться с конкретным типом контента, который будет связан с дизайном с самого начала», — предлагает Питер Уитакер, академический эксперт по помощи при выполнении заданий. Это позволяет дизайнерам начать работу с идеями контента раньше в процессе разработки веб-сайта. И это помогает им представить, как они играют друг с другом, чтобы привлечь аудиторию, независимо от формата контента.

Сила сторителлинга благодаря подходу к дизайну, ориентированному на контент

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

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

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

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

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

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

Затем каждую из этих страниц можно разделить на разные разделы. Эти разделы также должны иметь определенные цели.

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

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

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

Почему вам нужно принять подход Content-First?

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

• Сотрудничество и согласованность . Возможно, вы знакомы с пословицей «много рук делают легкую работу», и это особенно верно для планирования и создания контента. Могут быть вещи, которые дизайнеры понимают, но не понимают копирайтеры, или стратеги знают, но не понимают фронтенд-разработчики, и так далее. Следовательно, для быстрого обнаружения проблем и поиска возможностей надлежащее сотрудничество между различными отделами способствует согласованности. Таким образом, когда все находятся на одной странице, это уменьшает или устраняет ненужную путаницу.
• Эффективность : применяя реальный или прото-контент в проектах и ​​прототипах, вы быстрее узнаете о потенциальных проблемах. А также иметь возможность решать их немедленно, а не ждать недели или месяцы (или годы) в будущем. Таким образом, гораздо меньше времени будет посвящено повторению дизайна и контента, так как команда уже обсудила проблемы вместе, работая над созданием контента.
• Возможность повторного использования и гибкость : вместо того, чтобы рассматривать цифровой опыт как формы страниц и отдельных элементов, воспринимайте их с точки зрения многогранных структур или кластера решений, которые можно комбинировать и смешивать по мере необходимости. Таким образом, можно создавать больше продуктов, которые являются гибкими и имеют длительный срок хранения.
• Больше взаимосвязанности внутри отделов : Контент-сначала означает обмен знаниями между отделами с самого начала. Теперь каждый отдел будет предлагать важную информацию на разных этапах с разной степенью интенсивности. Это означает, что мы все будем на большем количестве совещаний и правильных бесед с нужными людьми.
• Простые и четкие рекомендации : вы можете чувствовать себя более сдержанно в своих творческих способностях, когда дело доходит до дизайна. Но вам нужна прочная структура и история, на которую можно опираться при проектировании и разработке веб-сайта. Подготовив дизайн для определенного контента, вам больше не придется изменять дизайн, чтобы он соответствовал контенту, который явно ему противоречит.
• Лучшее качество контента : благодаря дизайну, ориентированному на контент, вам не придется просить своего автора подправить или добавить ерунду к контенту, поскольку то, что было написано, не соответствует предварительно утвержденному дизайну. Обмен сообщениями на вашем веб-сайте может быть сохранен в том виде, в котором он был задуман, и в исходном состоянии, когда вы творчески формируете дизайн вокруг него.
• Повышенная согласованность : когда каждый элемент развивается отдельно друг от друга, в союзе, как правило, чего-то не хватает. Контент может быть отредактирован, дизайн может быть изменен в последнюю минуту, или история может оказаться непоследовательной. Контент и дизайн должны использоваться в идеальном сотрудничестве друг с другом в целом, а это может произойти только тогда, когда контент стоит на первом месте.
• Повышает производительность : подход к веб-разработке, ориентированный на дизайн, не просто приводит к конфликтам между историями, изображенными на сайте. Это также приводит к конфликтам между членами команды, поскольку создатели контента смотрят на историю под одним углом, а дизайнеры — под другим. Вместо того, чтобы тратить время на определение того, какой угол имеет больше смысла, вы сохраняете свою продуктивность, логически сотрудничая с историей вашего сайта.
• Позволяет упростить процесс . Процесс, который вы выполняете сейчас, может показаться удобным и эффективным, но если вы не разрабатываете свои веб-сайты на основе надежного контента, вам, вероятно, придется столкнуться с непредсказуемыми сроками и масштабами проекта. Вы будете поражены тем, насколько удобно упростить процесс с помощью этого подхода, ориентированного на контент.
• Более высокая маржа прибыли . Если бы вам нужно было предсказать, где ваш бизнес теряет больше всего денежных ресурсов и импульса, было бы правильно сказать, что это исходит от клиента? Им может не понравиться, как что-то написано. Они могут не счесть, что дизайн работает с сообщением, которое они заставили вас пересмотреть. Или они могут быть недовольны тем, сколько времени все это заняло, даже несмотря на то, что просили внести дополнительные исправления. Если вы часто принимаете жалобы или запросы на пересмотр от своих клиентов, дизайн, ориентированный на контент, снизит потери времени и позволит вам больше сосредоточиться на создании хорошо спланированных веб-сайтов.

Сноска

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