购物比价网站的交互框架设计

更新时间:2024-02-18 作者:用户投稿原创标记本站原创 点赞:25899 浏览:119340

购物比价网站

繁杂的购物信息充斥渗透着人们的生活,一方面给网络消费者更多地选择,而另一方面也增加了用户的网购时间成本,快速选择最物美价廉的产品,成为了很多网络消费者的购物需求.为满足广大用户的网购需求,购物比价网站应用而生,成为新兴的网购周边产业.消费者通过购物比价网站或比价工具,可以以最优淘到自己需要的品牌以及各种品类的产品.

网站的交互框架设计

如何吸引用户、快速开发设计迭代和平衡设计与商业利益的问题,成为此类网站最关心的问题.本文以交互设计为视角,从购物比价样本网站总结归纳出可复用的、可用性较高的交互设计框架模式,帮助网站设计项目快速启动,缩短开发周期和降低开发成本,将更多精力放在核心的交互功能的创新上.

网站交互框架设计是从交互设计的角度出发,以满足用户需求为目标,设计可复用的设计构件,阐明整个设计、协作构件之间的任务层级关系以及交互关系.

本文从信息系统、导航系统、搜索系统进行交互框架设计研究.

1.网站首页信息系统框架设计规律:

折线之上,即网站的页面的最佳视域,用户不用滑动鼠标可以直接看到的页面区域.折线之上放置的内容组成了一页最页最重要的部分,市场营销人员将主推广告、特色产品、程序员需要显示实现的功能,设计者需要展示自己的设计技能.这一区域是整个信息结构框架的交互设计最重要的一部分.

从样本网站的比对可得出,购物比价网站的“折线之上”内容包括:

左边:Logo、区域导航栏(粘性导航栏,不随着页面的上浮动改变位置).

中部:用户账户(注册、登陆)、搜索框、全局导航栏、主推广告活动栏、最新信息、信息陈列表的第一个信息

右边栏:此栏的信息内容活动性较大,信息的社交性较强,如右用户签到、用户分享(晒单),热门信息(热门优惠、热门推荐、热门攻略),还会有一些商家广告位.

2.导航系统的交互设计框架

(1)购物比价网站导航的多重组合特点分析

构成目录导航框架的诸多界面中,首先是全局导航,提供了覆盖整个网站的通路,时常被放置在页面的顶端,可以直接连接重要的功能和区域,无论用户处在哪个页面层次.区域导航系统在网站的导航搜索中起到辅助作用.往往会把全站导航和区域导航整合成统一的导航模式.一般来说,区域导航按照不同类别进行分类,鼠标滑过二级分类导航会直接展开.

购物比价网站的导航栏类型是顶端和左边导航栏组成了一个倒着的“L”,通常,顶端全局导航栏在整体上将网站功能、内容进行分类,让用户进入网站能够快速的得知在网站可以干什么,区域导航大多数是按照主题来分类,鼠标滑过导航目录显示出子目录,用户可以直接点击导航目录或是选择子目录特定商品进入陈列页面.

(2)导航框架的使用情境和任务流程分析

导航交互设计框架中所用到的模式在很大程度上取决于网站的用途,以及用户在特定时刻的具体目标.用户进入购物比价网站,使用导航系统可以进入不同的页面,导航框架一般包括四个页面结构,它们分别是任务/主题页面、陈列页、内容页和链接购物网站页面.这四类页面通过导航系统连接起来,形成了购物比价网站商品导航地图.

任务/主题页面

是按照网站的不同特色与功能进行分类,在广义上涵盖了整个网站想要传达的信息,是网站的灵魂所在,通过此类页面用户可以在整体上了解网站,知道自己在网站上可以做什么,到达此类页面一般是通过全局导航以及网站特设的页面入口.

陈列页面

进入陈列页面最快捷的就是通过区域导航点击子目录,可以直接进入商品陈列页;也可以通过全局导航进入主题页面信息筛选进入陈列页.陈列页是由一页页很多不同产品的条目排列组合列表,并且一般每个产品条目上会带有商品的名称,以及其它的属性简洁说明.


1.内容页/详情页

用户进入此页面了解商品优惠详情、活动详情、其他用户的评价、了解打折、或优惠的具体方法.此页面不是必须经过的页面,有些网站可以从陈列页点击直接进入购物网站页面.

用户通过任务/主题页面进行信息搜寻,进入信息陈列页面筛选,进入详情页进行信息评估,做出信息反馈决策,如果用户满意度较高就进入最后一站链接购物网站的页面,完成任务.

2.搜索系统的交互设计框架

搜索框架让网络消费者定位具体所需要的商品或是活动信息,不必非得通过导航目录进行页面的跳转,反复地在分类页和陈列页穿梭,可以帮助用户搜寻到自己所需要的信息.总结归纳出购物比价网站的常用的搜索类型有:快速搜索、过滤搜索.

快速搜索栏的组成要素很简单,通常是一个简单的输入栏,由搜索按钮和输入信息框组成,现在也有很多网站细分搜索范围,再搜如信息框前面添加可选的搜索范围目录,使得用户的搜索更加快速、精准.购物比价网站具有购物网站的基因,信息量大、多、杂.这就决定了几乎所有的购物比价网站都会选择过滤搜索.过滤搜索在购物比价网站一般出现在分类页面,如用户使用快速搜索“平板电脑”,就进入平板电脑的分类页面,用户可以进一步聚焦需求,从品牌、品类、尺寸等限制词进行结果过滤,用户选择限定关 键 词,分类页的结果也会随即改变.

总结和展望

目前专门针对购物比价网站的研究还比较少,且此类网站的设计也需要进一步的优化,来提高网站的可用性以及用户体验,因此笔者希望通过本论文的研究,可以在越来越多的购物比价网站兴起,开发设计的时候可以借鉴本文的一些研究成果,帮助网站快速启动项目,并在标准化的框架设计上进行创新.使得网站具有捷足先登的优势以及可持续的经竞争力.

(作者单位:华东理工大学)