登录 |

打印 | 字体大小：小 大« »

当AJAX被抡圆了用以后….(续，关于TAB)

http://uicom.net/blog/attachments/200701/jiezhi.gif

上次说某些大网站把AJAX抡圆了用，刚才在千鸟处看到一个更有才的! 引发了我把最近看到的怪异TAB都发上来：

新网互联，整个网站没有一个地方不带TAB动作的，连FLASH也一样带TAB动作而且还会自己回来，太佩服了！(大图)

http://uicom.net/blog/attachments/200702/tab_dns.jpg

SINA首页的某个地方。
如此近的一个范围内有两个不同大小 不同形式的搜索，三种不同的TAB出现： 左边是两个小TAB组，右边时一个大的伪TAB(用户看起来像)加一组中号的TAB； 左上第一组TAB需要鼠标点击才能切换，其他两个鼠标经过就切换了。
http://uicom.net/blog/attachments/200702/tab_sina.gif

百度影视，首页左侧。
这个TAB很神奇，我第一次进去的时候花了五分钟才搞明白怎么回事： 进去后看了一眼中间的大图没有兴趣 > 于是就想看看下吧的下载排行 > 鼠标放到”下吧排行”迟缓了一下自动切换了过去，虽然不是很流畅，但感觉不错，我觉得这个”延时”不错 > 瞄了一眼下吧排行，我又想把鼠标放到”免费排行”上看看 > 鼠标放到到”免费排行”老半天才切换过去 > 发现免费的没什么兴趣，继续看下吧排行 > 鼠标放回去”下吧排行”，死活都不切换了！ > 脑袋里迟疑一下后点击鼠标，切换了 > ….
难道一会是鼠标经过一会是鼠标点击？！

观察很大一会后我发现： 原来这个地方的三个TAB会自动切换的，(我一开始把鼠标放上去正好赶上他在自动切换，所以就动了..)，更神奇的是”如果我点击了一次鼠标后”他就再也不自动切换了永远停住了，必须我点击才能切换。(可能是担心”用户鼠标点击过去以后正在看的时候自动切换走了不好”，但右边的大图片却不是这样的机制)
建议：(如果必须要自动切换的话)，把鼠标点击切换换成鼠标经过切换(作延时处理)，鼠标停留在该区域的时候不再自动切换，鼠标离开后继续自动切换。
http://uicom.net/blog/attachments/200702/tab_baiduyinshi.gif

当当网，首页右侧。 (看到当当网的alexa的下降，我们还是没事多说说他们，给他们带点流量过去吧)
一会TAB在框内，一会又跑到框外了。 (没见过号称很NB的网站做到这么粗糙的)
http://uicom.net/blog/attachments/200702/tab_dangdang.gif

关于TAB的设计，云天这里(好像暂时不能访问，可看搜索结果的快照)有过一个比较不错的文章。

分类：UCD ,07/03/16 3:58 上午 | 110,146 次浏览 |

网友评论(18)

  1. xiao d - 07/03/16 8:13 上午

    你真有才啊,这样都可以发出来.发多一点有实质的东西吧.好的网站看www.yahoo.com

  2. 朱亚旭 - 07/03/16 8:22 上午

    最后一句话里 “云天这里” 的连接错了

  3. zj - 07/03/16 8:44 上午

    朱亚旭 – 07/03/16 8:22 AM
    最后一句话里 “云天这里” 的连接错了

    他是故意的，呵呵

  4. 怿飞 - 07/03/16 8:58 上午

    新网互联的确太有才了！

  5. 千鸟 - 07/03/16 9:02 上午

    说新网互联有才是我的版权，请大家注意一下哈。

  6. nightheart - 07/03/16 9:02 上午

    果然
    被骗了….

  7. nightheart - 07/03/16 9:10 上午

    之前给一个小网站做东西的时候写过一个延迟，鼠标在标签上悬停200MS才会触发标签页的更新，避免用户只是鼠标滑过；而且用户已经悬停了200MS，恐怕不会介意之后的数据交互再用100MS（FIREBUG里面显示的…）

  8. G病毒 - 07/03/16 10:46 上午

    果然很有才。。。

  9. yanglei - 07/03/16 11:07 上午

    哈哈 早上在千鸟那刚看完这儿又来一篇···

  10. 白鸦 - 07/03/16 11:26 上午

    云天的链接已经改过来了， 那里有些比较实际的东西， 文章挺不错。
    不过好像他的blog不能访问，大家可以去看搜索结果的快照。

  11. 海涛 - 07/03/16 12:07 下午

    网易的tab的确处理的不错。继首页后，这几天看到娱乐频道（http://ent.163.com）的右上角的头图也由原来的鼠标点击切换新闻，改成鼠标移动到就切换！

  12. xiaodouban - 07/03/16 1:57 下午

    白鸦 我如何联系你啊？今天我才知道yobo为啥好用了…..

  13. 长天暮鼓 - 07/03/16 4:26 下午

    是不是所有网站都适合AJAX呢？

  14. awflasher - 07/03/16 9:46 下午

    第一张图倒是太有才了。

  15. skin - 07/03/17 1:48 上午

    一个字：泛滥

  16. web - 07/03/29 10:24 上午

    呵呵，ajax确实用的太泛滥了。

  17. virginn - 07/03/29 11:22 上午

    “国内的用户体验”就是被你们炒起来的

    一群以用户为中心的人 其实骨子里就是技术崇拜的家伙

  18. Ifan - 07/03/30 1:52 上午

    “国内的用户体验”就是被你们炒起来的–> This is a good sign!!! Let’s make it even stronger! Why not say NO to the thing which can ultimately make your life easier and happier? :)

    There’s a slogan from Nokia said:”Scientific technology is originally come from humanity” I would say, as a true believer and practitioner of user experience design, what we’re doing now is ensuring the humanity and technology has been easily bridged.

发表评论

*必填

*必填 (不会被公开)