彬Go

关注前端开发/网页设计/网站可用性/用户体验

最权威的Google排名算法解密

  说它最权威是因为是Google工程副总裁,负责排名算法的Udi Manber,发表在Google官方博客的一个帖子。下面捡主要内容翻译一下,想看完整原文的请参考Google官方博客Google 搜索质量简介。

  搜索质量组是Google内部负责搜索结果排名的。每天Google处理无数查询,Google需要在不到一秒的时间内从数以亿计的网页中选择出应该返回哪些,以及以哪样的顺序显示。

  Google对排名算法一直都比较保密,主要原因有两条:竞争及防止被滥用。

  Google排名算法的细节是Google皇冠上的珍珠,我们以它为傲,并且非常注意保护。但是完全保密有时候也不是理想状况,所以Udi Manber等人决定与站长多沟通,谈一谈有什么新鲜事,解释一些老的内容,给点建议,参与对话等。这篇帖子是第一篇,以后还会有其他内容。

  这个部门的心脏是核心排名小组。排名是相当困难的,比大部分人所想象的更困难。其中一个原因是语言都是模棱两可的,文件也没有任何规则,怎样理解信息没有标准。所以我们需要理解任何人,因为任何原因所写的任何网页。这只是一部分。我们还需要理解用户的查询,再将查询投射到我们所理解的文件上。更不要说不同的人有不同的需求。而且我们需要在几毫秒之内完成这一切。

  Google排名算法最出名的部分就是PageRank。PR现在还在使用中,不过已经是一个更大的一系统中的一部分。其他部分还包括语言模块(处理短语,同义词,方言,拼写错误等的能力),查询模块(不仅仅是语言,还包括人们怎样使用语言),时间模块(有的查询返回一个30分钟前刚创作的网页最合适,有的时候返回已经存在很长时间的网页更合适),个性化模块(不是每个人都需要相同的东西)。

  另外一个组负责评估我们做的怎样。目标是改善用户体验,这不是主要目标,而是唯一的目标。有每分钟进行的自动评估,阶段性整体质量评估,更重要的还有个别算法调整的评估。当某个工程师有个好主意,开发一个新算法后,我们对这个主意进行测试。一组统计学家会检查数据,确定这个新主意的价值。

  2007年,我们做了450次以上的调整,差不多每个星期9次。比如今年1月份,我们对PR算法做了大幅调整。大多数时间我们都是寻找相关性改善的方法,有时我们也致力于简化算法,简单就是好的。(Zac的注释:关于简化算法这句话,是紧接着PR算法调整之后说的,不确认他是讲简化了PR算法,还是说笼统的对算法的简化。我的感觉是PR算法确实有了很大的改变。给我的感觉是,基本上给我们看的工具条PR是不准的,尤其很多该有PR值得内页显示PR为零。也许这就是Udi Manber所说的算法简化造成的。)

  在过去两年中,国际搜索是我们的主要焦点之一,包括所有的语言,而不仅限于主要语言。

  另外一个小组专门负责新功能和用户界面。Google的用户搜索界面相当简单,当我们增加新功能时,尽量确保对用户来说是简单易用的。在过去一年中,主要的改变包括通用搜索,Google Notebooks,自定义搜索引擎以及iGoogle的改进。用户界面小组有一组易用性专家,在辅助研究用户及评估新功能。

  还有一个小组专注于反垃圾和其他各种被滥用的技巧,这也就是Matt Cutts所负责的小组。这个组识别新的垃圾技术,并且以可扩展的方式克服这些垃圾。和其他组一样,这个组也是要处理国际多语种。反垃圾组与Google站长工具组紧密配合。

  还有其他专门的项目组。整体来说我们的组织结构相当非正式,人员调动频繁,新项目也随时开始。

10个不为人知的Google失败作品

  毫无疑问,Google是当今世界上最成功的互联网公司之一,但是Google也曾推出过一些失败的实验品。还记得Google Accelerator,那个号称能够加速网页浏览的免费工具吗?,Google Answer也因为它的付费模式而不得不退出了产品线。其实Google Video本可能成为这个清单中的一员,不过财大气粗的Google对Youtube的成功收购应证了这样一句话:“如果你竞争不过一个公司,那就买下它”。以下的10个Google失败作品中,有些仅仅出现了一天就消失在公众的视线之中了,幸运的是,某些有心人把他们存在的记录保留了下来。

  也许在Google Labs里面,还存在着更多的昙花一现的的实验品。废话不多说,一起来看看吧。

阅读全文继续阅读全文 » »

谷歌战胜雅虎 美国用户满意度第一

  在美国密歇根大学开展的“美国客户满意度指数”调查中,谷歌扩大了其网络领先优势,从雅虎手中夺回了业界满意度指数最高的荣誉。

  该项调查的参与人数为3000人。根据感知质量、期待和抱怨分级,由受访对象对企业进行打分,企业获得的满分是100分。

  咨询厂商ForeSee Results的首席执行官拉瑞·福雷德说,调查显示,越来越多的人不再仅仅是使用谷歌的搜索服务,而开始转向使用谷歌的电子邮件、网络地图和新闻服务 了。“谷歌的创新不仅表现在公司的运营方式上,还表现在应用软件上。人们很喜欢谷歌提供的优于雅虎等公司的一些服务。”

  在这项调查中,谷歌得86分;雅虎得77分;微软得76分;Ask.com得74分,AOL得69分。

  谷歌得分还高于如迪斯尼的ABCNews.com和时代华纳的CNN.com等新闻站点的得分。

  福雷德说,谷歌在“美国客户满意度指数”调查中获得最高分证明了用户对谷歌的持续满意。他说,从企业角度出发,最重要的是让客户满意,因为只有客户满意了,企业才会获得更高的客户忠诚度,在客户之间树立起良好的口碑。

美学设计—黄金分割与九宫格

  构图一词是英语COMPOSITION的译音,为造型艺术的术语。在《辞海》中,谈到“构图”为艺术家为了表现作品的主题思想和美感效果,在一定的空间,安排和处理人、物的关系和位置,把个别或局部的形象组成艺术的整体。在中国传统绘画中称为“章法”或“布局”。

首先说构图里的分布和造型,这里不得不提到2个名词:九宫格和趣味中心

  经典的黄金分割,松鼠的前面留出空地,若有所思的生态跃然纸上,令人忍俊不禁

  说九宫格前先说著名的黄金分割

  自从古希腊人发现黄金分割以来这种比例就被认为是美学的最佳比例而得到广泛的应用。

  其实黄金分割是造型艺术中的一种分割法则。亦称黄金分割率,简称黄金率。它的分割方法为,将某直线段分为两部分,使一部分的平方等于另一部分与全体之积, 或使一部分对全体之比等于另一部分对这一部分之比。即:在直线段AB上以点C分割,使(AC)2=CB×AB,或使AC∶AB=CB∶AC。

  抽象主义摄影大师兰克运用的黄金分割

  实践证明,它的比值约为1.618∶1或1∶0.618,被称为黄金比。黄金比最早是由古代希腊人发现的,直到19世纪被欧洲人认为是最美、最谐调的 比例。黄金比广泛用于造型艺术中,具有美学价值,尤其在工艺美术和工业设计的长和宽的比例(如书籍开本)设计中容易引起美感,故称为黄金分割。20世纪 中,法国建筑师Le科布西埃发现黄金比具有数列的性质。他将其与人体尺寸相结合,提出黄金基准尺方案,并视之为现代建筑美的尺度。法国还产生了冠名为黄金 分割画派的立体主义画家集团,专注于形体的比例。

  在实际运用中,黄金比多只采用近似值。最简单的方法是按照数列2、3、5、8、13、21……得出2:3、3∶ 5、5∶8、8∶13、13∶21等比值作为近似值。这种分割方法亦用于优选法。

  再说说九宫格,九宫格的源头可是我们中国人发明的一种构图模式,但巧的是它与黄金分割有着惊人的理论联系!大家们把画面的上下左右用黄金分割来做出4条线,我们惊奇的发现这就是我国古人所说的九宫格!

  看,整个主体分布在2和黄金分割线上

  人们发现在九宫格的4条线交汇的4个点是人们的视觉最敏感的地方,在国外的摄影理论里把这4个点称为“趣味中心”。顾名思义,被反复证明的是当被摄主体处于或发布在这4个点附近最容易得到“眼球”

  下面是摘自另一篇文章<设计和谐画面 浅谈黄金分割与摄影构图>关于黄金分割的算法

原理1

  如图A:“黄金分割”公式可以从一个正方形来推导,将正方形底边分成二等分,取中点X,以X为圆心,线段XY为半径作圆,其与底边直线的交点为Z点, 这样将正方形延伸为一个比率为5:8的矩形,(Y’点即为“黄金分割点”), A:C = B:A = 5:8。幸运的是,35MM胶片幅面的比率正好非常接近这种5:8的比率(24:36 = 5:7.5)

原理2

  如图B:通过上述推导我们得到了一个被认为很完美的矩形,连接该矩形左上角和右下角作对角线,然后从右上角向Y’点(黄金分割点,见图A)作一线段交 于对角线,这样就把矩形分成了三个不同的部分。现在,在理论上已经完成了黄金分割,下一步就可以将你所要拍摄的景物大致按照这三个区域去安排,也可以将示 意图翻转180度或旋转90度来进行对照。

给一个鲜花网站设计的首页效果图

这是我曾经为一个鲜花网站设计的首页效果图,颜色摒弃普通的绿色,而使用了更能代表植物的绿。


点击可以查看清晰大图

下面是配色表。

鲜花网站-配色表

十个受欢迎的博客标题格式

世界著名博客的55篇经验之谈系列之十一:十个受欢迎的博客标题格式

如今,你看了太多类似的标题,像“如何……” 或者“……头条新闻”,希望换换口味?让我们尝试一些新的标题,给你的博客增加些新鲜血液。

1. 谁还需要……
用“谁还需要……”这样的标题,这是一个很好的社交策略,它暗示了一个已经存在的大众需求。这个策略在网络营销领域已经使用过度了,但在其他领域还是很有有效的。
谁还需要一个优秀的博客模版?
谁还需要一个高薪工作?
谁还需要一个轻松和有趣的假期?

2. ……的秘密
这个经典标题应用很广,因为它很有效。它是把圈内人的知识分享并给读者带来价值。
播客成功的秘密
在诉讼中保护资产的秘密
核准住房贷款的秘密

3.帮助……做……的方法
直接分出你的目标读者,还有你带给他们的价值。
帮助房主节省保险费的方法
帮助孩子学会快速阅读的方法
帮助作者撰写优秀博客标题的方法

4. ……不为人知的方法
同样达到”……的秘密”这样的标题的效果,可能还更好。
节省暖气费的不为人知的方法
Google Gmail的不为人知的使用方法
快速安全减肥的不为人知的方法

5. 一劳永逸的解决……问题
一个经典的标题格式,它指出了一个令人痛苦的难题,还表达了读者对解决问题的渴望。
一劳永逸的解决工作低效问题
一劳永逸的解决地毯污渍问题
一劳永逸的解决发型问题

6. ……的捷径
人们喜欢轻松快捷完成的一个繁琐的事情。
治疗感冒的捷径
教育晚辈的捷径
备份硬盘的捷径

7. 现在你能够……
经典的标题格式,给人一块点心吃——谁能不喜欢呢?
现在你能停止工作并赚更多的钱
现在你能在网上免费观看单打比赛
现在您能拥有一个运行Windows的苹果电脑

8. 像……那样的……
像外交官那样的讲西班牙语
像李斯特那样的博客

9.拥有令人骄傲的……
拥有令人骄傲的孩子
拥有令人骄傲的笑容
拥有令人骄傲的博客网

10.每个人应该知道的……
这样的标题会引起强烈的好奇心,人们会打开网页,看看是否自己遗漏了什么东西。
每个人应该知道的ASP
每个人应该知道的可变利率贷款
每个人应该知道的标题写作技巧

英文原文:10 Sure-Fire Headline Formulas that Work

  这次是我业余威克生涯的第三次中标,而且是一次中了两标,不过都是属于同的个网站的项目,分别是”My Language Town网站风格美工设计“和“ mylanguagetown.com的Logo设计”,这两个项目一开始本来是放在同一个竞标任务中进行的,不过后来发布者由于对大家的LOGO设计不太满意,有单独出了个竞标项目~呵呵

先放上来这个网站竞标前的样子,的确很”二”:

web2-0-改版
点击缩略图查看清晰效果图

  项目的要求就是按照原有的布局进行优化,如文字风格,导航条风格,按钮风格等。

我的设计初稿:

web20-网页设计-改版
点击缩略图查看清晰效果图

  客户的评价:总体来说还可以,其中Logo和导航条设计我感觉可以更好一些 我们是个服务型网站,所以我倾向于类似Youtube或者alibaba这样的导航 另外,找人搜索部分的Seach按钮最好不要跟边框放在一起,做页面的时候不好处理。或者就不要边框

根据他的评价开始第二稿的设计(修改):

web20-网页设计
点击缩略图查看清晰效果图

客户评价:比较接近我们的期望,建议可以尝试一下其他配色方案

web20-网页设计-效果图
点击缩略图查看清晰效果图

也曾经尝试过其他配色方案

  之后客户又私下告诉我一些需要修改细节,只要按要求修改就宣布我的作品中标,最后按照客户的要求修改。下面是最终稿件:

web20-网站-效果图
点击缩略图查看清晰效果图

LOGO方案我是一次性中标,设计的创意和寓意比较吻合客户的要求(沟通、交友、快乐、简洁)

web20-logo

曾经的参加的部分竞标项目们:

李宁SHOWTIME花式篮球队队标

曾经给一个大学生网站做的首页效果图

曾经做过的一个易拉宝项目

为273二手车交易网做的首页

李宁SHOWTIME花式篮球队队标

这也是个竞标项目,遗憾的是最终没能中标。但这个作品还算是我比较满意的作品之一,所以放上来^_^

整体方案及创意说明

整体方案及创意说明

其它配色方案

其它配色方案

我们计算机系足球队的宣传视频

视频的宣传图

视频的宣传图

下面这个是我为我们连在制作的球队秩序册中的计算机系页,其他球队的点击这里查看

我们计算机系足球队

我们计算机系足球队

我为我们足球队做的纪念视频,永久的传奇,三连冠!


视频地址

http://you.video.sina.com.cn/b/5665420-1305755142.html

目前非常全面的CSS兼容问题资料汇集

  CSS兼容问题一直困扰着CSSer,面对各浏览器,往往感觉束手无策,愁眉不展。CSS Hack是在标准CSS没办法兼容各浏览器显示效果时才会用上的补救方法,在各浏览器厂商解析CSS没有达成一致前,我们只能用这样的方法来完成这样的任务。
  
  我进行前端开发的时候,测试用的浏览器大致有: IE7、IE6、Opera9(文章撰写时版本为9.25 8825),Safari3(文章撰写时版本为3.0.4 523.15),Firefox2(文章撰写时版本为2.0.0.11)等。
  
  在正常的 selector { property:value; } 的基础上常会根据具体情况为相同元素使用Hack以达到浏览器间统一。

阅读全文继续阅读全文 » »