京东商城用户体验分析报告 - 图文(2)

2020-06-30 10:10

需求,那么这个网站的功能再完善、服务再好,对用户而言也没有什么价值,同样也谈不上什么易用性了。

因此网站的外观设计应以用户为中心,使得网站内容的呈现方式更符合用户的习惯,并且利于对用户行为进行引导,使之能服务于网站的运营目标,从而使得网站对用户而言是有用的,用户在网站上能够方面快捷的实现自己的访问目的,而不是将时间浪费在查找内容和点击页面链接上。 网站用户体验应从以下几个方面进行分析:

1、感官体验:呈现给用户视听上的体验,强调舒适性。

2、交互体验:呈现给用户操作上的体验,强调易用、可用性。 3、情感体验:呈现给用户心理上的体验,强调友好性。 4、浏览体验:呈现给用户浏览上的体验,强调吸引性。 5、信任体验:呈现给用户的信任体验,强调可靠性。

3 京东商城和淘宝商城的用户体验比较

3.1

网站界面体验

3.1.1页面打开速度

对于一个网站而言最基本的便是网站的空间服务器,其好坏直接关系到网站的用户体验,如果一个网站的进入时间超过几十秒,那么对于用户而言,除非这个网站的内容是用户必须看的,否则用户是不会有任何犹豫便直接退出浏览的,在这点上,对于B2C商城而言更是如此,服务器所引起的访问故障是绝对不允许出现的,打开页面的速度应保证在十秒以内,尤其是大型的B2C商城。

在同样的网速下用同一个浏览器打开淘宝商城和京东商城,淘宝商城的页面打开速度明显优于京东,页面整体的显示时间大概为两秒左右,而京东的时间则在5秒左右,但是,淘宝商城只是将页面的大体加载完成,而大多数图片则是在页面加载完成后以Flash方式加载,京东是把页面框架、文字、图片一起加载完成 ,因此其整体页面的加载速度低于淘宝,但是如果算上图片的加载时间的话,那么这两个网站的页面总体加载时间大致相近,都在大约五到六秒左右。

测试环境:操作系统:windows7 浏览器:搜狗浏览器高速模式 网络带宽:1MB宽带 测试时间:凌晨1点

2

3.1.2 页面整体布局与色彩

网站的整体风格是网站外观设计的指导思想,视觉元素、CSS、布局方式、浏览器兼容性等视觉都应与于网站的整体风格相符合。其页面的设计风格应与网站目标客户的审美习惯相符合,并能对用户起到良好的引导作用。

图1-京东商城首页(截图日期2011-04-06)

京东商城的页面如图1所示,主要以红色为主,页面最顶部是用户进行网络购物时所常用的一些功能,如注册、登陆、订单查看等。在这下面是网站正在进行的大型活动的横幅广告,如一些全商城的折扣活动或者一些商品的秒杀活动的预告等。京东商城的logo位于左上角的空白处,这样,既突出了京东的品牌特色,确保了品牌的清晰展示,logo展示空间的安排也恰到好处,在页面的右侧是商品的分类列表,前面几项都是京东主要的销售项目,如图书音像、数码产品等,鼠标移至分类名称上面会自动显示所属分类下面的更详细分类,这样方便了用户快速选择自己所需要的商品信息。位于页面顶部的是导航栏,包括了网站的一些主要功能,如团购、直销、社区等,起到了引导用户进入自己所需信息所在页面的作用。

在导航栏下面是搜索框和购物车,搜索框旁显示了近期的一些热门搜索的关键词,这样当用户所想搜索的物品是热门关键词时便无需手动输入,比较人性化。

在京东商城的首页,主要是抢购、新品、特价商品的分区,这能够对于用户的购物过程能起到很好的引导作用,方便了用户选择。在每一个分区里面所显示的商品都是以图片并配以简要的文字说明,并在图片上面以显眼的红色标明了价格,这样用户可以从首页所展示的内容中获取商品的大致信息,如外观、基本功能、价格、商品介绍等,用户只要查看首页分区里所展示的商品,并只点击自己

3

感兴趣或者需要的商品,而无需每一个都去点击查看,这样能为用户节省大量的时间,也提升了用户的购物体验。

在页面左侧有品牌专卖店的展示,主要是3C方面的品牌,并且用户对于热门数码产品的评价也在左侧显示,位于广告位下面的是今日团购以及京东商城各地分公司的总体概况,点击可进行查看,在最后则是购物指南,在页面右侧主要是网站新闻、手机充值、商品拍卖、抢购和数码产品的畅销排行榜。

从上面信息可以看出京东商城首页的页面两侧主要是一些与商品有关的各种服务,这些服务对于网站的用户而言,使得他们的购物能够变得简便和快捷,也节省了时间,能够让用户将更多的时间用于商品的挑选而非是查找、搜索,这样使得网站的布局和服务更为人性化。

京东商城页面总体色彩较为明亮,图片虽然较多,但比例协调、不变形,显示清晰。图片排列既不过于密集,也不会过于疏远,不会让人感到杂乱,并能对用户查找信息起到一定的辅助作用,其广告几乎都位于页面两侧,广告图片与页面的整体风格相符合,在浏览过程中,对用户的视线不会造成不必要的干扰,使得整个页面保持了整洁。

淘宝商城的首页页面如图2所示,页面的主要色调依旧是以红色为主,页面顶部显示的是一些商品的专场,一般都是一些正在进行折扣活动的商品信息,淘宝商城的logo同样是在页面的左上角,但与京东不同的是logo是动态的flash动画,显得更为生动和直观,logo很简单,就只是淘宝商城四个字而已,白色字体与红色的背景相搭配,既能保证logo的清晰度,又不会太过占据空间。

页面的整体布局和京东商城类似,页面最顶部是用户的一些基本服务,如登录、注册,以及一些网上购物所需要的基本功能,如查看卖出买进的商品,查看自己的购物车、收藏夹以及进行搜索(此处搜索范围是淘宝网而非淘宝商城)。

4

图2-淘宝商城首页(截图日期2011-04-06)

只是搜索栏的位置相对于京东更为靠上,而网站的导航位于搜索栏下方,页面的上部,而商品分类则显示在页面的左侧,这样的布局与国人的浏览习惯相符合,同样分类导航也是鼠标移上便自动显示其详细分类。而网站的导航栏则是根据商品的类别划分,而非是网站的功能,感觉这样更加直观,更易于用户使用,用户可以根据自己的购买目的去点击相应的导航。

在首页上,一些著名品牌的商品、正在进行活动中的商品以及秒杀活动以flash形式循环展示在页面的显眼位置。以第一广告位为界,首页分为了上下两部分,第一部分主要是品牌推荐和促销活动专区,在这一部分的页面左侧首先展示的是新进驻的商家,然后是淘品牌。

而在第一广告位的下面则是仿效现实中的商城,将余下的页面分为了十一楼,每一楼都是一种类型的商品,而在其左侧所显示的是这类型商品的一些著名品牌,与京东商城相似的,商品的展示是以文字和图片相结合,但文字并没有商品的简介,而只是一些销售宣传语,对于折扣的商品则是在图片上显示出红色的圆形符号。在第十一楼下面则是商品的具体分类和一些知名品牌的店铺链接,最底部则是商城保障、新手上路、支付方式、商家入驻等网站服务。

总的体验是淘宝商城的层次感和分类比京东更为详细和清晰,而且由于是采用类似于实体商城的展现方式,使得用户在浏览时更为亲切和熟悉,并且左侧所陈列的那些品牌链接能够让用户迅速的找到自己所喜欢的品牌,在商品的展示栏上面有着该类商品的一些热门关键词,用户点击进去之后是与之相关的页面,如果关键词是某一品牌,则会直接进入该品牌的店铺,如果不是则是搜索结果的集合。

淘宝商城的广告位起到一个分割的作用,如商城的楼层之间,活动专区与商城之间,其广告图片与网站的整体色调相一致,虽然位于页面正中,但由于与页面的非广告内容的区别较大,所以并不会对用户的浏览造成妨碍,也不会干扰用户的视线。

3.1.3 网站导航设计

网站的导航机制体现了网站的内容架构,其是否合理是评价网站易用性的重要指标之一。网站的导航一般包括全局导航、辅助导航和站点地图等,主要起到体现网站结构和引导用户的作用。

5

网站导航对于用户形成对网站的正确空间感和方向感起到重要作用,一个正确的网站导航能够让用户无论进入网站的哪一页,都能对自己所在的位置有个清楚的认识,因此网站导航应让用户易于理解和方便使用。

一、全局导航

京东商城的全局导航如图3所示,可以看出其全局导航是一组以一致的外观出现在网站的所有页面的通用导航元素,其对用户的访问起到最基本的方向性指引,并且包含了搜索栏与购物工具这两大元素,这样用户在京东商城任何页面都能对商品进行搜索和与购买相关的行为,比如将商品加入购物车。

图3-京东商城全局导航(截图日期2011-04-06)

当点击导航跳转到其他页面时,点击网站logo也同样能返回网站首页,站点logo具有返回首页的作用,同样在导航条的左侧第一个栏目显示出首页的链接和提示,而且全局导航有且仅有一级栏目,没有下级分类,并且高亮用户当前所在页面名称,这样无论用户身处网站何处都不会迷路。

淘宝商城的全局导航如图4所示,导航条的整体颜色以黑色为主,字体颜色则是白色,这样显得比较醒目,同样点击其中一个栏目跳转到相应页面后也有返回商城首页链接,只是导航条已经消失了,只剩下路径的指引,如图5所示,但点击淘宝商城四个字依旧能够返回,与京东商城不同的是淘宝商城在点击导航条栏目时所打开的页面是在浏览器的新窗口中,而京东则是在原来页面内打开链接,大概是因为这个原因,所以打开的页面上导航条并没有保留。

虽然全局导航并未保留,但由于是在新窗口中打开的,并且在页面的左上角有路径提示,所以用户依旧不会迷路,但是从个人感觉上说,京东的全局导航更为方便,而淘宝商城虽然不会导致迷路,但若要点击全局导航上的其他栏目时需要返回商城首页或者切换窗口,给用户增添了些不必要的步骤。

图4-淘宝商城全局导航(截图日期2011-04-06)

图5-淘宝商城全局导航路径指引(截图日期2011-04-06)

6


京东商城用户体验分析报告 - 图文(2).doc 将本文的Word文档下载到电脑 下载失败或者文档不完整,请联系客服人员解决!

下一篇:《生产建设项目水土保持监测规程(试行)》

相关阅读
本类排行
× 注册会员免费下载(下载后可以自由复制和排版)

马上注册会员

注:下载文档有可能“只有目录或者内容不全”等情况,请下载之前注意辨别,如果您已付费且无法下载或内容有问题,请联系我们协助你处理。
微信: QQ: