从淘宝网首页看内容随机展示应用

开始之前先解释下相关概念，当然都是按自己的理解杜撰的。

什么是随机展示？为什么会有这种需求？
从下图可以看到，现在的网站，特别是电子商务网站，都有内容切换模块。基本上分为两种，一种是tab内容切换/js轮转切换，都是用户可以 手动点击切换或 自动切换，用户可以查看所有内容，但一次只能查看一个单元内容，称之为“显性隐藏”；一种是没有切换按钮，后台有一个一定容量的内容池子，在当前模块区域 内只能显示固定数量的内容，除非用户刷新网页，用户看不到其余的内容，称之为“隐形隐藏”。

不管是显性隐藏还是隐形隐藏，都需要用户交互互动后才能看到全部内容或者更多内容，即使是自动切换的也是需要用户等待一段时间才能达到前面的目标（看到全 部内容或者更多内容）。但从数据统计来看，没有交互的设计才是最好的，因为用户真的很“懒”，没有多少人原因去点击切换，有隐藏等交互的内容区域，除去设 计和内容的因素之外，往往第一个显示模块的点击率比其它的内容要高很多。

在这种情况下，如何保证每个切换模块的内容的展示机会均等？那就是随机展示，不管是显性隐藏还是隐形隐藏，通过程序来控制每次用户第一次 打开的内容 都是不一样的，这样就能保证自然状态下，每个内容的展示机会是均等的，从而避免从宏观上来看很多内容根本就没有和用户见面的机会。

说了这么多，回归正题来看看淘宝首页是怎么做的，从截图来看，淘宝首页一共有10个显性隐藏或者隐形隐藏区域（有广告图片、促销信息、单品、功能， 但都可归类为内容），基本上都是采用随机展示的方式来保证每个内容模块的展示机会是一样的，大家可以手动刷新看看，每个显性隐藏或者隐形隐藏区域第一次展 示的内容都是不一样的。

对于上面的情况做了个统计 Tiffany Cufflinks，从统计情况看显性隐藏中有不同的切换方式：

不过一个页面有这多的隐藏展示区域，个人感觉从易用性来说并不好，还是要掌握好一个度，毕竟用户“懒”是一个方面，另一方面太多的隐藏内容也会影响 加载速 度。特别是自动切换的展示方式更应该慎用，如果一屏之类有太多的动态切换，对用户干扰太大。当然自动切换的方式也有很多种，国内的都喜欢带点动画，要么上 下要么左右，动作挺大的，一屏之内如果超过2个区域都这样子的话，用户就很难集中精力去看他想看的内容了。关于这一点，棒子做的比较好，尽管棒子的网站从 上到下都是隐藏/显示的区域，但人家的切换方式比较低调，只换内容，不带动作，就是简单的显示隐藏切换，这样视觉上来看变化不大，甚至有时候悄无声息的。 当然从网站定位来看，taobao 首页作为超级入口，又有超级多的用户做后盾，有这么多的隐藏切换区域也很正常。而棒子的网站另当别论，可能棒子用户适应 这样的感觉，再说人家的带宽也够给力。

可以看个棒子的网站，首页居然有13个隐藏展示区域，当然都是采用随机方式，切换方式很低调，显示和隐藏，不带过渡动画。