有意識地忽略我們的最終目標(biāo)，同時專注在我們在哪里和我們確實需要從哪里開始，這會給我們提供最大的靈活性。在互聯(lián)網(wǎng)上最大的問題之一就是技術(shù)對決策的影響甚重。設(shè)備的性能決定了這些功能是否能實現(xiàn)。內(nèi)容管理系統(tǒng)甚至在決定設(shè)計什么應(yīng)用或者是為誰而設(shè)計之前就已經(jīng)選擇好了。就好比先聲明了，“我們想用HTML5。"人們總是會關(guān)注技術(shù)，這是很自然的。畢竟技術(shù)具有很大的吸引力和樂趣?；ヂ?lián)網(wǎng)技術(shù)就好像玩具、工具、某種材料，好像“所有人”都在使用它。我們看到很酷的demo,，, 然后思考他們都是用什么技術(shù)實現(xiàn)的，而不是讓問題引導(dǎo)我們找到正確的技術(shù)方案。我們忘了這些demo只是出自制作demo的技術(shù)人員之手。如果你在一個重新設(shè)計的項目里，這才是真實世界，你必須得制作能夠起作用的東西?？犰女?dāng)然很好，但前提是它能起代用并且解決問題。這里的關(guān)注點更多放在解決方案上而不是問題上。我們需要暫時變成悲觀主義者，把注意力放到問題上，熱切地關(guān)注它們，讓它們孵化。對于那些商業(yè)價值與互聯(lián)網(wǎng)技術(shù)緊密相關(guān)的產(chǎn)品，答案甚至?xí)谙丛璧臅r候出現(xiàn)。

1. 內(nèi)容清單

這有一種關(guān)于內(nèi)容的思考方式可以幫助設(shè)計師(和他們的客戶)關(guān)注那些對項目真正重要的事情。到底什么才是真正重要的事情呢?其實無論什么情況下，真正重要的都是網(wǎng)站或者應(yīng)用程序的基礎(chǔ)內(nèi)容和基礎(chǔ)功能。暫時忽略平臺和瀏覽器，集中精力思考產(chǎn)品為什么是這樣。我們把這種方式叫平臺和設(shè)備無關(guān)的產(chǎn)品思考。因為那個時候我們還不需要關(guān)注這些事，我們還是來想想基礎(chǔ)內(nèi)容和功能點吧! 通常，提問可以幫助我們進行批判式的思考。1.為什么用戶會在第一時間使用這個網(wǎng)站?想出好的理由... (沒有說服自己)，想出更多的理由，然后打磨這些理由，- -定要是真實的理由。2.如果世界上只存在一種瀏覽器，并且僅支持HTML，缺省的樣式、所有的功能都由服務(wù)器提供，那么最終你會提供怎么樣的內(nèi)容和功能?換句話說，用戶會在這里看到什么，用到什么？回答上面的兩個問題，我們把這個叫做內(nèi)容清單。因為加入內(nèi)容清單的每一部分內(nèi)容和每一個功能都需要通過目的性測試，它必須有效支持你給出的第-個問題的答案。當(dāng)你完成了(這需要花費一些時間，但是對于你的項目來說卻是一個里程碑), 仔細(xì)閱讀你給出的結(jié)果。它會對你說: " 我在這里"。在這一章里，我們將會對常見的Web設(shè)計開發(fā)流程作微妙(和不微妙)的改變，使之更加具有前瞻性。我們會認(rèn)識到如何將這種新流程用到一個小項目中去。這個項目很小，目標(biāo)并不復(fù)雜。它的目的只是大致說明如何將理論用于實踐，而不僅僅是作為研究案例。你可以嘗試著把這些技術(shù)部分或全部作用于你的項目，使用那些對你有用的，改變或者放棄那些沒用的。我在這個案例中，和我一樣可以收獲到很多東西。

2. 一個案例：“3個小盒子“

我們正在制作- -個可以教開發(fā)者cCSS 自適應(yīng)盒模型布局模塊的網(wǎng)站，一個在多平臺領(lǐng)域有很大發(fā)展?jié)摿Φ谋容^新的布局模塊。關(guān)鍵是讓解釋和例子做到傻瓜式的簡單。因為大多數(shù)cCSs屬性可以通過渲染文本和模塊得到解釋，讓我們稱之為我們網(wǎng)站的“三小盒子。”最終，我們可能擴大的課程，包括其他Css模塊。‘三小盒子”，將包括理論和語法，以及一些練習(xí)，每一-個都建立在上述練習(xí)的理念上。用戶將能夠編寫代碼在頁面編輯器，會有地方顯示其結(jié)果代碼。點擊“ 運行"按鈕將運行輸入的代碼。每個練習(xí)有兩種文字內(nèi)容的類型:理論和作業(yè)。理論解釋語法和概念，作業(yè)是學(xué)生完成的練習(xí)。
讓我們對內(nèi)容清單進行頭腦風(fēng)暴:

1. Logo
2. 全局導(dǎo)航
3. 介紹文字（僅在主頁上）
4. 代碼編輯器（僅在課程頁）
5. 結(jié)果區(qū)域（僅在課程頁）
6. 進度欄（僅在課程頁）
7. 理論文本（僅在課程頁）
8. 練習(xí)文本（僅在課程頁）
9. 課程導(dǎo)航（僅在課程頁）
10. 登錄形式（僅在主頁上）

我們將有兩種類型的頁面
·主頁（介紹性文字和注冊表單）
·課程頁
這么多了。 顯然，這個網(wǎng)站是非常簡單和不完整的， 但它足以作為一個例子。在這里我們省略了很多東西(個人資料頁、對課程完成后統(tǒng)計信息等)。在一個大型網(wǎng)站中，內(nèi)容量可能是巨大的并將可能被拆分為幾個。但請記住，這不是一個功能規(guī)格說明書。我們不必列舉每個項目內(nèi)容的每一個細(xì)節(jié)。我們把內(nèi)容拆分成具有價值的幾個獨立的大集合。我們通常會給每個項目的內(nèi)容指派序號或ID。因為我們的例子很簡單，我們通常會給每個項目的內(nèi)容指派序號或ID。因為我們的例子很簡單，我們文本文件就可以做到，不過你可以把它做成你喜歡的各種花哨樣子。關(guān)于內(nèi)容清單最棒的是，它從來沒有失效過。任何情況都是這樣。“客戶可以大叫任何他們想要的，你可以把它記下來。我們可以足夠快地發(fā)現(xiàn)什么起作用，什么不會。

3. 內(nèi)容參考線框

我們中的許多人在Web設(shè)計項目(但愿是在內(nèi)容清單之后)的第一步就是創(chuàng)建線框圖。線框圖，現(xiàn)在可以說主要是交互設(shè)計師在輸出，已經(jīng)從簡單的圖紙上的線框變成成熟的網(wǎng)頁設(shè)計,比起最終設(shè)計只是缺少色彩圖像和細(xì)節(jié)。原先，他們通過這些方法來設(shè)計模塊位置、距離、層次結(jié)構(gòu)以及需要優(yōu)先的部分等。內(nèi)容用粗線框來表示。一些設(shè)計師仍然使用這種方法，但是對于更多人來說，他們的目標(biāo)已經(jīng)改變了。
如今，線框圖更多是用來作為一種交付件向客戶展示網(wǎng)站看起來是什么樣，以及它在“設(shè)計稿”完成前它到底是怎樣運轉(zhuǎn)的。事實上，這種類型的線框圖就是設(shè)計稿;只不過它們是未完成的狀態(tài)，同時把這樣的相框圖給客戶看是有一定潛在危險的。如果說客戶只喜歡其中的某些部分，一-些其他的細(xì)小的偏差(比如字體、顏色等)會把它們掩蓋掉。另外如果說客戶不喜歡這個設(shè)計，那么接下來就是更多的艱辛工作。這種很早之前的線框圖更接近于現(xiàn)在傳統(tǒng)圖形設(shè)計師作的簡圖。很多的簡圖可以快速制作，允許對那些起作用的內(nèi)容和不起作用的內(nèi)容做足夠的研究。視覺設(shè)計師只需要關(guān)注在哪些地方需要重點突出，哪些地方要注意協(xié)調(diào)統(tǒng)一就好了。這種類型的線框圖對于他們而言是一種工具，而不是給顧客的交付件。不是說我們不需要這么早就把客戶卷入進來，而是說我們首先得給這個過程提供一個模糊的藍(lán)圖，而不是直接讓他們認(rèn)可我們的工作。當(dāng)客戶和你一起走完設(shè)計流程， 認(rèn)可設(shè)計方案當(dāng)然不成問題。