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