这部分的设计比上次我介绍的ProFlowers.com的下面部分SEO更加的好，因为一般的SEO文字，对访客而言是没有什么
可读性、可用性的。但是这部分的设计兼顾了SEO和用户体验，值得我们在设计上借鉴。
对比essentialdayspa.com下面部分的关键词堆砌，这里显然高明得多。
3. 这部分是邮件订阅登记用，我个人觉得邮件订阅就应该独立占据一行，比藏在一个
角落好多了。这个功能其实对
提供转换率很有帮助，只是目前在国内并不太重视，又或者做得不好。
4.3. 一级目录主页（Category Page） 4.3.1. 概述
类别页又被称作：子栏目起始页、一级目录主页、商品门类页等。 类别页为网站各个一级目录分别提供总览，它们常与主导航一一对应。在很多电子商务站点，甚至每个一级目录主页的设计都采用不同的模板，无论从颜色、排版都不一样，针对访问不同目录的不同顾客群进行更加细化的定制。
4.3.2. 功能规划
除了和主页公共的头部和底部外，一级目录主页有它特有的一些功能： 1. 该一级目录的子目录导航。 2. 该一级目录下的品牌导航。
3. 该一级目录的主广告，指向该一级目录或者子目录下面的产品。
4. 该一级目录及其子目录的推荐产品列表。如：热卖、新到、特色、特价、销售排行、
精选、促销专题等。
对于第4项，某些站点并不采用，直接用一张大广告代替，将产品列表的功能交给产品列表页来处理。
4.3.3. 参考站点
? Gap.com
进入Women一级目录，该页面并没有显示任何产品，只是一副大广告，对于服装类站点，因为时尚元素比较强，这种前卫的设计可以考虑采纳。
《B2C电子商务系统规划与设计完全手册》 11 / 49
颜超敏：www.2ecommerce.cn（个人博客）
? Joyo.com(Amazon.cn)
下图是图书目录主页，很长，我截了一半，从图中可以看到左侧是图书下面的子目录导航。中间部分是图书的大广告。下面和右侧都是各类产品推荐栏目，包括热门新书、精选好书、童书精选、销售排行、促销与书讯、最新专题等等。
《B2C电子商务系统规划与设计完全手册》 12 / 49
颜超敏：www.2ecommerce.cn（个人博客）
4.4. 产品列表页（Product List Page） 4.4.1. 概述
产品列表页与一级目录主页相似，但推荐分类不再是该页面的重点，总览该目录下所有产品才是重点。
但如果该目录下面有很多产品，一下子全部列出来显然不是办法，所以必须提供分页，但即使提供了分页，一页一页的往下翻，作为顾客，也只能祈求自己运气足够好，能够在茫茫产品海洋中撞到自己中意的产品。
所以在产品列表页，处理必须提供的列表展示和分页外，重点在于收窄结果集（Narrow By）的功能的设计。只有提供好用的的收窄结果功能，顾客才能在最短的时间内找到合适自己的产品，从而提供转换率。
《B2C电子商务系统规划与设计完全手册》 13 / 49
颜超敏：www.2ecommerce.cn（个人博客）
4.4.2. 功能规划
1. 2. 3. 4.
产品列表展示，包括列表式和橱窗式展示。 分页功能。
排序功能：如按价格高低、按上架时间、按销售数量和按其他特定属性排序等。 Narrow By：如价格区间、品牌、尺寸、颜色、折扣、包装、特定属性等。 【设计重点】
4.4.3. Endless.com收窄搜索(Narrow By)功能赏析
1. 前言
收窄搜索（Narrow By）结果功能在电子商务、搜索引擎、内容发布类等多种类型的站点都会出现它的身影。
而对于产品线丰富的电子商务站点而言，设计方便高效的Narrow By功能，可以让访客精准得找到他心仪的产 品，有助于尽快达成交易。
2. 层级结构和分面结构
谈到电子商务网站的收窄搜索功能，这涉及到网站的信息结构的规划。一般而言，电子商务网站都提供层级 结构，如下图：
《B2C电子商务系统规划与设计完全手册》 14 / 49
颜超敏：www.2ecommerce.cn（个人博客）
访客要找到目的产品只能一层一层的前进：主页->服装->男鞋->男鞋展示页->男鞋产品页。
但是如果男鞋目录下有大量的产品，访客要找到自己中意的产品只能下一页下一页的遍历该展示页 下的产品，工作量不可谓不大。如果再在男鞋下面再划分子目录，如沙滩鞋、商务鞋、休闲鞋等，这样会导致网站的层次太深，这违背了层次设计的原则——一般不要超过3层。
所以，当遇到这种情况时，就应该考虑增加分面结构来组织产品了。按照该类产品访客看重的特征和属性来提供Narrow By功能，这样 访客在产品展示页可以直接点击Narrow By的查询项，在不跳离展示页的情况下通过Ajax等技术 手段一步步的收窄搜索结果，很快就能精准的查询到目标产品。
3. Endless.com's Narrow By 功能
《B2C电子商务系统规划与设计完全手册》 15 / 49
颜超敏：www.2ecommerce.cn（个人博客）
B2C电子商务系统规划、业务研究与设计 - 图文
