现在来说,选卡已经是非常常见,但是对于这种常见的控件,最出明的选卡莫过于Amazon,当时选卡导航风靡一时。 在选卡的做法上却有小小差别。 有延时还是没有延时? QQ弹窗 这个相信是大家最常见的,上面大量的应用了选卡,而且最近变成了又双层的。 当鼠标移上时会立即转换,没有延迟。但是这种做法经常使我们要小心翼翼。 但是事实上鼠标通用是乱飞的,在屏幕上没有一定的规律,而且速度很快,这样会造成经常不能准确点到自己想要的新闻,通常都会碰到选卡,而它则会瞬间切换。 个人还是喜欢以前能点击的时代。 MSN弹窗 MSN做法有少少差别,鼠标在选卡内停留不到1秒时切换(有少少延迟),这样做法可以提高精准度,使用用户“所见即所得”但是又不会造成太大的干扰。 延迟多久才好? MSN 新的MSN.com改版后,也是大量应用了选卡 同样选用延迟触发,延迟时间大约为1秒。 这种这大量选卡,1秒的时间还是非常合理,因为你不知道鼠标什么时候就飞到哪个选卡上。 Yahoo 我觉得Yahoo做选卡一直比较好,这个新闻栏的选卡同样有一定的延迟,鼠标快速掠过是不会快速切换,但是Yahoo在延迟时间上掌握的更精准(小于800ms),好像他知道你什么时候要切换! 这选卡上是需要点击才触发的 上面选卡的点击触发,同时也是因为其侧栏拥有高触发频率(即时触发),这样避免了鼠标快速移动而造成不必要的触发事件,使整个页面跳动太大。 小结 选卡的应用,可以另页面展示更多的信息,扩大信息量。并且增加信息堆放的合理性。 然而大量的信息同样纯在着相互干扰,弄不好会使用户比较茫然。大量快速切换也会造成一定的心理负担。 一个网站不是独立的一个控件组成的,所以每个控件之间有着必然的联系,只有符合整体信息编排,使用户感友好就是好的选卡,延迟与否只是达到目的的一个效果。
话说选卡(Tab)
星期六, 十月 9th, 2010Google首页添加图片背景
星期四, 六月 3rd, 2010(图片来源于网络) 最近Google(美国)可以在首页自定义背景图片,第一眼感觉就是Bing,因为Bing是最先采用这种方法的搜索引擎。 其实巨幅背景图片在Web2.0时代已经非常流行,特别是一些博客与Cool站都会这样应用,美观而且很是吸引眼球。但是对于这种图片背景还是非常耗资源的。所以规模性的应用肯定有弊端。 个人觉得Bing这种做法非常好,第一非常美观,第二丰富资讯量;其次大家都有儿童的心里,看图说话是最好的理解方法,也是接收信息最容易而且记得更牢。 当然每个国家会因为语言不同生活习惯不同所以页面布局甚至图片都有不同,下面我们来看一下各国不同的搜索首页: Google Google中国 Google韩国 – 韩国的小像素图标做的真是好,最有印象的就是当初雅虎首页那丰富的图标导航 Google日本 Bing中国 Bing美国 – 多了左导航 Bing香港 – 去掉了下面的资讯 Bing阿拉伯 – 除了对齐都是向右的外,没有背景图 Bing韩国 – 异常丰富的资讯,最有意思的就是右边的实时结果(始终没找到Bing的韩国首页一直都是联合搜索) Yahoo的搜索页面 Yahoo中国 Yahoo韩国 老Yahoo搜索(现在还能访问) 乱码Yahoo… …囧 baidu
Professional Frontend Engineering
星期四, 十二月 31st, 2009视频&PPT Nate Koechley: "Professional Frontend Engineering" @ Yahoo! Video Professional Frontend Engineering View more documents from Nate Koechley. 由Yahoo前端工程师Nate Koechley演讲。深入的讲解了什么是前端工程师。 前端工程师需要了解的领域与相应的技能、为什么需要高级前端工程师。 整个谈话的四个部分: 透视历史 我们的信念与原则 知识与最佳实践区 为什么这是所有事项? Y.Jiajia:前端工程师不仅仅是来写HTML\CSS\javascript的,更多更重要的角色需要从整个行业入手,使我们的网站前端战线更安全、更友好,这些都是需要前端人员考虑的事项。
Google搜索新功能-SearchWiki
星期四, 五月 7th, 2009刚才一用Google搜索,感觉有些变化,仔细一看感觉跟Yahoo的Search Gallery很像,但是Google的功能更丰富一些,更加互动。也许搜索2.0时代在这个金融危机下已经悄悄来临。 对了,这个功能只能在Google.com上体验得到,在Google.cn是没有这一功能的。 Google 排名上升 删除搜索结果 评论 评论后与Friendfeed的评论很像,据说Friendfeed是Google的几个工程师做的,现在这个功能被用到Google上了。 Google真是把互动准备做到极致,竟然可以这样自定义。 Yahoo Yahoo的功能现在只对wikipedia.org的页面会有这样的提示,其实就是向Yahoo发一条信息,说明自己不喜欢这条结果,我搜索时下次不要再出现了。 而Gallery View Options则提供更加详细的搜索结果,与上面提到Google的SearchWiki大同。 2.0这一词大家现在已经见怪不怪了,但是当搜索也2.0时,是否标志着SNS的模式已经成熟?大家可以拭目以待了。
