使用內容優先方法創建更好的設計

無論您是從頭開始設計一個新應用程序，還是在開發新功能或創建登錄頁面，都沒有關係。 設計應該從內容優先的方法開始。 這有很多優點。 採用這種方法，您最終會自動創建出色的網站或產品。

如果您已經在網頁設計領域工作了一段時間，那麼您一定聽說過“內容優先”的概念。 在這篇文章中，我們將了解這種方法的全部意義，並提供一個內容優先設計的實例。

內容優先方法的基本理解——過程如何工作

理想情況下，參與開發產品或網站的所有部門齊心協力，直到項目結束。 這不僅適用於開發人員和設計師，也適用於那些對消費者進行研究的人和創造內容的人。

要開始這樣的合作，所有相關部門都必須充分了解他們的目標消費者是誰、他們使用網站或產品的需求和目標。 這是了解如何通過模仿用戶的語言和語氣與用戶交流的重要方面。

使用內容優先的方法，他們首先通過網站或產品展示他們希望與消費者進行的對話。 他們可能會回答諸如“你為什麼來到這裡？”、“你接下來想去哪裡？”之類的問題。 或“你在找什麼？”

內容創建者用文字發揮他們的魔力，同時保持對用戶意圖和心態的關注。 內容可以在真實消費者的幫助下進行審查和完善。 然後在完整的模型之前明確內容對設計的影響和限制，並開發原型。 內容優先的方法通過刪除部分重新設計階段來減輕設計師的挫敗感。

與項目相關的專業人員共同決定影響內容易讀性和可讀性的重要設計元素，如顏色、行距、字體、鏈接格式等。 這些因素可能會影響網站或產品的成敗。 消費者傾向於通過內容與您的產品互動。 當您首先強調內容時，您不可避免地會將消費者置於中心位置。

從“Lorem Ipsum”的轉變

大多數 Web 開發行業的人都熟悉 Lorem Ipsum。 但它作為佔位符文本以保持對界面圖形元素的關注的目標似乎已經過去了。

畢竟，沒有人下載應用程序或登陸網站只是為了檢查它的美觀或製作精良。 您的網站內容至關重要，您的設計需要反映這一點。 不僅在選擇具有適當個性的字體是品牌的完美代言人方面，而且在將內容作為嚴重設計問題的一部分方面。 採用內容優先的方法需要擺脫舊的 Lorem Ipsums。

內容提供了完整的圖片

網頁設計師通常更喜歡查看所有內容最終如何朝著共同目標發展的全貌。 內容應該帶有適當的內容策略，這反過來應該有利於既定的營銷和業務目標，例如在接下來的幾個月內產生 10% 的潛在客戶。

現在設計師可以玩一些更大的難題。 例如，目標是增加 10% 的潛在客戶，並提出特定的設計理念或佈局，將人們帶到特定的行動點。 但這只是更複雜系統的一小部分。

設計和內容不是線性的

當我們討論是專注於內容還是設計優先的方法時，我們真正的意思是一個發生在另一個之前。 但這不應該是這樣。 就像內容策略階段一樣，構思過程對雙方都有效。 內容作家和設計師會仔細研究如何解決消費者的問題並以恰當的方式實現業務目標。

當內容編寫者和設計師以流暢、非線性的方式工作時，它不僅有助於保持對與產品或網站開發相關的所有部門的正確期望，而且還消除了可能成為爭論點的問題.

確保儘早規劃內容類型

內容不僅可以與文本塊相關聯，還可以採用圖表、列表、信息圖表、電子書、視頻、白皮書、流式音頻等形式。

“設計和內容團隊應該一起做的一件事是從一開始就決定與設計相關的特定類型的內容”，作業幫助方面的學術專家彼得·惠特克建議道。 這使設計人員能夠在設計網站的過程中更早地開始處理內容創意。 它還可以幫助他們設想他們如何相互競爭以吸引觀眾，而不管內容格式如何。

通過內容優先的設計方法講故事的力量

準備適當的內容以配合設計將使您弄清楚一些事情。 首先，頁面成功所需的最低要求是多少？ 在繪製任何像素或線框之前確定內容將使您作為設計師的生活更輕鬆，因為它將迫使每個人都同意內容並複制。

當您在了解將涉及的內容類型後最終進行設計時，這是一個全新的領域。 其次，它將使您能夠確定特定內容中的元素是否適合手頭的項目。

像電影一樣接近您的網站。 內容將是演員所說的台詞。 現在想像一下這個場景，如果瑞恩·高斯林低聲說出愛和欽佩的話，同時躲在他祖父的閣樓裡躲避一個精神病殺手。 情節看起來很混亂，對吧？ 您的內容和設計之間的不一致可能會導致訪問者之間出現類似類型的混淆。

現在精彩的內容以精彩的故事開始。 通過這種方法，設計師可以專注於整體用戶體驗以及他們想要傳達給訪問者或客戶的故事。 這同樣適用於內容，因為它原來是設計的一部分。

在這種情況下，您需要首先問自己，這個客戶或項目的故事是什麼？ 訪客或消費者面臨哪些問題？ 他們的理想結果是什麼？

一旦你想出一個好主意，你將通過你的故事傳達什麼，就開始寫作。 從您想像的內容在網站上的開發開始，並確保其結構正確。 每個網頁或屏幕都有自己的用途，您也需要為此努力。

然後，這些頁面中的每一個都可以分為不同的部分。 這些部分也應該有明確的目標。

接下來，寫下這些部分中將包含的內容，從標題到最後一個鏈接。 如果客戶或其他團隊成員向您提供了內容，請在您認為合適且符合整體敘述的情況下使用這些詳細信息。

在準備內容時，只需專注於使用自己的話。 無論哪種方式，獲取有關您所做工作的反饋並進行編輯，直到您對結果感到滿意為止。

當您為網站的每個頁面準備內容時，您將能夠注意到網站開始的樣子。 對於所有相關人員來說，用戶流程將變得非常明顯。 此外，內容結構越明確，您就越能評估這是否是您要講述的適當故事。

為什麼需要採用內容優先的方法？

內容優先的方法是 Web 開發人員和設計人員在構建一個包含消費者期望的所有優點的可靠網站時考慮的絕佳方式。 下面介紹了必須採用內容優先方法的一些原因。

• 協作和一致性：您可能熟悉格言，“人多為輕”，這對於內容規劃和創作來說尤其如此。 可能有些事情設計師理解，但文案不知道，或者戰略家知道，但前端開發人員不知道，等等。 因此，為了快速發現問題並找到機會，不同部門之間的適當協作可以促進一致性。 這樣，當每個人都在同一個頁面上時，它會減少或消除不必要的混亂。
• 功效：通過在設計和原型中應用真實或原型內容，您將更快地熟悉潛在的挑戰。 並且能夠立即解決它們，而不是等待數週或數月（或數年）。 因此，用於迭代設計和內容的時間將大大減少，因為團隊在進行內容創建時已經一起討論了這些問題。
• 可重用性和靈活性：與其將數字體驗視為頁面和單個元素的形式，不如將它們視為多方面的框架或一組解決方案，可以在需要時組合和重新混合。 通過這種方式，可以創造出更多靈活且保質期長的產品。
• 部門內部更加互聯：內容優先意味著從一開始就跨部門分享見解。 現在，每個部門都將在不同階段以不同程度的強度提供重要的見解。 這意味著我們都將參加更多會議，並與正確的人進行正確的對話。
• 簡單明了的指導方針：在設計方面，您可能會對自己的創造力感到更加克制。 但是在設計和開發網站時，您需要一個穩固的結構和一個可以建立的故事。 通過圍繞特定內容準備設計，您將不再需要更改設計以適應明顯矛盾的內容。
• 更好的內容質量：使用內容優先的設計，您不必要求您的作者對內容進行調整或添加絨毛，因為所寫的內容不符合預先批准的設計。 當您創造性地圍繞它進行設計時，您的網站的消息可以保存為其預期的原始狀態。
• 增加一致性：當每個元素相互獨立開發時，聯合中往往會缺少一些東西。 內容可能會被編輯掉，設計可能會在最後一刻重新調整，或者故事可能會變得不一致。 內容和設計應該作為一個整體完美地協作使用，而這只有在內容至上時才會發生。
• 提高生產力：Web 開發的設計優先方法不僅會導致現場描述的故事之間發生衝突。 這也會導致團隊成員之間的衝突，因為內容創建者從一個角度看待故事，而設計師則從另一個角度來看。 與其浪費時間確定哪個角度更有意義，不如通過在您的網站故事上進行邏輯協作來保持您的生產力。
• 允許更簡化的流程：您現在執行的流程可能看起來方便且高效，但如果您不是圍繞實體內容開發網站，那麼您可能不得不應對不可預測的項目時間表和範圍。 您會驚訝於使用這種內容優先的方法來簡化您的流程是多麼方便。
• 更高的利潤率：如果您必須預測您的企業在哪裡損失了最多的貨幣資源和動力，那麼說它來自客戶是否準確？ 他們可能不喜歡某事的寫作方式。 他們可能不會發現設計與他們讓您修改的消息相匹配。 或者，即使他們要求進行更多修改，他們也可能對這一切花費了多長時間感到不滿。 如果您經常接受客戶的不滿或修改請求，內容優先的設計將減少時間的浪費，讓您更專注於創建精心策劃的網站。

尾註

內容、網頁設計和開發都彼此密切相關。 通過一點戰略方法，開發人員和內容創建者可以將這個聯盟帶入成功。