前言：最近工作中的很多項(xiàng)目都在衡量?jī)?nèi)容和設(shè)計(jì)交融這個(gè)問(wèn)題。我也一直在思考在網(wǎng)頁(yè)設(shè)計(jì)，移動(dòng)設(shè)計(jì)，面向用戶(hù)設(shè)計(jì)，面向企業(yè)設(shè)計(jì)各種產(chǎn)品上，內(nèi)容與設(shè)計(jì)的平衡問(wèn)題。剛好看到Luke做的一個(gè)演講筆記，閱讀后很有啟發(fā)，就邊翻譯邊思考啦。 yixieshi

　　http://www.lukew.com/ff/entry.asp?1582

　　Luke參與Zeldman關(guān)于“內(nèi)容第一”的keynote演講，作出筆記如下： 互聯(lián)網(wǎng)的一些事

　　(演講總綱：作為網(wǎng)頁(yè)和網(wǎng)頁(yè)設(shè)計(jì)流程中最重要的是內(nèi)容，我們應(yīng)該重視內(nèi)容)

　　重點(diǎn)精選：

　　1，內(nèi)容是一個(gè)設(shè)計(jì)問(wèn)題，但是我們?cè)谧鼍W(wǎng)頁(yè)設(shè)計(jì)的時(shí)候常常會(huì)敵視內(nèi)容，很多設(shè)計(jì)師不相信內(nèi)容能作為主體創(chuàng)造美好的用戶(hù)體驗(yàn)。

　　2，做網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候，如果只是認(rèn)為內(nèi)容是宣傳手冊(cè)，是不能做出顛覆性的網(wǎng)頁(yè)產(chǎn)品的。 yixieshi

　　3，在很多網(wǎng)站，內(nèi)容是被低估的，它的重要性被排在鏈接，SEO，導(dǎo)航等功能之后。

　　4，在產(chǎn)品設(shè)計(jì)中，如果我們沒(méi)有把內(nèi)容設(shè)計(jì)的很友好，用戶(hù)會(huì)自己找到辦法讓內(nèi)容變的很友好。典型的例子是：Instapaper和Readability。

　　5，如果我們?cè)诋a(chǎn)品設(shè)計(jì)中沒(méi)有提供內(nèi)容給用戶(hù)，用戶(hù)會(huì)通過(guò)其他方式找到他們需要的內(nèi)容。

　　6，如今網(wǎng)頁(yè)設(shè)計(jì)師的一個(gè)挑戰(zhàn)是：輸出不影響內(nèi)容的設(shè)計(jì)，但是又可以展現(xiàn)出設(shè)計(jì)特點(diǎn)。 互聯(lián)網(wǎng)的一些事

　　7，設(shè)計(jì)師是用戶(hù)的擁護(hù)者，設(shè)計(jì)師是公司的客服代表，設(shè)計(jì)師應(yīng)該對(duì)用戶(hù)負(fù)責(zé)。

　　8，設(shè)計(jì)師應(yīng)該更重視服務(wù)用戶(hù)，而不是服務(wù)商業(yè)。我們需要提供給用戶(hù)的內(nèi)容必須是支持用戶(hù)的。如果我們做出反用戶(hù)的設(shè)計(jì)，提供反用戶(hù)的內(nèi)容，是很糟的。例如，沒(méi)有經(jīng)過(guò)用戶(hù)允許，就給用戶(hù)聯(lián)系人發(fā)垃圾郵件。 一些事

　　9，不要做愚弄用戶(hù)的設(shè)計(jì)。欺騙用戶(hù)也許會(huì)讓商業(yè)在短期受益，但是長(zhǎng)期肯定是使商業(yè)受損。

　　內(nèi)容大于設(shè)計(jì)：

　　1，沒(méi)有內(nèi)容的設(shè)計(jì)是純裝飾品，設(shè)計(jì)師在設(shè)計(jì)產(chǎn)品之前應(yīng)該深刻了解產(chǎn)品所提供的內(nèi)容。 一些事

　　2，只有了解了產(chǎn)品內(nèi)容，我們才能為產(chǎn)品做出合理的設(shè)計(jì)風(fēng)格。 互聯(lián)網(wǎng)的一些事

　　3，模板有時(shí)很有用，特別是在我們還不了解內(nèi)容的時(shí)候，可以直接套用模板設(shè)計(jì)產(chǎn)品。但是當(dāng)我們了解了內(nèi)容，就需要做特別的設(shè)計(jì)方案。統(tǒng)一的模板解決設(shè)計(jì)問(wèn)題的場(chǎng)景，很難，很少。

　　4，了解內(nèi)容后產(chǎn)出的設(shè)計(jì)，效果通常更好。

　　內(nèi)容的適應(yīng)性設(shè)計(jì)：

　　1，“請(qǐng)使用某某瀏覽器，某某軟件使用我們的產(chǎn)品”的時(shí)代已經(jīng)過(guò)去，例如，不要強(qiáng)迫用戶(hù)去使用某種瀏覽器來(lái)使用我們的內(nèi)容。(招行，工行們，讓你們的網(wǎng)銀支持各種os和各種瀏覽器!!!) 一些事

　　2，正確的設(shè)計(jì)策略是，讓我們的內(nèi)容便捷地傳達(dá)到每個(gè)用戶(hù)。

　　3，我們的內(nèi)容應(yīng)該經(jīng)過(guò)適應(yīng)性設(shè)計(jì)，傳達(dá)到用戶(hù)使用的任何設(shè)備。 互聯(lián)網(wǎng)的一些事

　　4，現(xiàn)在應(yīng)該思考的三個(gè)策略：移動(dòng)第一，用戶(hù)第一，內(nèi)容第一。 一些事

　　總結(jié)：

　　1，內(nèi)容是一個(gè)設(shè)計(jì)問(wèn)題。好的網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該從思考內(nèi)容開(kāi)始。

　　2，如果我們的設(shè)計(jì)不支持傳達(dá)內(nèi)容，用戶(hù)會(huì)通過(guò)其他方式找到他們需要的內(nèi)容。

　　3，移動(dòng)設(shè)計(jì)和適應(yīng)性設(shè)計(jì)為我們實(shí)現(xiàn)用戶(hù)第一和內(nèi)容第一帶來(lái)了便利。

　　4，我們的設(shè)計(jì)如果沒(méi)有體現(xiàn)內(nèi)容第一，用戶(hù)會(huì)幫我們做到。(guess in a bad way for us) yixieshi

　　最近在學(xué)習(xí)研究信息可視化，發(fā)現(xiàn)信息可視化的第一定理就是：“數(shù)據(jù)第一”。其中很多準(zhǔn)則和這次演講的邏輯是一致的：數(shù)據(jù)應(yīng)該在設(shè)計(jì)之上，設(shè)計(jì)任何信息圖表應(yīng)該先思考數(shù)據(jù)，數(shù)據(jù)應(yīng)該被準(zhǔn)確，完整，清晰地傳達(dá)到每個(gè)用戶(hù)等等。

　　內(nèi)容第一，一直是我做設(shè)計(jì)的一個(gè)準(zhǔn)則。一個(gè)好的產(chǎn)品，光有華麗的外衣，是不會(huì)成功的。它需要給用戶(hù)提供有價(jià)值的內(nèi)容和服務(wù)，滿(mǎn)足用戶(hù)的各種需求場(chǎng)景，才能有持續(xù)的勝利。 一些事

　　各位對(duì)內(nèi)容第一感興趣的設(shè)計(jì)師可以做一些思考，在你們負(fù)責(zé)設(shè)計(jì)的產(chǎn)品中，可以： 一些事

　　三看

　　一看，產(chǎn)品的設(shè)計(jì)界面，哪些是內(nèi)容，哪些是方便用戶(hù)使用內(nèi)容而做的功能，哪些是與內(nèi)容無(wú)關(guān)的裝飾?

　　二看，了解第一個(gè)問(wèn)題后，重新看界面，哪些內(nèi)容最重要，是否放在最顯著的位置，哪些內(nèi)容的配套功能不夠? 互聯(lián)網(wǎng)的一些事

　　三看，如果重新設(shè)計(jì)這個(gè)界面，你會(huì)如何調(diào)整展示內(nèi)容的邏輯和方式，如何減少華而不實(shí)的設(shè)計(jì)裝飾，新的界面是不是比舊的界面更簡(jiǎn)潔，更實(shí)用?

　　內(nèi)容第一的思考我會(huì)持續(xù)，歡迎討論。