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

基于购物比价网站的交互设计框架探究 摘要：本文的研究对象是购物比价网站的交互设计框架,它以大量的购物网站案例为分析研究对象,以交互设计与框架理论为指导,对购物比价网站中的交互设计框架进行搭建与创立。交互设计框架是建立在交互设计基础之上的,它在于创建有效的、高可用性的交互设计模式。 关键词：购物比价网站 交互设计 框架 中图分类号：TB472 文献标识码：A 一、购物比价网站 繁杂的购物信息充斥渗透着人们的生活，一方面给网络消费者更多地选择，而另一方面也增加了用户的网购时间成本，快速选择最物美价廉的产品，成为了很多网络消费者的购物需求。为满足广大用户的网购需求，购物比价网站应用而生，成为新兴的网购周边产业。消费者通过购物比价网站或比价工具，可以以最优价格淘到自己需要的品牌以及各种品类的产品。 二、网站的交互框架设计 如何吸引用户、快速开发设计迭代和平衡设计与商业利益的问题，成为此类网站最关心的问题。本文以交互设计为视角，从购物比价样本网站总结归纳出可复用的、可用性较高的交互设计框架模式，帮助网站设计项目快速启动，缩短开发周期和降低开发成本，将更多精力放在核心的交互功能的创新上。 网站交互框架设计是从交互设计的角度出发，以满足用户需求为目标，设计可复用的设计构件，阐明整个设计、协作构件之间的任务层级关系以及交互关系。 本文从信息系统、导航系统、搜索系统进行交互框架设计研究。 1.网站首页信息系统框架设计规律： 折线之上，即网站的页面的最佳视域，用户不用滑动鼠标可以直接看到的页面区域。折线之上放置的内容组成了一页最页最重要的部分，市场营销人员将主推广告、特色产品、程序员需要显示实现的功能，设计者需要展示自己的设计技能。这一区域是整个信息结构框架的交互设计最重要的一部分。 从样本网站的比对可得出，购物比价网站的“折线之上”内容包括： 左边：Logo、区域导航栏（粘性导航栏，不随着页面的上浮动改变位置）。 中部：用户账户（注册、登陆）、搜索框、全局导航栏、主推广告活动栏、最新信息、信息陈列表的第一个信息 右边栏：此栏的信息内容活动性较大，信息的社交性较强，如右用户签到、用户分享（晒单），热门信息（热门优惠、热门推荐、热门攻略），还会有一些商家广告位。 2.导航系统的交互设计框架 （1）购物比价网站导航的多重组合特点分析 构成目录导航框架的诸多界面中，首先是全局导航，提供了覆盖整个网站的通路，时常被放置在页面的顶端，可以直接连接重要的功能和区域，无论用户处在哪个页面层次。区域导航系统在网站的导航搜索中起到辅助作用。往往会把全站导航和区域导航整合成统一的导航模式。一般来说，区域导航按照不同类别进行分类，鼠标滑过二级分类导航会直接展开。 购物比价网站的导航栏类型是顶端和左边导航栏组成了一个倒着的“L”，通常，顶端全局导航栏在整体上将网站功能、内容进行分类，让用户进入网站能够快速的得知在网站可以干什么，区域导航大多数是按照主题来分类，鼠标滑过导航目录显示出子目录，用户可以直接点击导航目录或是选择子目录特定商品进入陈列页面. （2）导航框架的使用情境和任务流程分析 导航交互设计框架中所用到的模式在很大程度上取决于网站的用途，以及用户在特定时刻的具体目标。用户进入购物比价网站，使用导航系统可以进入不同的页面，导航框架一般包括四个页面结构，它们分别是任务/主题页面、陈列页、内容页和链接购物网站页面。这四类页面通过导航系统连接起来，形成了购物比价网站商品导航地图。 三、任务/主题页面 是按照网站的不同特色与功能进行分类，在广义上涵盖了整个网站想要传达的信息，是网站的灵魂所在，通过此类页面用户可以在整体上了解网站，知道自己在网站上可以做什么，到达此类页面一般是通过全局导航以及网站特设的页面入口。 四、陈列页面 进入陈列页面最快捷的就是通过区域导航点击子目录，可以直接进入商品陈列页；也可以通过全局导航进入主题页面信息筛选进入陈列页。陈列页是由一页页很多不同产品的条目排列组合列表，并且一般每个产品条目上会带有商品的名称，价格以及其它的属性简洁说明。 1.内容页/详情页 用户进入此页面了解商品优惠详情、活动详情、其他用户的评价、了解打折、或优惠的具体方法。此页面不是必须经过的页面，有些网站可以从陈列页点击直接进入购物网站页面。 用户通过任务/主题页面进行信息搜寻，进入信息陈列页面筛选，进入详情页进行信息评估，做出信息反馈决策，如果用户满意度较高就进入最后一站链接购物网站的页面，完成任务。 2.搜索系统的交互设计框架 搜索框架让网络消费者定位具体所需要的商品或是活动信息，不必非得通过导航目录进行页面的跳转，反复地在分类页和陈列页穿梭，可以帮助用户搜寻到自己所需要的信息。总结归纳出购物比价网站的常用的搜索类型有：快速搜索、过滤搜索。 快速搜索栏的组成要素很简单，通