网站交互：从淘宝网首页看内容随机展示应用_淘宝首页内容和功能

刀豆文库小编猜你可能喜欢“淘宝首页内容和功能”。

“彤彤酱”为你分享4篇“网站交互：从淘宝网首页看内容随机展示应用”，经本站小编整理后发布，但愿对你的工作、学习、生活带来方便。

篇1：网站交互：从淘宝网首页看内容随机展示应用

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

什么是随机展示?为什么会有这种需求?

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

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

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

篇2：从淘宝网首页看内容随机展示应用交互设计

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

什么是随机展示？为什么会有这种需求？

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

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

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

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

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

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

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

附带几个棒子网站地址，感兴趣的同学可以看看：

http://www.11st.co.kr

http://www.bandinlunis.com

http://www.shilladfs.com

http://www.lotte.com

篇3：网站的首页一定要展示网站的优质内容

网站建设是一件复杂的事情，站长要考虑的方面很多，除了外部优化还要做好内部优化，只有内外优化结合进行，网站的发展才会更好，少数站长在优化网站的时候，只注意外部的优化建设，却忽略了网站内部的优化工作，48论坛这里就简单谈谈，内部优化中“要把优质的内容展现在网站的首页”，也就是把优质的网站内容放到显眼的地方，让用户一眼就能瞧见。

要把重要的内容放到网站的首页，就要站长或策划人员事先考虑到才行，因为这些内容放在网站的深处，一般的用户是很难看到，对于新站长更是如些，用户对新站长的要求会更高，不太可能花太多时间来浏览这样的网站，更不容易进入网站的深层版块，就找不到用户想要的有价值的内容，所以重要内容要放在网站的首页，就是这样一个道理。也是站长们常说的用户体验的一个方面，也便于搜索引擎抓取。

网站方向

这里就结合48SEO论坛首页的布局，来谈谈“优质的内容展现在网站的首页”的重要性，论坛是以版块为主，优质的主题一般是在版块下面，默认情况下打开网站的首页，是不可能看到这些主题，这就要求站长设计几个展示优质主题的地方。48SEO论坛就在首页利用了DIY的模板来体现，因为本论坛主要是“新人交流”、“搜索引擎”和“SEO杂谈”是网站的重要版块，又由于网站是以SEO建设为主体方向，所以最重要的是“SEO杂谈”版，一般情况通过网站的标题就知道网站的发展方向，

现在论坛竞争很激烈，引擎和用户对论坛主题的要求也更高，他们越来越重视图文结合的主题，站长都知道图文结合的主题，能给用户以美感的心理，减少用户浏览网页的疲劳等，所以网站就要创作一些优质的图文结合的主题帖子。好的图文帖也是要展示给用户看，就要调用到网站首页显眼的位置，因而就在模板的最左上方展示“图文帖”，当然要把图片的ALT属性设置好才行，图文帖的截图如下。

篇4：从博客的角度看网站内容的

很多站长可能都有自己的个人博客,如果是独立域名,可能会发现,自己的网站PR值升的特别快,并且ALEXA排名也上升的很快.小沈阳兰花指一点:这...

很多站长可能都有自己的个人博客,如果是独立域名,可能会发现,自己的网站PR值升的特别快,并且ALEXA排名也上升的很快.小沈阳兰花指一点:这是为什么呢?

我想可能是基于两个方面.一,内容,二,友情链接.

一,首先说内容,自己写博客,内容的原创性毋庸置疑.都是自己的东西,有人就不服气了,我的博客就不是自己的东西,他的排名不也高高的?这你可就错了,就是你转载的东西,大多人也会有种占有欲,添那么一两个字,弄成是自己的东西.并且博客的更新速率快,所以蜘蛛大哥也就忙的很.

二,友情链接.博客的外链分为两种,一是友情链接,二是转载得到的链接.友情链接大多也都是博客,所以蜘蛛大哥就跑的勤.这也就是增加蜘蛛访问率的好方法.而,转载得到的链接,就能够很大程度上增加自己的PR值.这对站长来说很重要.例如自己有了个新站,PR一直上不去,用自己的博客链接一下,上升的速度可能要快些.

今年年中,流传一个帖子,说是国内几个着名的PR7的博客,我想他们的秘诀可能就在这里.

接下来说到网站内容的原创,很多站长最头疼的可能就是这个,这比JJ起不来还可怕.我想说,没关系!不是每个人都是技术出身,你要想做原创内容,必须要低下头,静下心来.原创也就不那么可怕.我举个例子来说啊,别人是做手机技术的网站,OK,别人有技术,我没有,我勤奋一点,天道酬勤嘛.咕~~(�s�n�t)b.我把别人的技术贴子整理一下,这反过来可能就是当初hao123的思路,我没有技术,那么我可能整理别人的技术性的东西.整理以后,这就是属于自己的东西了,因为是自己辛苦整理的.还有什么设计站了,行业站了,等等,不要总想着流量,而把所有有用的东西都分开来,那样是技术站的做法,而没技术的只能从整合下手了.

你还想听嘛?且听下回分解.

厚诚集智 成长无限 企业大学网 www.51hlhu.com