基于购物比价网站的交互设计框架探究

《基于购物比价网站的交互设计框架探究》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、基于购物比价网站的交互设计框架探究　　摘要：本文的研究对象是购物比价网站的交互设计框架,它以大量的购物网站案例为分析研究对象,以交互设计与框架理论为指导,对购物比价网站中的交互设计框架进行搭建与创立。交互设计框架是建立在交互设计基础之上的,它在于创建有效的、高可用性的交互设计模式。关键词：购物比价网站交互设计框架中图分类号：TB472文献标识码：A一、购物比价网站繁杂的购物信息充斥渗透着人们的生活，一方面给网络消费者更多地选择，而另一方面也增加了用户的网购时间成本，快速选择最物美价廉的产品，成为了很

2、多网络消费者的购物需求。为满足广大用户的网购需求，购物比价网站应用而生，成为新兴的网购周边产业。消费者通过购物比价网站或比价工具，可以以最优价格淘到自己需要的品牌以及各种品类的产品。二、网站的交互框架设计6如何吸引用户、快速开发设计迭代和平衡设计与商业利益的问题，成为此类网站最关心的问题。本文以交互设计为视角，从购物比价样本网站总结归纳出可复用的、可用性较高的交互设计框架模式，帮助网站设计项目快速启动，缩短开发周期和降低开发成本，将更多精力放在核心的交互功能的创新上。网站交互框架设计是从交互设计的角

3、度出发，以满足用户需求为目标，设计可复用的设计构件，阐明整个设计、协作构件之间的任务层级关系以及交互关系。本文从信息系统、导航系统、搜索系统进行交互框架设计研究。1.网站首页信息系统框架设计规律：折线之上，即网站的页面的最佳视域，用户不用滑动鼠标可以直接看到的页面区域。折线之上放置的内容组成了一页最页最重要的部分，市场营销人员将主推广告、特色产品、程序员需要显示实现的功能，设计者需要展示自己的设计技能。这一区域是整个信息结构框架的交互设计最重要的一部分。从样本网站的比对可得出，购物比价网站的“折线之

4、上”内容包括：左边：Logo、区域导航栏（粘性导航栏，不随着页面的上浮动改变位置）。中部：用户账户（注册、登陆）、搜索框、全局导航栏、主推广告活动栏、最新信息、信息陈列表的第一个信息6右边栏：此栏的信息内容活动性较大，信息的社交性较强，如右用户签到、用户分享（晒单），热门信息（热门优惠、热门推荐、热门攻略），还会有一些商家广告位。2.导航系统的交互设计框架（1）购物比价网站导航的多重组合特点分析构成目录导航框架的诸多界面中，首先是全局导航，提供了覆盖整个网站的通路，时常被放置在页面的顶端，可以直接连

5、接重要的功能和区域，无论用户处在哪个页面层次。区域导航系统在网站的导航搜索中起到辅助作用。往往会把全站导航和区域导航整合成统一的导航模式。一般来说，区域导航按照不同类别进行分类，鼠标滑过二级分类导航会直接展开。购物比价网站的导航栏类型是顶端和左边导航栏组成了一个倒着的“L”，通常，顶端全局导航栏在整体上将网站功能、内容进行分类，让用户进入网站能够快速的得知在网站可以干什么，区域导航大多数是按照主题来分类，鼠标滑过导航目录显示出子目录，用户可以直接点击导航目录或是选择子目录特定商品进入陈列页面.（2）

6、导航框架的使用情境和任务流程分析6导航交互设计框架中所用到的模式在很大程度上取决于网站的用途，以及用户在特定时刻的具体目标。用户进入购物比价网站，使用导航系统可以进入不同的页面，导航框架一般包括四个页面结构，它们分别是任务/主题页面、陈列页、内容页和链接购物网站页面。这四类页面通过导航系统连接起来，形成了购物比价网站商品导航地图。三、任务/主题页面是按照网站的不同特色与功能进行分类，在广义上涵盖了整个网站想要传达的信息，是网站的灵魂所在，通过此类页面用户可以在整体上了解网站，知道自己在网站上可以做什

7、么，到达此类页面一般是通过全局导航以及网站特设的页面入口。四、陈列页面进入陈列页面最快捷的就是通过区域导航点击子目录，可以直接进入商品陈列页；也可以通过全局导航进入主题页面信息筛选进入陈列页。陈列页是由一页页很多不同产品的条目排列组合列表，并且一般每个产品条目上会带有商品的名称，价格以及其它的属性简洁说明。1.内容页/详情页用户进入此页面了解商品优惠详情、活动详情、其他用户的评价、了解打折、或优惠的具体方法。此页面不是必须经过的页面，有些网站可以从陈列页点击直接进入购物网站页面。用户通过任务/主题页

8、面进行信息搜寻，进入信息陈列页面筛选，进入详情页进行信息评估，做出信息反馈决策，如果用户满意度较高就进入最后一站链接购物网站的页面，完成任务。62.搜索系统的交互设计框架搜索框架让网络消费者定位具体所需要的商品或是活动信息，不必非得通过导航目录进行页面的跳转，反复地在分类页和陈列页穿梭，可以帮助用户搜寻到自己所需要的信息。总结归纳出购物比价网站的常用的搜索类型有：快速搜索、过滤搜索。快速搜索栏的组成要素很简单，通常是一个简单的输入栏，由搜索按钮和输入信息框组成，现在也