紅色系網(wǎng)頁(yè)色彩搭配推薦及文字顏色搭配

譯者注：對(duì)于網(wǎng)頁(yè)設(shè)計(jì)職員，如何組織和規(guī)劃內(nèi)容可以說(shuō)是一個(gè)十分樞紐而又令人頭疼的題目。本文站在治理者的角度，從內(nèi)容規(guī)劃、開(kāi)發(fā)和維護(hù)三個(gè)階段來(lái)告訴讀者應(yīng)該如何采取并實(shí)施準(zhǔn)確的內(nèi)容策略，同時(shí)提供了不少實(shí)用方法及內(nèi)容規(guī)劃工具，如Basecamp、Trello、GatherContent。

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

對(duì)于我們碰到的大多數(shù)項(xiàng)目來(lái)說(shuō)， 內(nèi)容都是一個(gè)明顯的瓶頸。 從客戶(hù)那里收集內(nèi)容本身已經(jīng)夠難題的了， 但更麻煩的是治理基礎(chǔ)舉措措施，工作流，出版技術(shù)細(xì)節(jié)和認(rèn)證工作流程。

讓我們承認(rèn)吧， 內(nèi)容的開(kāi)發(fā)仍舊是一個(gè)巨大的，令人沮喪的流程。 客戶(hù)一下子朝你丟過(guò)來(lái)一份200頁(yè)的word文檔， 有時(shí)還附有一張裝滿(mǎn)了零散圖片的CD和僅僅達(dá)成部門(mén)一致的流程。你能有多少時(shí)間用來(lái)鋪張?jiān)谟绵]件收發(fā)校對(duì)word文檔上呢?

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

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

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

?　內(nèi)容維護(hù)： 讓創(chuàng)建的信息圖更生動(dòng)， 開(kāi)展評(píng)審來(lái)保證需求的實(shí)時(shí)性和內(nèi)容的正確性。

以上的3個(gè)步驟匡助我們精簡(jiǎn)了計(jì)劃， 治理與發(fā)布內(nèi)容的方式， 讓我們與客戶(hù)的關(guān)系更融洽。

讓我們具體的來(lái)看一下這三個(gè)內(nèi)容開(kāi)發(fā)的步驟。

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

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

此時(shí)你投入的時(shí)間越多， 在后期需要花費(fèi)的時(shí)間就會(huì)越少。 在早期投入盡可能多的人力到這一步會(huì)減少困擾和攪渾， 匡助你設(shè)定準(zhǔn)確的期望值， 并有利于整個(gè)團(tuán)隊(duì)更好的理解你的內(nèi)容策略。

在做內(nèi)容計(jì)劃時(shí)有幾點(diǎn)是需要留意的， 現(xiàn)在就讓我們來(lái)詳細(xì)說(shuō)一下這些留意事項(xiàng)。

發(fā)現(xiàn)

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

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

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

試著嘗試下面的方法：

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

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

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

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

需求

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

你可以考慮不同種類(lèi)的需求：

? 法律需求: 例如， 在英國(guó)， 商品與服務(wù)的交易描述必需清楚正確。

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

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

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

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

內(nèi)容輿圖

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

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

但是在你開(kāi)始制作網(wǎng)頁(yè)布局的交互稿前， 甚至在確定網(wǎng)站輿圖之前，(網(wǎng)站輿圖在最后通常會(huì)變?yōu)橐粋�(gè)單獨(dú)的網(wǎng)頁(yè)， 例如蘋(píng)果的網(wǎng)站輿圖)我建議你花一點(diǎn)時(shí)間來(lái)創(chuàng)建一個(gè)內(nèi)容輿圖。

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

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

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

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

現(xiàn)在你對(duì)于內(nèi)容的布局應(yīng)該已經(jīng)有了一個(gè)扎實(shí)的理解， 你可以開(kāi)始將這些對(duì)應(yīng)到網(wǎng)站的布局。切當(dāng)?shù)恼f(shuō)，你可以開(kāi)始設(shè)計(jì)了。

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

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

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

我確定你或多或少聽(tīng)過(guò)下面的工具吧：

? Basecamp

? Trello

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

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

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

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

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

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

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

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

一些建議：

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

? 人人都來(lái)介入：用戶(hù)、內(nèi)容戰(zhàn)略家、設(shè)計(jì)師、開(kāi)發(fā)等;

? 常規(guī)的技術(shù)評(píng)論：避免中斷，或者是做些難看的事情;

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

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

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

我并不以為喘口吻的時(shí)候到了， 至少現(xiàn)在還不行。

內(nèi)容永不外時(shí)的項(xiàng)目極為稀少， 有更新和維護(hù)網(wǎng)站內(nèi)容的策略(還有經(jīng)費(fèi))對(duì)于保持項(xiàng)目新鮮， 相關(guān)性并能知足你和客戶(hù)愛(ài)好極為重要。

制定一項(xiàng)內(nèi)容維護(hù)的戰(zhàn)略非常簡(jiǎn)樸，可以包含以下幾個(gè)要素：

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

你不想在完成了一個(gè)網(wǎng)站項(xiàng)目后，卻溘然被堵截了所有內(nèi)容的進(jìn)口。 通過(guò)保持你內(nèi)容的開(kāi)放性和組織性，會(huì)使定位和更新單獨(dú)的模塊更加輕易。

這樣打開(kāi)版本庫(kù)的方式可能會(huì)有所不同，假如你不想讓你的內(nèi)容提供者直接訪(fǎng)問(wèn)你的CMS，你就應(yīng)該考慮Perch(Perch是一個(gè)簡(jiǎn)樸、輕量靈活的CMS，具體了解可以點(diǎn)擊Perch網(wǎng)站)、GatherContent，甚至是一個(gè)簡(jiǎn)樸、可分享的Dropbox文件夾

設(shè)置一個(gè)編纂日歷

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

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

內(nèi)容審查(有時(shí)候也稱(chēng)作內(nèi)容總結(jié))是維護(hù)一個(gè)運(yùn)行良好的內(nèi)容策略的樞紐，他們也被公以為是艱巨的任務(wù)。

有一個(gè)可以匡助你審查進(jìn)程的工具，是Page Trawler，它可以自動(dòng)檢查你的大部門(mén)鏈接。

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

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

分析和實(shí)驗(yàn)

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

將常用的分析方法諸如A/B測(cè)試等記在心上， 通過(guò)針對(duì)網(wǎng)頁(yè)布局的分析和實(shí)驗(yàn)?zāi)芎芎玫倪M(jìn)步你網(wǎng)頁(yè)內(nèi)容的效率， (這里可以參考A/B測(cè)試在谷歌的內(nèi)容分析試驗(yàn)來(lái)獲取匡助)

{總結(jié)｝

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

? 內(nèi)容規(guī)劃：研究?jī)?nèi)容要求，包括用戶(hù)研究，并匡助用戶(hù)理解他們網(wǎng)站或貿(mào)易內(nèi)容的重要性;

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

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

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

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

我但愿通過(guò)這些建議，你能夠在項(xiàng)目?jī)?nèi)容治理方面找到更多樂(lè)趣;在網(wǎng)頁(yè)設(shè)計(jì)及內(nèi)容戰(zhàn)略的整合上獲得豐厚的匯報(bào)。