UI设计的用户体验的要素模型（二）

　　表现层主要是网站的视觉效果设计。在表现层中,我们看到的是一系列的网页,这些网页由图片、文字及音乐等多媒体元素构成。一些图片可能是可以点击的,会执行某种功能,例如一个购物车的图标,会把用户带到购物车页面,而有些图片可能仅仅是装饰而已。文字信息也是如此,有一些可能会有超链接。

　　如果我们去掉这些体验的外売,就可以清晰理解这些决策是如何做出来的了。为了明确用户体验的整个过程,我们从网络交互最基本的形式一网页设计入手分析用户体验的要素,将用户体验的要素总结为5个层面:表现层、框架架层、结构层、范围层、和战路层,并从每一个层面包含的子要素入手提出符合用户体验的设计原则。

　　1.表现层表现层主要是网站的视觉效果设计。在表现层中,我们看到的是一系列的网页,这些网页由图片、文字及音乐等多媒体元素构成。一些图片可能是可以点击的,会执行某种功能,例如一个购物车的图标,会把用户带到购物车页面,而有些图片可能仅仅是装饰而已。文字信息也是如此,有一些可能会有超链接。

　　2.框架层在表现层下面的是框架层,框架层利用按钮、控件、照片及文本区域位置等元素来优化网站的设计布局,使这些元素的使用效果和效率达到最大化,确定很详细的网站页面外观、导航和信息设计。

　　在框架层中主要是对页画中不同的内容区域进行划分,确定网站页面的布局,从而方便对网站页面的视觉表现就果的设计。该家纺品牌的宣传网站,页面布局结构非常清所,各部分内容排列有序,非常方使用户测览和查看相应的信息内容。

　　3.结构层在框架层下面的是结构层,框架是结构的具体表现方式。框架层设定网页上交互元素的位置,而结构层则用来设计用户如何到达某个页面,以及访问结束后能够去到哪里。框架层定义了导航栏中各要素的排列方式,允许用户浏览不同的分类,而结构层则确定哪些类别应该出现在哪里。

　　在网站设计中,页面的结构与表现效果都非常简捷和直观,每个页面中都使用了不同的颜色作为背景色,搭配产品图片及简捷的说明文宇。在页面底部应用特效的图形提示用户单击或滚动鼠标来继浏览网站中的其他页面内容在页面右侧也为用户提供了圆点提示。

　　小编结语：我们需要注意的是结构层主要用于表现用户如何到达某个页面,以及当前所在的位置，那么用户可以单击进行页面的跳转,当前所在位置则显示为红色图标,简捷的结构使得用户操作非常方便。