京东商城用户体验分析报告学士学位论文(编辑修改稿)

京东商城用户体验分析报告学士学位论文(编辑修改稿)内容摘要：

中的商城，将余下的页面分为了十一楼，每一楼都是一种类型的商品，而在其左侧所显示的是这类型商品的一些著名品牌，与京东商城相似的，商品的展示是以文字和图片相结合，但文字并没有商品的简介，而只是一些销售宣传语，对于折扣的商品则是在图片上显示出红色的圆形符号。 在第十一楼下面则是商品的具体分类和一些知名品牌的店铺链接，最底部则是商城保障、新手上路、支付方式、商家入驻等网站服务。 总的体验是淘宝商城的层次感和分类比京东更为详细和清晰，而且由于是采用类似于实体商城的展现方式，使得用户在浏览时更为亲切和熟悉，并且左侧所陈列的那些品牌链接能够让用户迅速的找到自己所喜欢的品牌 ，在商品的展示栏上面有着该类商品的一些热门关键词，用户点击进去之后是与之相关的页面，如果关键词是某一品牌，则会直接进入该品牌的店铺，如果不是则是搜索结果的集合。 淘宝商城的广告位起到一个分割的作用，如商 城的楼层之间，活动专区与商城之间，其广告图片与网站的整体色调相一致，虽然位于页面正中，但由于与页面的非广告内容的区别较大，所以并不会对用户的浏览造成妨碍，也不会干扰用户的视线。 网站导航设计 网站的导航机制体现了网站的内容架构，其是否合理是评价网站易用性的重要指标之一。 网站的导航一般包括全局导航、辅助导航和站点地图等，主要起到体现网站结构和引导用户的作用。 6 网站导航对于用户形成对网站的正确空间感和方向感起到重要作用，一个正确的网站导航能够让用户无论进入网站的哪一页，都能对自己所在的位置有 个清楚的认识，因此网站导航应让用户易于理解和方便使用。 一、 全局导航 京东商城的全局导航如 图 3 所示，可以看出其全局导航是一组以一致的外观出现在网站的所有页面的通用导航元素，其对用户的访问起到最基本的方向性指引，并且包含了搜索栏 与购物工具这两大元素，这样用户在京东商城任何页面都能对商品进行搜索和与购买相关的行为，比如将商品加入购物车。 图 3京东商城全局导航 (截图日期 20200406) 当点击导航跳转到其他页面时，点击网站 logo 也同样能返回网站首页，站点 logo 具有返回首页的作用，同样在导航条 的左侧第一个栏目显示出首页的链接和提示，而且全局导航有且仅有一级栏目，没有下级分类，并且高亮用户当前所在页面名称，这样无论用户身处网站何处都不会迷路。 淘宝商城的全局导航如 图 4 所示 ，导航条的整体颜色以黑色为主，字体颜色则是白色，这样显得比较醒目，同样点击其中一个栏目跳转到相应页面后也有返回商城首页链接，只是导航 条已经消失了，只剩下路径的指引，如图 5 所示，但点击淘宝商城四个字依旧能够返回，与京东商城不同的是淘宝商城在点击导航条栏目时所打开的页面是在浏览器的新窗口中，而京东则是在原来页面内打开链接，大概是因为这 个原因，所以打开的页面上导航条并没有保留。 虽然全局导航并未保留，但由于是在新窗口中打开的，并且在页面的左上角有路径提示，所以用户依旧不会迷路，但是从个人感觉上说，京东的全局导航更为方便，而淘宝商城虽然不会导致迷路，但若要点击全局导航上的其他栏目时需要返回商城首页或者切换窗口，给用户增添了些不必要的步骤。 图 4淘宝商城全局导航 (截图日期 20200406) 图 5淘宝商城全局导航路径指引 (截图日期 20200406) 7 二、 分类导航 对于 B2C 商城而言，为了能满足用户的多种需求，让用户能 够快速的找到自己所需的商品，分类导航是不可或缺的，由于每个 B2C 商城的商品不尽相同，所设置的商品分类也肯定会有所区别，但无论是怎样的商品分类导航，都必须做到分类清晰明了，而页面的点击数应控制在三次以内。 图 6京东商城分类导航 (截图日期 20200406) 京东商城的商品分类导航如 图 6 所示，商品是按照种类进行分类的，无需点击，将鼠标移到相应的项目上便会自动展开子项目，子项目则是详尽的类别细分。 点击进入后是类似于搜索结果的页面，用户可按照自己喜好对该页面的搜索结果进行筛选、排序等操作。 并且 分类导航也会随之改变，显示为当前类别下的更为细致的划分，原来的导航自动折叠。 并且在紧靠分类导航栏的上方显示出辅助导航条，以“ ”来对层级进行分割，直观而又形象的从视觉上显示了浏览层次的递进关系，同时也能让用户对自己目前所在的位置一目了然，用户也可通过辅助导航依 次返回上一页、首页，其链接形式采用的是文本而非图片链接，页面如 图 7 所示。 8 图 7京东商城分类导航路径指引 (截图日期 20200406) 淘宝商城 的分类导航 如图 8 所示，其结构 与京东商城类似，其样式相仿，不同的只是商品的分类而已，但是在淘宝的展开 的分类导航的右侧有相应的商品推荐，这点对于用户查找该分类项目下的热门商品和品牌 而言，在很大程度上简化了用户的操作和点击数，显得比较人性化。 当点击其中的任一分类链接时，依旧是在浏览器的新窗口中打开页面，同样也是一个搜索结果的集合页，用户依旧可以根据自己的喜好和习惯对搜索结果进行筛选、排序等基本操作。 在页面的左侧所显示的是该大分类下所有的详细分类，在详细分类的右侧括号内所显示的是匹配的结果数。 图 8淘宝商城分类导航 9 在这个搜索结果页面里，原有的分类导航被替换为了该大类的详细分类导航，如果要重新选择商品 大类，即点击所有商品分类链接时会在新窗口打开页面，这点感觉比较烦人，没有京东的设计人性化和方便 . 如图 9 所示，辅助导航显示在页面紧靠着分类导航栏的右侧， 仍然是以“ ”作为分隔的标志，突显出分类的层次性和逻辑性，点击链接可以返回上一个分类，但是点击 “所有商品分类”链接时依旧是在新窗口中打开页面，在这点上京东的分类导航设计在用户使用体验上要优于淘宝商城，用户无需进行多次的重复和频繁的窗口切换便能跳转到自己需要的信息所在页面上，而淘宝商城则需要较为繁琐的点击才能让用户达到操作的目的。 图 9淘宝商城分类导 航路径指引 三、 网站地图 网站地图（ SiteMap）能将网站内深层次的链接关系以一个扁平的页面呈现出来，能让用户对网站的结构和内容进行快速了解和初步认识，使得用户对网站的各个区域划分的具体位置有个大概了解。 网站地图结构的合理，不仅是对搜索引擎的友好表现，同时也能让用户对整个网站有个初步的印象。 京东商城没有设置网站地图，淘宝商城的网站地图分为五个部分，分别是我是买家、我是卖家、淘宝社区、账号管理以及开放平台。 在每一个部分里面列出了与该分类相关的网站所提供的各项功能，并且以 板块分类的方式展现，每个功能前配 以图片和文字说明，显得更为直观形象，让用户能够很快的找到自己所需的功能。 四、 浏览器兼容性 10 网站的 浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。 由于用户所用的浏览器不尽相同 ，因此对于 B2C 网站而言，应尽可能的保证用户即使使用不同的浏览器也能看到同样的页面显示效果，从而优化用户客户端方面的体验，无论是京东商城还是淘宝商城对四大主流浏览器“ Safari、 Chrome、 IE、 FireFox 的兼容性都很好，页面显示和网站功能都能正常显示和使用。 网 站内容 网站内容架构与界面布局具有紧密的联系，用户的浏览习惯和网站的信息规划是网站界面布局 的依据，合理的网站布局能够将内容有序的呈现给用户，将网站的重要信息放置于页面的重要位置使之能够得到重点体现。 京东商城的网站首页 如图 10 所示：其第一屏中的重要位置放置的是抢购的商品信息，以 幻灯片形式呈现的是一些折扣商品，而广告则放置在页面的两侧。 在抢购专区下面是新品信息和特价专区，依次形成具有层次感得网站页面架构。 对于前来购物的用户，其所关心的内容一般都是特价、折扣和新上市的商品，因此京东商城将这三个方面的内容依 次放置在首页的不同位置，这样对于用户而言，自己所关心的信息能够在最短时间内获得，而不必再去搜索和查找。 图 10 京东商城网站首页 京东商城主要是 3C 产品的销售，因此在网站的显眼位置所放置的商品几乎都是 数码产品，而相对的，服饰、化妆品、食品等则在首页上很难看到，即便是促销、抢购、折扣信息也大多是与数码相关的产品。 11 京东商城在首页的几大主要板块的标签上采用的是相同的背景样式和字体颜色，而在这些板块之下的平行分类的视觉样式也是一致的，并且具有一定的相关性，这样方便了用户的辨认和查找所需信息。 相对的，淘宝商 城同样是把热销品牌和促销活动放在网站的首要位置，也是采用 flash 幻灯片的形式向用户展示商品的销售信息，这种方式的 展现不仅保证了页面的美观，并且相对于文字而言，精美的图片不仅更加直观形象，而且更能激发用户的购买欲望，在一定程度上增加了用户的转化率。 在每一层级的分类版块里，商品信息的呈现方式是一致的，并且具有相关性的分类，在视觉表现方式上也是具有相连性的，这样用户能很容易的将不同的分类信息区分开来，不会视觉上导致混淆，并且给人一种整洁清晰的感觉，整个页面显得较有层次性，即使图片很多的情况下也不会让用户感到杂 乱和太过花哨，并且在视觉上的一致性也保证了页面的整体风格，从而保证了网站页面的整体的美观。 网站交互体验 用户注册 对于一个电子商务类网站而言，注册页面的功能，是用户取得网站会员资格的一个基本途径，因此该页面的设计应在尽可能简洁的情况下去实现注册这个功能，从京东商城 和淘宝商城 的注册页面可以看出 （图 11 和图 12） ，该页面只了包含一些必要的元素，如用户名、密码、邮箱、验证码。 图 11京东商城用户 注册页面 12 图 12淘宝商城用户注册页面 采用简洁的注册页面能很好的避免繁杂的页面给用户带来的恐惧和厌恶感，对于一个新来的用户而言，注册电子商务网站会员的根本目的是为了更方便快速的进行购物，以及享受网站所提供的其他相关服务，因此注册过程因尽量做到简洁和方便，从而节省用户在注册上所耗费的时间和精力。 并且能在当用户对网站产生兴趣，并觉得网站对自己有价值后，只需通过简单的引导，便能让用户对自己的个人资料进行相应的修改和完善，这样既能提升用户的注册体验，又为后续收集更多有更大价值的用户信息做好了基本的准备。 并且在注册过程中对当前注册所填选项的相关细则或者规矩进行了相应的提示，提示信息清晰明确但并不喧宾夺主，其主要颜色为灰色，与标签的颜色有着明显但并不过于巨大的差别，在视觉上对用户不会造成较大的干扰。 如图 13 所示，这是京东商城的注册页面，在用户 名输入框下面，以淡灰色的文字对用户在用户名的填写过程中，所应注意的事项进行了言简意赅的提示，并在输入完毕后对用户名进行一个重复性的检查，如果用户名有重复，则在输入框下以红色文字提醒用户 （图 14） ，这样可以防止用户在填完所有注册所需信息后点击提交后发生错误，从而导致用户注 册失败。 13 图 13京东商城用户名输入框 图 14京东商城用户名重复提示 同样在填写登陆密码时，京东商城会对用户所输入的密码进行一个安全程度的检查，并在输入框下方给与提示，以方便用户对自己密码的强弱性有一个大概的了解 （图 15）。 图 15京东商城密码强度检测 与京东 商城 不同的是淘宝 商城 在用户输入会员名时，如果该会员名和已有的会员名重复，页面上不但会显示会员名已被使用，并且会在输入框下方给出一些系统推荐的用户名 ，如图 16 所示 ，这些用户名是在用户输入的用户名基础上进行一些修改而自动生 成的。 图 16淘宝商城用户名重复提示 而在密码的输入上，淘宝 商城 除了会提醒用户所使用的密码的强度外，还不允许使用全为数字所组成的密码，京东则没有这方面的要求 （图 17）。 图 17淘宝商城密码安全性检测 京东商城的注册只有一步，当用户提交成功后，便跳转到如下页面，点击下面按钮便会自动返回首页 （图 18）。 14 图 18京东商城注册成功页面 而淘宝则会跳转到验证账户信息的页面，并提供了两种验证方式，分别为手机验证和邮箱验证，选择邮箱验证后，会通过短信将校验码发送到用户手机，并在用户输入由短信接收到的 校验码后，再发送激活邮件到用户邮箱，并要求登录邮箱进行账户的激活 （图 19）。 图 19淘宝商城账号激活页面 激活成功后的页面显示如 图 20，在此页面上，显示了用户的淘宝账户名和用户支付宝账户名，并且可查看支付方式。 图 20淘宝商城注册成功页面 根据以上可知，在注册的过程上，京东商城更为简洁，省略了短信校验码和邮箱 \手机激活这两大步骤，但是在注册过程中，淘宝更为人性化 ，在用户名重复问题上采用系统再用户输入的名字基础上提示用户哪些名字还未被注册，这样便省去了用户在去想另外名字的麻烦，而且在密码的要求上， 淘宝更为严格，虽然这样会。