為什麼內容是網頁設計過程的基本組成部分

在開始一個新的網站項目時，設計師傾向於關注他們作品的美學和功能。 這意味著內容寫作是一項經常推給客戶完成的任務。 這個決定的不幸後果是網站的內容最終來得太晚，格式錯誤，質量差。

21 年前，可用性顧問 Jakob Nielsen 這樣評價外行人寫的內容：

“最大的問題是大多數人（並且一直都是）糟糕的內容創作者。 這就是為什麼我們有專業作家、平面設計師、電影製作人、演講者、音樂家和其他類型的媒體專業人士。 當一個普通人試圖創建內容時，他們通常沒有太多話要說，而且他們所說的往往被說得很糟糕。”

——雅各布·尼爾森，2000

在撰寫內容時，我很遺憾地說客戶通常不是很好。 我的客戶在很多方面都令人驚嘆，但編寫有說服力和信息豐富的內容以促使讀者採取行動，通常不是他們的才能之一。

作為一名網頁設計師，我一直在鼓勵我的客戶製作他們自己的內容而感到內疚。 在一個項目中，我使用 Google Drive 來管理流程。 不幸的是，客戶需要對如何使用文檔編輯器進行大量指導，而當他們最終生成內容時，大部分內容都缺乏重點。 我不得不告訴他們這是行不通的。 他們回到繪圖板上，該項目花費了幾個月的時間。

有時我覺得我的職業生涯有一半都在等待客戶撰寫內容。 另一半用於確保他們生產的任何產品都不會破壞設計。

網站設計過程中的內容製作可能很難管理。 在本文中，我分享了我從多年經驗中學到的重要知識，並提供了一些技巧來增強您自己的程序。

設計與內容的區別

在最基本的形式中，內容是用戶消費的材料。 內容可以採用文字、圖片、視頻和音頻的形式。 它是人們認知消費的有形材料，其中設計是該內容的呈現，影響人們當下的感受。 它們是共生的，但本身卻截然不同。

客戶甚至設計師自己之間的一個常見誤解是，設計和內容是一回事。 因此，很難知道設計師的工作在哪裡結束。 大多數網頁設計師會承認創建視頻內容不是他們的工作，但與此同時，他們可能會誤入書面內容的製作。 如果設計師有專業知識和資源來交付項目的這個基本方面，這不是問題，但大多數情況下他們沒有，他們的客戶也沒有。 現實情況是設計和內容是完全分開的。

因此，在 Web 開發過程中，必須將內容與視覺設計放在一起。

為什麼我們應該從內容開始

1800 年代建築業有一句著名的格言，即形式服從功能。 由建築師路易斯沙利文創造，他的完整引述雄辯地表達了這個想法：

“無論是飛翔的鷹，還是開放的蘋果花、勞苦的馱馬、快樂的天鵝、分枝的橡樹、底部蜿蜒的溪流、飄動的雲彩，在所有奔騰的太陽上，形成永遠遵循功能，這就是規律。”

建築師知道，如果一棟建築不能滿足現實世界的需求，無論它看起來多麼漂亮，都是不切實際的。 這條法則可以直接適用於我們今天建立網站的方式。 UX 設計師這個相對現代的角色旨在充當形式和功能之間的粘合劑，彌合事物外觀與交互方式之間的差距。 但事實是，很少有項目能夠承擔專門的 UX 設計師的預算，因此這個責任往往落在可能更關心美學的網頁設計師身上。

來我們這裡尋求指導的客戶最感興趣的是網站可以為他們做什麼。 因此，他們的角色是帶來他們的業務目標和專業知識，而不是寫一頁頁的內容。

你能看出問題嗎？ 出現了一個巨大的鴻溝，它允許內容的生產失敗。 我們需要將內容製作帶入我們的網站設計過程，這意味著在一開始就為它創造一個空間。

自然，對我們項目的這種擴展將產生更大的成本。 這通常意味著對專業內容製作的需求會遇到阻力。 讓我們來看看處理這個問題的一些策略。

如果您的客戶負擔不起文案，該怎麼辦

內容製作不僅對設計師來說往往是一種不受歡迎的偏差，而且客戶也將其視為不必要的成本。 我們必須挑戰這種心態，而這首先要涵蓋積極的一面。 專業的網站文案將：

• 鞏固和鞏固整體品牌信息。
• 為您和客戶節省大量時間。
• 使設計（和設計過程）更有效。
• 帶來更好的最終用戶體驗。

底線？ 專業撰寫的內容將帶來更高的整體投資回報。

客戶經常聲稱他們“買不起”文案的原因是因為他們不明白文案能為他們做什麼。 他們沒有意識到回報的潛力，因此他們對進行投資猶豫不決。 簡單的經濟學命令，如果你能讓報價具有吸引力，那麼這個人就會想要它。 使用上面的這些要點來灌輸好的內容的活力，不僅僅是在網絡上，而是在更廣泛的商業通訊中。

我最近與一家公司合作，該公司的服務起初被證明是難以理解的，但在撰稿人的幫助下，我們開發了一個站點地圖，既反映了最終用戶的需求，又簡潔地涵蓋了所提供的內容。 這讓我騰出時間來研究視覺設計系統和更多技術集成。 如果沒有對內容製作的這種投資，最終結果會更糟糕。

現在讓我們看一下將內容寫入插入網站創建過程的一些策略。

將設計和內容拼接在一起的策略

如果您想創建一個出色的網站，既能滿足客戶的業務目標，又不至於讓您一直為尋找內容而頭疼，那麼您需要對文案給予應有的重視。 經過多年的努力，以下是我用來改進流程的一些核心想法。

1. 與您的客戶一起舉辦內容研討會

花幾個小時專注於內容可以讓你弄清楚什麼對項目很重要。 它還內化了整個團隊對內容重要性的認識。 以下是您可以運行此類會話的一些方法：

• 通過提出好的、開放式的問題來討論總體目標，例如“訪問者希望從主頁獲得什麼？ 誰會覺得這段內容有用？ 訪問者在閱讀完此頁面後會如何繼續？”
• 有意引導討論遠離事物的外觀，而是專注於消息傳遞以及我們期望訪問者的感受。
• 考慮使用內容定義預先加載會話並顯示一些好/壞示例。 向團隊詢問他們的實時反饋，以衡量和指導他們的理解。

本次會議具有像徵意義，因為它在使用中是有形的。 雖然會議會提出一些可靠的想法，但真正的目的是讓客戶接受設計和內容是單獨的可交付成果的想法。 更進一步，您可能會選擇在您開始談論網站設計之前將這個研討會作為客戶支付固定費用的單個產品來運行。

2. 提前與文案合作

通過將撰稿人納入您的流程，您可以有效地將他們的服務與您的服務合併。 許多 Web 開發人員在為客戶準備報價時採用的一種常見方法是逐項列出每項服務。 例如，他們可能會將前端和後端開發拆分為單獨的可交付成果。 這是一個問題，因為它為客戶提供了提出無用問題的機會。 查詢投資當然是明智的，但在這種情況下，它可能會迫使您證明交付整體所需的個別服務的合理性。

將內容寫作整合到您的交付過程中的最佳方法之一是簡單地開始表現得好像這是一個不可協商的步驟。 下次您準備估算時，將文案寫作作為過程的標準部分，就像其他任何過程一樣。 這是一個示例語句，您可以將其放入您的提案中以幫助解決此問題：

注意：強大的內容策略是使您的網站重新設計成功的基礎。 作為該提案的一部分，我們將為您的新網站開發內容，這些內容將與您的訪問者產生共鳴並促使他們採取行動。 我們將與您進行訪談，以了解您的受眾和目標，並將其整合到我們的內容寫作過程中。

如果遇到問題，或者如果您的客戶希望放棄這部分以節省成本，請參考我之前概述的好處。

3. 盡快使用真實內容

時至今日，我有時會發現自己使用 Lorem Ipsum 佔位符副本來設計佈局。 我每次都拍自己的手腕。 在一個理想的世界裡，至少在你擁有一些內容之前，設計不會開始。 除非其目的植根於現實世界的用例，否則很難將設計變為現實，而佔位符文本根本無法實現這一點。

也不要試圖在設計時開始編寫內容。 我已經嘗試過了，不幸的是，副本往往被設計過程所包含並被遺忘。 只有到了發布的時候才會有人質疑它，到那時糾正它就成了一件令人頭疼的事情。 您不想將內容策略深入到設計過程中； 儘早在項目中使用真實內容。

4.詢問品牌

我們的客戶使命和價值觀提供了大多數設計師幾乎沒有涉足的內容。 在這裡可以找到許多見解和內容創意，但這意味著從網站流程中退後一步來詢問品牌。 這看起來相當令人生畏，但為了了解項目的核心動機，通常值得這樣做。 以下是您可以向客戶提出的一些問題，以幫助您制定內容策略：

• 你為什麼要做你所做的事？
• 您的產品或服務如何讓客戶的生活更美好？
• 您的客戶如何描述您？
• 誰是你的競爭對手，你有什麼不同？
• 這個項目將帶你去哪裡？

這裡的目標是讓客戶思考他們自己和他們的客戶。 您的目標是將他們的響應轉化為有用的內容和設計決策。 當客戶難以理解內容實質的價值時，這些討論可能會導致一些“燈泡”時刻。

如果您覺得大膽，請考慮將您的客戶的客戶也納入對話中，以增加額外的維度。 這可能會讓人覺得有點嚇人，但您可以通過以下任何一種方式來做到這一點：

• 詢問您的客戶可能從他們的客戶那裡收到的現有反饋。 尋找常見問題或投訴。
• 代表客戶或以您自己的身份與他們的客戶進行調查。
• 組織一系列與客戶的視頻訪談。 這可以為項目增加巨大的價值，並使您在客戶眼中處於更重要的位置。
• 讓少數客戶與客戶一起參加您的內容研討會，讓他們參與討論。

重要的是要記住，在詢問品牌時，我們只是在尋找答案。 人們如何體驗這家公司？ 促進客觀議程以減少內鬥，這額外的一英里將為您提供很好的服務。

5.如果客戶要編寫自己的內容，請讓他們輕鬆

在客戶擁有內部資源來製作副本的情況下，您的工作將是指導他們。 以下是保持項目正常運行的一些提示：

• 延遲進入視覺設計，直到你有一些真正的內容可以使用。
• 給客戶一個內容交付期限。
• 將客戶端的所有文檔設置為 Word 文件或 Google Drive 文檔。 確保每一個都反映在站點地圖中的頁面上，最好是一個線框來表示佈局。 這為客戶提供了一個可以在其中編寫的框架。
• 為他們提供模板並使用約束來幫助他們生成效果良好的內容。 例如，有一個“頁面標題”字段並聲明它不應超過 6-8 個單詞。 這是我過去與客戶一起使用的模板。
• 如果沒有預算來舉辦內容研討會，請預先錄製一段視頻，您可以將其指向他們，或者在您的博客上發表一篇解釋優質內容要點的文章。
• 讓內容製作成為一個人的責任。 如果整個團隊投入，項目將迅速螺旋式上升。

從本質上講，如果您的客戶不投資外部文案，您應該設法使過程盡可能簡單。 留給他們自己的設備，您可能會收到點點滴滴的內容，當您最終將它們拼湊在一起時，您最終會得到一個科學怪人的怪物。 通過管理流程讓他們輕鬆，可以幫助避免這種情況。

一些有助於促進內容流程的資源

無論您是自己整理內容、與撰稿人合作還是依靠客戶提供內容，您都需要工具和流程。 一種常見的方法，一種對我有用的方法，通常遵循以下步驟：

• 您審核當前網站以更深入地了解 a) 需要重寫、b) 需要刪除或 c) 需要從頭開始製作的內容。
• 您與客戶和作家合作建立站點地圖，即網站內容的總體結構。 Gloomaps 是一個很好的工具來幫助解決這個問題，但是還有更複雜的工具，比如 Miro，可以提供協作空間。
• 您使用關鍵頁面的線框模型來模擬內容佈局。 您可以深入研究或保持表面水平。 有像 UXPin 和 Mockflow 這樣的專用應用程序，但我發現 Adob​​e Illustrator 與正確的線框 UI 套件配合得很好。

這裡的關鍵原則是讓您的客戶參與有關內容和結構的討論。 設計師經常消失在陰涼的房間裡，幾週後帶著“成品”出現。 雖然有些客戶喜歡“為您完成”的服務，但大多數人會因為被帶入流程而獲得更大的滿足感。 當你利用他們的知識和經驗時，你也會做得更好。

總結：認真對待內容

令人不安的事實是內容是您正在設計的東西。 有影響力的文案和營銷人員 Eugene Schwartz 說：

“文案不是寫出來的，是組裝好的。”

最好的網頁設計師知道他們的工作是關於構圖和用戶體驗。 我們提供讀者所尋求的接口。 當面對大多數網頁設計項目的政治和偏好時，通常很容易忘記這一點。 我們被新趨勢、花哨的 CSS 動畫和最新的框架所吸引。 我們陷入了這個問題，這就是讓我們成為設計師和開發人員的首要原因。

但總是需要重新聚焦。 為了使我們的工作與項目的核心目標保持一致，在大多數情況下，這只是以盡可能最清晰的方式傳達信息。

我們需要更好的網絡內容，這需要投資。 作為設計師，我們可以為專業的撰稿人舉旗，或者我們可以用美學分散自己的注意力。 兩者我都做過，我可以自信地告訴你，前者可以更快、更輕鬆地完成更好的工作。

關於 SmashingMag 的進一步閱讀：

• 實用顯微鏡
• 綜合網站規劃指南（第 1 部分）
• 如何處理冗餘、過時和瑣碎的內容 ROT
• 為響應式設計創建內容線框