网站用户体验的五个要素

《用户体验的要素》，出处：http://jjg.net/elements/pdf/elements.pdf

用户体验的五个要素

表现层 

　　在表现层（surface），你看到的是一系列的网页，有图片和文字组成。一些图片是可以点击的，从而执行某种功能，例如把你带到购物车里去。一些图片就只是图片，比如一本书的封面或网站自己的标志。 

框架层 

　　在表现层之下是网站的框架层（skeleton）：按钮、表格、照片和文本区域的位置。框架层用于优化设计布局，以达到这些元素的最大效果和效率——使你在需要的时候，能记得标识并找到购物车的按钮。 

结构层 

　　与框架层相比更抽象的是结构层（structure），框架则是结构的具体表达方式。框架层确定了我们的结账页面上交互元素的位置；而结构层则用来设计用户如何到达某个页面，并且在他们做完事情之后能去什么地方。框架层定义了导航条上各项的排列方式，允许用户可以浏览书籍的不同类别；结构层则确定哪些类别应该出现在那里。 

范围层 

　　结构层确定网站各种特性和功能的最合适的组合方式，而这些特性和功能就构成了网站的范围层（scope）。有些卖书的网站提供了一个功能，使用户可以保存之前的邮寄地址，这样他们可以再次使用它。这个功能——或任何一个功能——是否应该成为网站的功能之一，就属于范围层要解决的问题。 

战略层 

　　网站的范围基本上是由网站的战略层（strategy）所决定的。这些战略不仅仅包括了经营者想从网站得到什么，还包括了用户想从网站得到什么。就我们的网上书店的例子而言，一些战略目标是显而易见的：用户想要买书，我们想要卖出它们。另一些目标可能并不是那么容易说清楚的。

摘自：《人人都是产品经理》

对于设计产品来说，则可以按照从下往上的框架来做

战略层：明确商业目标和用户目标，解决两者之间的冲突，找到平衡点，确定产品原则和定位。

范围层：进行需求采集和需求分析工作，确定功能范围和需求优先级。

结构层：完成信息架构与交互设计。

框架层：进行界面设计、导航设计、信息设计。

表现层：包含了视觉设计和内容优化。