在网站框架定义阶段，网站设计者创建整个产品的概念，定义产品行为、网站设计及物理形式的基本框架。除了情境脚本提纲以外，网站交互设计团队还使用两个与其有关的重要系统方法来合成-?个交互框架。我们使用一套通用的交互设计原则，它提供了在多种情境中定义恰当系统行为的指导原则。
运用网站交互设计模式,对先前已经分析过的不同类别的网站问题，它给出了通用的解决方案（基于情境的不同会有所不同）。这些模式类似于Christpher Alexander提出的平面设计模式，最近又由Erich Gamma等人将其引入网站编程领域。网站交互设计模式是按照层次组织的，并且随着新情境的出现而不断发展。它们用已经被证明的设计知识来解决问题，经常为网站设计带来便利，而并没有限制网站设计者的创造力。
在这个高度上描述了数据和功能性需求之后，按照交互原则，将其转变为网站设计元素。然后按照模 式和原理，又将其组织为设计草图和行为描述。这个过程的产物是交互框架的定义，即稳定下来的设计概念，它们为后续设计细节提供了逻辑上的和总体的形式结构。接下来反复进行的关注范围更窄的场景剧本，为细化阶段提供细节。这种方法是自+而下（基于模式）和自下而上（基于原则〉的设计之间的平衡。
当网站进入到物理形式的设计阶段后，网站交互设计者和网站设计者便开始紧密协作，针对页面可能 采用不同的输入和外形因素,采用场景剧本来考虑每一种可能的优缺点。当最后筛选到最有希望的集中选择时，网站设计者便可以开始着手制作早期的物理原型，用来确保整体交互概念可以正常工作。网站设计者在早期一定不能脱离产品的行为来创造概念，这一点非常关键。
—旦网站交互框架浮现出来，视觉设计者便开始着手创建一些视觉框架，有时这也称为“视觉语言策 略”。视觉设计者运用品牌属性和对整体界面结构的理解来开发出版面、色彩模式（colorpalettes)和视觉风格。
