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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

發(fā)現(xiàn)

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

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

永遠不要健忘我們的客戶遠比我們要了解他們的客戶。

試著嘗試下面的方法：

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

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

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

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

需求

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

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

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

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

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

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

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

內(nèi)容輿圖

現(xiàn)在你對于網(wǎng)站的貿(mào)易目標(biāo)有一個清楚的理解， 你知道為了達到目標(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)容輿圖。

內(nèi)容輿圖可以匡助你創(chuà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)容活動視圖。

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

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

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

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

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

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

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

? Basecamp

? Trello

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

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

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

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

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

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

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

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

一些建議：

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

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

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

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

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

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

我并不以為喘口吻的時候到了， 至少現(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，具體了解可以點擊Perch網(wǎng)站)、GatherContent，甚至是一個簡樸、可分享的Dropbox文件夾

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

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

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

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

有一個可以匡助你審查進程的工具，是Page Trawler，它可以自動檢查你的大部門鏈接。

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

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

分析和實驗

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

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

{總結(jié)｝

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

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

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

? 內(nèi)容維護：引進嚴格的編纂日歷，使內(nèi)容一直維持新鮮度。在進行內(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)略的整合上獲得豐厚的匯報。