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

1. 內容清單

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

2. 一個(gè)案例：“3個(gè)小盒子“

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

1. Logo
2. 全局導航
3. 介紹文字（僅在主頁(yè)上）
4. 代碼編輯器（僅在課程頁(yè)）
5. 結果區域（僅在課程頁(yè)）
6. 進(jìn)度欄（僅在課程頁(yè)）
7. 理論文本（僅在課程頁(yè)）
8. 練習文本（僅在課程頁(yè)）
9. 課程導航（僅在課程頁(yè)）
10. 登錄形式（僅在主頁(yè)上）

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

3. 內容參考線(xiàn)框

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