淺談如何將戰(zhàn)略性內(nèi)容添加到網(wǎng)頁設(shè)計發(fā)布者：本站     時間：2021-12-09 09:12:36

對于網(wǎng)頁設(shè)計人員，如何組織和規(guī)劃內(nèi)容可以說是一個十分關(guān)鍵而又令人頭疼的問題。本文站在管理者的角度，從內(nèi)容規(guī)劃、開發(fā)和維護三個階段來告訴讀者應(yīng)該如何采取并實施正確的內(nèi)容策略，同時提供了不少實用方法及內(nèi)容規(guī)劃工具，如Basecamp、Trello、GatherContent。

原文地址：How to Bake Content Strategy into Your Web Design Process

我在創(chuàng)建自己的數(shù)字機構(gòu)時遇到了一個很大的問題： 組織內(nèi)容。

對于我們遇到的大多數(shù)項目來說， 內(nèi)容都是一個顯著的瓶頸。 從客戶那里收集內(nèi)容本身已經(jīng)夠困難的了， 但更麻煩的是管理基礎(chǔ)設(shè)施，工作流，出版技術(shù)細(xì)節(jié)和認(rèn)證工作流程。

讓我們承認(rèn)吧， 內(nèi)容的開發(fā)仍然是一個巨大的，令人沮喪的流程。 客戶一下子朝你丟過來一份200頁的word文檔， 有時還附有一張裝滿了零散圖片的CD和僅僅達(dá)成部分一致的流程。你能有多少時間用來浪費在用郵件收發(fā)校對word文檔上呢?

基于管理和經(jīng)營一個14人工作室的經(jīng)驗， 根據(jù)三個不同的內(nèi)容開發(fā)階段， 我想分享一些心得來幫你馴服這個令人頭疼的流程：

?　內(nèi)容規(guī)劃： 問對問題， 得到第一手的需求， 創(chuàng)建信息圖 – 信息構(gòu)架。

?　內(nèi)容開發(fā)： 從客戶那里得到內(nèi)容， 緊盯需求變化和認(rèn)證的流程。

?　內(nèi)容維護： 讓創(chuàng)建的信息圖更生動， 開展評審來保證需求的實時性和內(nèi)容的準(zhǔn)確性。

以上的3個步驟幫助我們精簡了計劃， 管理與發(fā)布內(nèi)容的方式， 讓我們與客戶的關(guān)系更融洽。

讓我們詳細(xì)的來看一下這三個內(nèi)容開發(fā)的步驟。

{一、內(nèi)容規(guī)劃｝

內(nèi)容的規(guī)劃是整個流程中最重要的一部分， 并且絕對值得投入盡可能多的時間和人力。

此時你投入的時間越多， 在后期需要花費的時間就會越少。 在早期投入盡可能多的人力到這一步會減少困擾和混淆， 幫助你設(shè)定正確的期望值， 并有利于整個團隊更好的理解你的內(nèi)容策略。

在做內(nèi)容計劃時有幾點是需要注意的， 現(xiàn)在就讓我們來具體說一下這些注意事項。

發(fā)現(xiàn)

發(fā)現(xiàn)是關(guān)于使用已知的客戶信息來找出他們需要什么樣的內(nèi)容。

讓客戶參與’發(fā)現(xiàn)’可以讓你得到他們到底需要什么內(nèi)容的寶貴啟示 – 他們認(rèn)為自己的內(nèi)容應(yīng)該如何被組織?為什么要以這樣的方式組織?

永遠(yuǎn)不要忘記我們的客戶遠(yuǎn)比我們要了解他們的客戶。

試著嘗試下面的方法：

? 思維導(dǎo)圖： 用來腦暴你需要什么樣的內(nèi)容以及為什么你需要這些內(nèi)容。

? 卡片法： 一個很有趣的測試用戶和客戶的可用性方法。 定義內(nèi)容應(yīng)該如何被歸類和組織。

? 白板草圖： 幫助你更細(xì)致的審視網(wǎng)站的結(jié)構(gòu)。

這些內(nèi)容組織工具和技術(shù)非常適用于找出你需要哪些內(nèi)容和如何組織這些內(nèi)容， 還能讓用戶看到他們網(wǎng)站內(nèi)容的重要性。 讓客戶買賬的重要性不言而喻， 這可以鼓勵發(fā)現(xiàn)內(nèi)容是如何與他們的商業(yè)價值互相聯(lián)系的。 這樣他們會更仔細(xì)的考慮提供給你的內(nèi)容并且會更準(zhǔn)時的提供這些信息。

需求

發(fā)現(xiàn)階段的一個重要結(jié)果就是你應(yīng)該得到針對內(nèi)容的清晰需求。 鑒于這些需求幾乎是所有設(shè)計需要服務(wù)的基礎(chǔ)， 所以越早將這些發(fā)現(xiàn)記錄下來越好。 讓團隊中所有人知曉這些能防止以后走彎路。

你可以考慮不同種類的需求：

? 法律需求: 例如， 在英國， 商品與服務(wù)的交易描述必須清晰準(zhǔn)確。

? 商業(yè)身份/品牌需求： 一些企業(yè)對于如何使用他們的商標(biāo)是有特殊指南和規(guī)定的。

? 技術(shù)需求： 對網(wǎng)站來說， 例如要求圖片最大為550像素。

當(dāng)然， 保持每一條需求的精簡還是很重要的， 即使你有一長串不同的需求列表也不用擔(dān)心。

通過在早期就添加嚴(yán)謹(jǐn)?shù)囊?guī)則， 你會盡可能少的遭遇延遲問題， 因為項目已經(jīng)在這個過程中向前移動了。

內(nèi)容地圖

現(xiàn)在你對于網(wǎng)站的商業(yè)目標(biāo)有一個清晰的理解， 你知道為了達(dá)到目標(biāo)將會需要那些內(nèi)容并且你針對這些內(nèi)容還有一套基本規(guī)則。

在這個階段，你腦中對于網(wǎng)站的基本結(jié)構(gòu)和每個頁面上的內(nèi)容應(yīng)該有一個大致的輪廓了。

但是在你開始制作網(wǎng)頁布局的交互稿前， 甚至在確定網(wǎng)站地圖之前，(網(wǎng)站地圖在最后通常會變?yōu)橐粋€單獨的網(wǎng)頁， 例如蘋果的網(wǎng)站地圖)我建議你花一點時間來創(chuàng)建一個內(nèi)容地圖。

淺談如何將戰(zhàn)略性內(nèi)容添加到<a href=/photoshop/web/ target=_blank class=infotextkey>網(wǎng)頁設(shè)計</a>,PS教程,

內(nèi)容地圖可以幫助你創(chuàng)造一個更好的網(wǎng)站地圖， 例如上圖中蘋果的網(wǎng)站地圖

創(chuàng)建一個內(nèi)容地圖應(yīng)該只需花幾分鐘的時間， 這可以作為網(wǎng)站地圖的絕佳先導(dǎo)。

除了內(nèi)部的網(wǎng)頁以外， 你的內(nèi)容地圖還應(yīng)該包含像電子郵件和新聞郵件等內(nèi)容， 當(dāng)然也應(yīng)該算上外部的博客與視頻。 這樣會提供一個整體的基于你網(wǎng)站的內(nèi)容流動視圖。

淺談如何將戰(zhàn)略性內(nèi)容添加到網(wǎng)頁設(shè)計,PS教程,

你可以使用MindMeister來創(chuàng)建內(nèi)容地圖

呈現(xiàn)你的發(fā)現(xiàn)

現(xiàn)在你對于內(nèi)容的布局應(yīng)該已經(jīng)有了一個扎實的理解， 你可以開始將這些對應(yīng)到網(wǎng)站的布局。確切的說，你可以開始設(shè)計了。

對設(shè)計師展示你研究的成果， 他們可以開始建造一個真正為你的內(nèi)容而優(yōu)化的家了。

收集和編輯內(nèi)容

當(dāng)需要安排每個人的任務(wù)時， 我發(fā)現(xiàn)鼓勵合作， 讓所有人討論和做出貢獻(xiàn)非常有用。 為了做到這一點， 你需要一個在線的， 基于內(nèi)容的可以讓大家進(jìn)行討論的平臺。

我確定你或多或少聽過下面的工具吧：

? Basecamp

? Trello

? GatherContent (原文作者自己創(chuàng)建的一個工具)

使用這些工具可以讓每個人都看到一個完整的路線圖， 并清除自己應(yīng)該做什么。

如果在線路圖上有可能造成延誤并影響整個項目進(jìn)度的地方，相關(guān)的負(fù)責(zé)人會更早的注意到并主動規(guī)避這些風(fēng)險

{二、開發(fā)內(nèi)容｝

或許你會將”開發(fā)內(nèi)容”階段想象成這樣的，每個人都要回到他們的座位上并完成他們個人可交付的工作。

你所需要計劃的，就是給每個人定下他們的目標(biāo)，現(xiàn)在剩下的就是等著事情完成。以我的經(jīng)驗來看，情況并非如此。

即使有了詳細(xì)的內(nèi)容要求、樣式指引、內(nèi)容地圖、網(wǎng)站地圖、框架、截止日期以及令人驚訝的CMS(網(wǎng)站內(nèi)容管理系統(tǒng))，但若希望一切這都能夠自然地結(jié)合在一起，實在太瘋狂了。這好比期望兩位設(shè)計師在同一網(wǎng)格結(jié)構(gòu)、色調(diào)搭配和圖像集下會創(chuàng)作出兩個完全免費的頁面。

考慮到這點，我會鼓勵盡可能多的持續(xù)溝通、檢查和討論，并且將這些環(huán)節(jié)貫穿于整個實際生產(chǎn)過程。

一些建議：

? 持續(xù)溝通：通過早期的細(xì)節(jié)討論來保持事情的一致

? 人人都來參與：用戶、內(nèi)容戰(zhàn)略家、設(shè)計師、開發(fā)等;

? 常規(guī)的技術(shù)評論：避免間斷，或者是做些丟臉的事情;

讓用戶參與到常規(guī)的技術(shù)評論中，同時也可以打開他們的靈活思路，找到敏捷和持續(xù)開發(fā)內(nèi)容的方法;當(dāng)你跟他們討論維護及更新內(nèi)容進(jìn)程時，會讓事情進(jìn)行的更加順手。

{三、維護內(nèi)容｝

網(wǎng)站上線了， 消費者也能正常使用， 而且一切按計劃進(jìn)行著。 這個時候是不是可以考慮回家開一瓶冰啤放松一下呢?

我并不認(rèn)為喘口氣的時候到了， 至少現(xiàn)在還不行。

內(nèi)容永不過時的項目極為稀少， 有更新和維護網(wǎng)站內(nèi)容的策略(還有經(jīng)費)對于保持項目新鮮， 相關(guān)性并能滿足你和客戶興趣極為重要。

制定一項內(nèi)容維護的戰(zhàn)略非常簡單，可以包含以下幾個要素：

保持內(nèi)容的可編輯性

你不想在完成了一個網(wǎng)站項目后，卻突然被切斷了所有內(nèi)容的入口。 通過保持你內(nèi)容的開放性和組織性，會使定位和更新單獨的模塊更加容易。

這樣打開版本庫的方式可能會有所不同，如果你不想讓你的內(nèi)容提供者直接訪問你的CMS，你就應(yīng)該考慮Perch(Perch是一個簡單、輕量靈活的CMS，詳細(xì)了解可以點擊Perch網(wǎng)站：http://grabaperch.com/)、GatherContent(https://www.gathercontent.com/)，甚至是一個簡單、可分享的Dropbox文件夾(Dropbox：https://www.dropbox.com/)

設(shè)置一個編輯日歷

不言自明，最重要的是你的用戶和團隊成員能夠明白他們身上的期望值(并且他們能預(yù)留足夠的時間來交付)

引導(dǎo)兩邊的審查

內(nèi)容審查(有時候也稱作內(nèi)容總結(jié))是維護一個運行良好的內(nèi)容策略的關(guān)鍵，他們也被公認(rèn)為是艱巨的任務(wù)。

有一個可以幫助你審查進(jìn)程的工具，是Page Trawler(http://www.pagetrawler.com/)，它可以自動檢查你的大部分鏈接。

淺談如何將戰(zhàn)略性內(nèi)容添加到網(wǎng)頁設(shè)計,PS教程,

最重要的是，你不僅要測試面向用戶的內(nèi)容，同時還需要留意隱藏在幕后的內(nèi)容，比如測試你的SEO(搜索引擎優(yōu)化)，內(nèi)容標(biāo)簽和鏈接的可靠性。

其他常見的麻煩就是不準(zhǔn)確的日期和價格，服務(wù)器的可用性以及網(wǎng)站相關(guān)工作人員的細(xì)節(jié)問題。

分析和實驗

在維護和優(yōu)化內(nèi)容時， 最后一個需要考慮的就是如何分析和測試質(zhì)量， 效率并在實驗中得到有用的啟示。

將常用的分析方法諸如A/B測試等記在心上， 通過針對網(wǎng)頁布局的分析和實驗?zāi)芎芎玫奶岣吣憔W(wǎng)頁內(nèi)容的效率， (這里可以參考A/B測試在谷歌的內(nèi)容分析試驗來獲取幫助： http://www.cardinalpath.com/ab-testing-with-google-analytics-content-experiments/)

{總結(jié)｝

在我們看來，內(nèi)容開發(fā)的三個階段是：

? 內(nèi)容規(guī)劃：研究內(nèi)容要求，包括用戶研究，并幫助用戶理解他們網(wǎng)站或商業(yè)內(nèi)容的重要性;

? 內(nèi)容開發(fā)：和他人良好工作、合作，按照線路圖，激發(fā)大家持續(xù)工作的熱情。把握常規(guī)的討論，使人們意識到他們網(wǎng)站內(nèi)容的更大目標(biāo)。

? 內(nèi)容維護：引進(jìn)嚴(yán)格的編輯日歷，使內(nèi)容一直維持新鮮度。在進(jìn)行內(nèi)容審查的時候，也要考慮技術(shù)后臺方面的內(nèi)容。

這些步驟看起來似乎很多，但是好處也顯而易見：通過將內(nèi)容戰(zhàn)略放回到你的網(wǎng)頁設(shè)計過程中，你可以建立更好的網(wǎng)站，這樣壓力更小，同時你可以把時間花在更重要的事情上。

內(nèi)容本身并不復(fù)雜，它的延遲和匱乏僅僅是缺少規(guī)劃(以及指導(dǎo)原則)。

我希望通過這些建議，你能夠在項目內(nèi)容管理方面找到更多樂趣;在網(wǎng)頁設(shè)計及內(nèi)容戰(zhàn)略的整合上獲得豐厚的匯報。