二、分类导航
对于B2C商城而言，为了能满足用户的多种需求，让用户能够快速的找到自己所需的商品，分类导航是不可或缺的，由于每个B2C商城的商品不尽相同，所设置的商品分类也肯定会有所区别，但无论是怎样的商品分类导航，都必须做到分类清晰明了，而页面的点击数应控制在三次以内。
图6-京东商城分类导航(截图日期2011-04-06)
京东商城的商品分类导航如图6所示，商品是按照种类进行分类的，无需点击，将鼠标移到相应的项目上便会自动展开子项目，子项目则是详尽的类别细分。
点击进入后是类似于搜索结果的页面，用户可按照自己喜好对该页面的搜索结果进行筛选、排序等操作。并且分类导航也会随之改变，显示为当前类别下的更为细致的划分，原来的导航自动折叠。并且在紧靠分类导航栏的上方显示出辅助导航条，以“>”来对层级进行分割，直观而又形象的从视觉上显示了浏览层次的递进关系，同时也能让用户对自己目前所在的位置一目了然，用户也可通过辅助导航依次返回上一页、首页，其链接形式采用的是文本而非图片链接，页面如图7所示。
7
图7-京东商城分类导航路径指引(截图日期2011-04-06)
淘宝商城的分类导航如图8所示，其结构与京东商城类似，其样式相仿，不同的只是商品的分类而已，但是在淘宝的展开的分类导航的右侧有相应的商品推荐，这点对于用户查找该分类项目下的热门商品和品牌而言，在很大程度上简化了用户的操作和点击数，显得比较人性化。
当点击其中的任一分类链接时，依旧是在浏览器的新窗口中打开页面，同样也是一个搜索结果的集合页，用户依旧可以根据自己的喜好和习惯对搜索结果进行筛选、排序等基本操作。在页面的左侧所显示的是该大分类下所有的详细分类，在详细分类的右侧括号内所显示的是匹配的结果数。
图8-淘宝商城分类导航
8
在这个搜索结果页面里，原有的分类导航被替换为了该大类的详细分类导航，如果要重新选择商品大类，即点击所有商品分类链接时会在新窗口打开页面，这点感觉比较烦人，没有京东的设计人性化和方便.
如图9所示，辅助导航显示在页面紧靠着分类导航栏的右侧，仍然是以“>”作为分隔的标志，突显出分类的层次性和逻辑性，点击链接可以返回上一个分类，但是点击 “所有商品分类”链接时依旧是在新窗口中打开页面，在这点上京东的分类导航设计在用户使用体验上要优于淘宝商城，用户无需进行多次的重复和频繁的窗口切换便能跳转到自己需要的信息所在页面上，而淘宝商城则需要较为繁琐的点击才能让用户达到操作的目的。
图9-淘宝商城分类导航路径指引
三、网站地图
网站地图（SiteMap）能将网站内深层次的链接关系以一个扁平的页面呈现出来，能让用户对网站的结构和内容进行快速了解和初步认识，使得用户对网站的各个区域划分的具体位置有个大概了解。网站地图结构的合理，不仅是对搜索引擎的友好表现，同时也能让用户对整个网站有个初步的印象。
京东商城没有设置网站地图，淘宝商城的网站地图分为五个部分，分别是我是买家、我是卖家、淘宝社区、账号管理以及开放平台。在每一个部分里面列出了与该分类相关的网站所提供的各项功能，并且以板块分类的方式展现，每个功能前配以图片和文字说明，显得更为直观形象，让用户能够很快的找到自己所需的功能。
四、浏览器兼容性
9
网站的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。由于用户所用的浏览器不尽相同，因此对于B2C网站而言，应尽可能的保证用户即使使用不同的浏览器也能看到同样的页面显示效果，从而优化用户客户端方面的体验，无论是京东商城还是淘宝商城对四大主流浏览器“ Safari、Chrome、IE、FireFox的兼容性都很好，页面显示和网站功能都能正常显示和使用。
3.1.4 网站内容
网站内容架构与界面布局具有紧密的联系，用户的浏览习惯和网站的信息规划是网站界面布局的依据，合理的网站布局能够将内容有序的呈现给用户，将网站的重要信息放置于页面的重要位置使之能够得到重点体现。
京东商城的网站首页如图10所示：其第一屏中的重要位置放置的是抢购的商品信息，以幻灯片形式呈现的是一些折扣商品，而广告则放置在页面的两侧。在抢购专区下面是新品信息和特价专区，依次形成具有层次感得网站页面架构。
对于前来购物的用户，其所关心的内容一般都是特价、折扣和新上市的商品，因此京东商城将这三个方面的内容依次放置在首页的不同位置，这样对于用户而言，自己所关心的信息能够在最短时间内获得，而不必再去搜索和查找。
图10京东商城网站首页
京东商城主要是3C产品的销售，因此在网站的显眼位置所放置的商品几乎都是数码产品，而相对的，服饰、化妆品、食品等则在首页上很难看到，即便是促销、抢购、折扣信息也大多是与数码相关的产品。
10
京东商城在首页的几大主要板块的标签上采用的是相同的背景样式和字体颜色，而在这些板块之下的平行分类的视觉样式也是一致的，并且具有一定的相关性，这样方便了用户的辨认和查找所需信息。
相对的，淘宝商城同样是把热销品牌和促销活动放在网站的首要位置，也是采用flash幻灯片的形式向用户展示商品的销售信息，这种方式的展现不仅保证了页面的美观，并且相对于文字而言，精美的图片不仅更加直观形象，而且更能激发用户的购买欲望，在一定程度上增加了用户的转化率。
在每一层级的分类版块里，商品信息的呈现方式是一致的，并且具有相关性的分类，在视觉表现方式上也是具有相连性的，这样用户能很容易的将不同的分类信息区分开来，不会视觉上导致混淆，并且给人一种整洁清晰的感觉，整个页面显得较有层次性，即使图片很多的情况下也不会让用户感到杂乱和太过花哨，并且在视觉上的一致性也保证了页面的整体风格，从而保证了网站页面的整体的美观。
3.2 网站交互体验 3.2.1 用户注册
对于一个电子商务类网站而言，注册页面的功能，是用户取得网站会员资格的一个基本途径，因此该页面的设计应在尽可能简洁的情况下去实现注册这个功能，从京东商城和淘宝商城的注册页面可以看出（图11和图12），该页面只了包含一些必要的元素，如用户名、密码、邮箱、验证码。
图11-京东商城用户注册页面
11