Почему контент является такой фундаментальной частью процесса веб-дизайна

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

21 год назад консультант по юзабилити Якоб Нильсен сказал следующее о контенте, написанном непрофессионалами:

«Самая большая проблема в том, что большинство людей являются (и всегда были) плохими создателями контента. Вот почему у нас есть профессиональные писатели, графические дизайнеры, режиссеры, ораторы, музыканты и другие специалисты в области СМИ. Когда обычный человек пытается создавать контент, ему, как правило, нечего сказать, а то, что он говорит, часто говорит плохо».

— Якоб Нильсен, 2000 г.

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

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

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

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

Разница между дизайном и содержанием

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

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

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

Почему мы должны начать с контента

В строительной индустрии 1800-х годов родился известный принцип, согласно которому форма следует за функцией . Его полная цитата, придуманная архитектором Луи Салливаном, красноречиво выражает эту идею:

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

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

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

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

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

Что делать, если ваш клиент не может позволить себе копирайтинг

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

• Консолидируйте и укрепите общее сообщение бренда.
• Сэкономите много времени для вас и клиента.
• Сделайте дизайн (и процесс проектирования) более эффективным.
• В результате улучшается взаимодействие с конечным пользователем.

Суть? Профессионально написанный контент обеспечит более высокую отдачу от общих инвестиций.

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

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

Теперь давайте рассмотрим некоторые стратегии включения написания контента в процесс создания веб-сайта.

Стратегии объединения дизайна и контента

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

1. Проведите семинар по контенту с вашим клиентом

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

• Обсудите общие цели , задавая хорошие, открытые вопросы, такие как «Что посетитель может хотеть от главной страницы? Кому будет полезен этот фрагмент контента? Что может сделать посетитель после прочтения этой страницы?»
• Намеренно уводите обсуждение от того, как все может выглядеть , вместо этого сосредоточиваясь на обмене сообщениями и на том, как мы ожидаем, что посетитель будет себя чувствовать .
• Рассмотрите возможность начальной загрузки сеанса определением контента и показом нескольких хороших/плохих примеров. Попросите команду дать им живую обратную связь, чтобы оценить и направить их понимание.

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

2. Заранее сотрудничайте с копирайтером

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

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

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

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

3. Используйте настоящий контент как можно быстрее

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

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

4. Допросите бренд

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

• Почему вы делаете то, что делаете?
• Как ваш продукт или услуга делают жизнь ваших клиентов лучше?
• Как ваши клиенты описывают вас?
• Кто ваши конкуренты и чем вы отличаетесь?
• Куда приведет вас этот проект?

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

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

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

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

5. Если клиент должен написать свой собственный контент, упростите для него задачу

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

• Отложите переход к визуальному дизайну, пока у вас не будет реального контента для работы.
• Дайте клиенту крайний срок доставки контента .
• Настройте все документы для клиента в виде файлов Word или документов Google Диска. Убедитесь, что каждая из них отражена страницей в карте сайта и, в идеале, каркасом для обозначения макета. Это дает клиенту основу для написания.
• Дайте им шаблоны и используйте ограничения , чтобы помочь им создавать контент, который будет работать хорошо. Например, сделайте поле «название страницы» и укажите, что оно должно быть не более 6-8 слов. Вот шаблон, который я использовал со своими клиентами в прошлом.
• Если у вас нет бюджета на проведение семинара по контенту, подготовьте заранее записанное видео, на которое вы можете указать, или статью в своем блоге, которая объясняет смысл хорошего контента.
• Сделайте производство контента ответственностью одного человека. Если вся команда внесет свой вклад, проект быстро пойдет по спирали.

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

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

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

• Вы проверяете текущий веб-сайт, чтобы получить более глубокое представление о содержании, которое а) необходимо переписать , б) необходимо удалить или в) необходимо создать с нуля.
• Вы работаете с клиентом и писателем, чтобы создать карту сайта, всеобъемлющую структуру контента веб-сайта. Gloomaps — замечательный инструмент, помогающий в этом, но есть и более сложные инструменты, такие как Miro, которые обеспечивают пространство для совместной работы.
• Вы создаете макет контента, используя каркасные модели ключевых страниц. Вы можете углубиться в это или оставить это на поверхностном уровне. Существуют специальные приложения, такие как UXPin и Mockflow, но я считаю, что Adobe Illustrator хорошо работает с правильным комплектом каркасного пользовательского интерфейса.

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

Подводя итог: относитесь к контенту серьезно

Неудобный факт заключается в том, что контент — это то, что вы разрабатываете. Влиятельный копирайтер и маркетолог Юджин Шварц сказал:

«Копия не написана, она собрана».

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

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

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

Дальнейшее чтение на SmashingMag:

• Практические занятия с микрокопией
• Подробное руководство по планированию веб-сайта (часть 1)
• Как бороться с избыточным, устаревшим и тривиальным контентом ROT
• Создание каркасов контента для адаптивного дизайна