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