在網(wǎng)站框架定義階段，網(wǎng)站設計者創(chuàng)建整個產(chǎn)品的概念，定義產(chǎn)品行為、網(wǎng)站設計及物理形式的基本框架。除了情境腳本提綱以外，網(wǎng)站交互設計團隊還使用兩個與其有關(guān)的重要系統(tǒng)方法來合成-?個交互框架。我們使用一套通用的交互設計原則，它提供了在多種情境中定義恰當系統(tǒng)行為的指導原則。
運用網(wǎng)站交互設計模式,對先前已經(jīng)分析過的不同類別的網(wǎng)站問題，它給出了通用的解決方案（基于情境的不同會有所不同）。這些模式類似于Christpher Alexander提出的平面設計模式，最近又由Erich Gamma等人將其引入網(wǎng)站編程領域。網(wǎng)站交互設計模式是按照層次組織的，并且隨著新情境的出現(xiàn)而不斷發(fā)展。它們用已經(jīng)被證明的設計知識來解決問題，經(jīng)常為網(wǎng)站設計帶來便利，而并沒有限制網(wǎng)站設計者的創(chuàng)造力。
在這個高度上描述了數(shù)據(jù)和功能性需求之后，按照交互原則，將其轉(zhuǎn)變?yōu)?strong>網(wǎng)站設計元素。然后按照模 式和原理，又將其組織為設計草圖和行為描述。這個過程的產(chǎn)物是交互框架的定義，即穩(wěn)定下來的設計概念，它們?yōu)楹罄m(xù)設計細節(jié)提供了邏輯上的和總體的形式結(jié)構(gòu)。接下來反復進行的關(guān)注范圍更窄的場景劇本，為細化階段提供細節(jié)。這種方法是自+而下（基于模式）和自下而上（基于原則〉的設計之間的平衡。
當網(wǎng)站進入到物理形式的設計階段后，網(wǎng)站交互設計者和網(wǎng)站設計者便開始緊密協(xié)作，針對頁面可能 采用不同的輸入和外形因素,采用場景劇本來考慮每一種可能的優(yōu)缺點。當最后篩選到最有希望的集中選擇時，網(wǎng)站設計者便可以開始著手制作早期的物理原型，用來確保整體交互概念可以正常工作。網(wǎng)站設計者在早期一定不能脫離產(chǎn)品的行為來創(chuàng)造概念，這一點非常關(guān)鍵。
—旦網(wǎng)站交互框架浮現(xiàn)出來，視覺設計者便開始著手創(chuàng)建一些視覺框架，有時這也稱為“視覺語言策 略”。視覺設計者運用品牌屬性和對整體界面結(jié)構(gòu)的理解來開發(fā)出版面、色彩模式（colorpalettes)和視覺風格。
