这是在Google Chrome下搜索结果的截图。Chrome是我日常主要实用的浏览器，在进行这次搜索时，也特别留意了搜索界面Google账号的登录状态——保持未登录。

再来看这张截图，是我通过Firefox同样搜索“84tt” 这一关键词得到的结果。

对比以上两张搜索结果的截图，会发现：

1. 通过Chrome搜索时，84tt.com主域名下一个使用了二级域名的子站作为搜索结果被返回，而84tt.com主域名首页本身却作为了相关链接出现在其下方。
2. 通过Firefox搜索时，结果正好与Chrome下相反， 84tt.com主域名出现在了搜索结果中，并且将域名本身作为了搜索结果，而非页面title。
3. 除却这两点之外，其他结果及排名均无差异。

看完了截图，我们再来看一下84tt.com这个小站的分布情况：

1. www.84tt.com是网站的首页，上面唯一的链接是指向 过眼云烟 这个放在一级目录/blog/下的博客。
2. www.84tt.com一级目录主要有两个，分别为我的两个博客：过眼云烟 位于 /blog/ 、恍惚之中 位于 /web/ 。
3. 84tt.com的二级域名除却www外（不带www访问时，会被301转向至带www），还有一个二级域名camus.84tt.com正被小槑童鞋使用，且拥有较高质量内容。

我们已经知道：

• 每一个二级域名，都会被认为是一个新的网站。
• 一般情况下，对于小型网站而言，优先使用一级目录会比使用二级域名更为妥当。

最后，颇为好奇并有待尝试：

• 网站建设初期对于域名规划及链接结构的构建颇为重要，假设我现在是在使用blog.84tt.com这个二级域名而非当前的一级目录，结果是否会有所不同？
• 通过wordpress插件生成的百度XML文件，为什么会出现在了相关搜索链接中？

推荐阅读：

• Google个性化搜索对SEO的影响
• 浅析关键词在百度和谷歌搜索结果排名不同的原因

• 在美国，近1.45亿人在线观看视频，与之产生对比的是，大约有2.9亿人观看传统电视。美国人平均每周花费32小时47分钟在看传统电视上。他们每周只花费3小时58分钟用来上网，而每周仅有27分钟会用于观看在线视频。 (source)
• 游戏终端已经成为美国最流行的用于在电视屏幕上观看在线内容的设备。12%的美国家庭（约1500万人）使用游戏终端来观看在线内容，这一数字远超过通过HDMI连接PC与电视来观看的家庭比例。(source)
• 去年游戏终端上的流媒体激增。流媒体占据的时间分别占据了Xbox 360 14%、 PS3 15%以及Wii 33%的时间。三个平台合在一起，在用户时间上与前一年相比增加了7%。这些结果表明，流媒体逐渐占据了用户花在这些终端上的时间。(source)
• 80%的智能机用户会在看电视的同时也进行移动多任务操作。其中15%的用户会一直运行程序。60%的人会浏览移动网页，当中44%的用户会搜索无关内容，而38%的用户则会有所与电视相关的内容。 (source)
• 在美国40%的平板设备及智能机用户会每天会在看电视的同时也在使用它们的设备，而仅有14%的电子书用户说他们每天会在使用电子书的时候也在看电视。 (source)
• 平板设备看起来将会在在线视频观看上有更高的上涨趋势，而平板设备上的观看者也将会超过台式或手机设备。使用平板设备观看的比例超过台式设备28%。(source)

尼尔森也有一项最新统计介绍了美国媒体用户使用情况的信息图（点击看大图）。

最后，再来看一组国内的数据：根据第29次CNNIC报告，截至2011年12月底，中国网络视频用户数量增至3.25亿，年增长率达到14.6%，在网民中的使用率由上年底的62.1%提升至63.4%；而手机网络视频则仅占22.5%的使用率，在诸多应用中名列第11位。

对于Google而言，2011年里有很多里程碑。在这一年中，这家公司推出了很多新产品，也更新了不少已有的产品。当然，2011年里Google也完成了其历史上最大的一次收购。

Google的一些开发、变化或服务，看起来虽小但却产生了深远的影响。在2011年2月，伴随着埃及政府切断国内互联网，Google与Twitter合作，推出了Speak2Tweet，帮助埃及人民在推翻埃及总统穆巴拉克的抗议过程中，尽可能通过电话更新他们的twitter，以告知大家当时发生的事情。

同样也是在二月，Google对其搜索算法进行了调整，约有占总量12%的搜索受到影响。这一变化最直接的效果就是在于内容农场，这将阻止他们在Google搜索结果中排名靠前。

在四月份，联合创始人拉里·佩奇接替了埃里克·施密特出任公司CEO。施密特卸任CEO之后仍担任Google执行董事长，谢尔盖·布林则继续作为联合创始人。

在2011年中，Google出现了一些令人欣喜的数据。在五月份，Youtube走过了第六个年头，平均每天30亿次点击，而在Google Earth则在十月份打破了10亿次下载的记录。

对Google而言，2011是忙碌的一年，让我们来回顾一下在这一年里Google的重大事件。

1. Google+发布后褒贬不一

在我们看到Google+之前，Google在三月份发布了Google +1 按钮，这其中已能窥见Google进军SNS的计划。三个月后，Google向全网开始部署Google +1 按钮。类似Facebook的Like按钮，Google +1 按钮可以轻松将内容推荐给你的朋友们，但它并没有成为一个流行的分享方式。伴随SNS的发布，不少Google+ 的用户将 +1 页签 从他们的个人页面上去除。

毫无疑问，6月28日Google+的发布，已经成为了2011年最大的技术新闻，产生无数褒贬不一的评论。人们要不非常喜欢Google+，要不就是极度讨厌它，没有中间状态。在Google+ 正式发布前的Beta公测版时，就已经有人跳出来高呼“Google+ 已死”。当时围绕这一事件，我们也有发表过自己的观点，但我们对于Google+的预期显得更为积极。

在Google+发布之后，人们非常渴望能够加入到封闭测试的Beta版中，Google+的邀请在eBay上最高被炒到了27美元。Google+带给了SNS领域一些有别于其竞争对手的新功能，比如Google+给用户提供了视频群聊的功能。

Google+发布16天之后，用户突破了1000万，增速之快远远超过Facebook与Twitter。

Google+以每天增加一百万用户的速度，快速拥有了2500万用户。根据最新的统计，Google+大约已有6200万用户，平均每天新增用户62.5万人。

在封闭的Beta版阶段，Google+就已经做到了以上这些。虽然封闭的Beta版似乎事件比预想的要久一点，但Google+最终在九月面向公众开放了。然而，之后的情况却是，用户并没有像Google所期望的那样产生大量的公开内容。在八月份，48%的Google+用户没有发布任何公开内容，这也意味着他们之后依然不会发布内容。

如果当时Google+被宣告死亡，那也不会是Google历史上唯一一次记录。随着Google+推出强制用户使用真名的政策，尤其是在Google禁止了一大批使用假名的账户之后，这一举措在网络上引起了轩然大波。几个月之后，Google终于放宽了要求实名的政策，承认对于一些人来说确实有匿名的需要。

在过去的六个月里，Google+陆续推出了一些新的功能，比如Google+ Page这一对其他竞争对手构成威胁的利器。与此同时，它也发布了其他一些功能，比如控制信息流噪音、更好地整合Gmail和Google联系人等。

虽然Twitter已垄断了名人们对社会化媒体的使用，但仍然有不少明星、政治家以及体育运动员们加入了Google+ 。小甜甜布兰妮是Google+被关注最多的用户，目前已有超过一百万人将她加入自己的圈子。在前10名中紧随布兰妮之后的还有史努比狗狗、提拉·班克斯以及理查德·布兰森。到目前为止，只有一位Google+用户被加入圈子的次数也超过一百万，但他并不是明星，而是Google的CEO拉里·佩奇。

当美国总统奥巴马加入Google+时，这再次成为了新闻头条。但他在Google+中只被添加到8000多个圈子中。随着从达赖喇嘛与Desmond Tutu大主教到美国总统候选人纷纷入驻Google+，它的好处开始逐渐引起人们的注意。

虽然Google+可能有它的反对者，但它已经赢得不少社区，其中最大的支持者莫过于在线摄影社区。Google+ 也被证明是记者们的好工具，或是一款出色的项目管理工具，甚至是一个相册。

在10月份，伴随着Google+的成功，Google在社会化网络方面的尝试终于初见成效。Google最终决定关闭Buzz，这一效仿Twitter并持续两年的产品，并没有给Google带来丝毫社会化媒体的效果。

2. Google的改进

伴随Google+的推出，Google对所有产品进行了更为全面的改进，它将Google+整合到了绝大多数产品中，同时在每个站点中采用了更为统一、清新的界面。

2.1 YouTube

我们抓住了在7月的YouTube重新设计回的一瞥，包括更好的订阅管理，更好的视频建议，当然更直接的集成与谷歌的变化+。 12月正式推出重新设计，但它显然不下去YouTube用户。宣布推出的视频刚刚获得4000多喜欢，超过15,000好恶鲜明的合同。

在七月份，我们预览到了重新设计后的YouTube，包括了更好的订阅管理、更好的视频推荐，当然也有与Google+更为直接的整合。12月份这一设计正式推出之后，显然并未能赢得YouTube用户的喜爱。宣布改版发布的视频下面，只获得了4000多次“喜欢”，但却收到了超过15000次的“不喜欢”。

去年12月，YouTube的又一次看到了更新，但这个时候到后端，与YouTube视频管理器的更改，以及最近YouTube已经宣布计划实施更有针对性的广告形式，为每个用户量身定制的广告。

2.2 Gmail

10月，Gmail发布了我们曾在7月预览过的新版界面。这次改动不仅给用户提供了更为一致、清新的体验，最大的改变是让Gmail能够适应每个人的喜好，你可以调整Gmail聊天与标签所占用的屏幕空间比例，也可以根据屏幕尺寸调节调整阅读体验。

12月，Gmail加入了更多的更新，这次它与Google+整合得更为紧密。伴随新的功能的发布，用户已经可以在Gmail中看到联系人的Google+ 更新，也能看到联系人被自己加入到了哪个圈子中。

2.3 Google Reader

Google的另一步行动就是对Google Reader进行改版，但这步却遭到了大量抗议。这个RSS阅读器不仅仅被重新设计成了与新版Gmail一样的外观，同时也取消了原有的社会化功能，毫无疑问，这一举措是为了试图推动用户去使用Google+。

原本用户们可以在阅读器中直接浏览自己的朋友们以及关注者分享的条目，但现在这些都被取消了，他们只能直接将其Google Reader中的条目分享到Google+。这一改变甚至引起了一场在Google华盛顿特区总部门口发起的10人抗议活动。

更严重的一点是，这些改变给Google的伊朗用户带来了严重影响。在伊朗，Google Reader是少数未被屏蔽并具备社会化功能的网站之一。随着去除分享功能，Google也同时带走了一个伊朗作家传播信息的有效方法，对此在这条Google Plus的帖子下有很多人对此进行了讨论。

2.4 Google文档、Google搜索

2011年，当我们已经认为Google搜索页面已经简单到无法再简单时，Google还是又让它精简了一些——去掉了“手气不错”的按钮，并且让页面的视觉风格去Google其他产品保持了一致。Google文档在八月份也进行类似的改动。

3. Google的收购

谷歌在2011年中一共有26次收购，其中最大的是对摩托罗拉的收购——尽管它尚未完成。另一个重大的收购是，谷歌买下了Zagat。其他有趣的收购包括：语音网站SayNow、用了5800万美元收购英国的比价网站BeatThatQuote.com英国、花费1000万美元收购社会化影评网站Fflick、用了1.14亿美元收购德国的团购网站DailyDeal。谷歌最近期的一次收购，是于12月13日宣布的收购一款用餐推荐应用 Alfred。

3.1 Google收购摩托罗拉移动业务

2011年是Android迅猛发展的一年，而八月份Google计划耗资125亿美元收购摩托罗拉移动，显然成为了关于Android操作系统的最大新闻。后来据透露，搜索巨头打算用高出33％的价格完成这项收购。此次收购是谷歌的真正的机会，作为智能手机厂商本身的位置，并有可能向用户提供一个更集中的Android体验，化解某些OS本身带来的困扰。

然而，此次收购，仍未敲定。欧盟委员会正在调查处理，并将在2012年1月10日做出决定，伴随欧盟从Google索取更多的信息，现在看来很有可能会延期。Google目前对收购持乐观态度，一位Google发言人告诉彭博社，这是“有信心委员会将结束调查，此次收购是良好的竞争。”

那么，Google收购摩托罗拉究竟会带来什么？一方面，它意味着，Google可以得到超过17000项的专利。此外，借助摩托罗拉公司的技术，Google也将有能力生产更多的Google手机，同时还可以确保带给用户更加统一的跨平台经验。除了众所周知的摩托罗拉的移动技术之外，Google也将获得一个机顶盒制造技术及其专利用来生产更完美的Google TV。

当然，与此同时，并非Google在收购方面全是好消息。在德国，围绕专利、设备、硬件等问题，苹果公司与摩托罗拉正在展开一系列诉讼。

3.2 Google收购Zagat

九月份收购Zagat，是2011年中Google的另一起重大收购。Zagat创建于1979年，它拥有350,000条来自于调查员的餐馆点评。自从2009年Zagat挂牌出售以来，Google一直保持关注并最终花费1.25亿美元将其买下。

通过这次收购，Google除了将获得Zagat的品牌之外，也将一并获得其全部数据，而这些将会有助于改进Google Palces。

4. Android的数据

在2011年初，Android已取得了显著成绩，它超过了世界上占主导地位的智能手机操作系统Symbian。从最近的一些统计数据看，我们发现，Android已占据11%的市场份额，成为智能机操作系统的领头羊，而iOS与Symbian各占5％。然而，在文中值得注意的一点是，智能手机已占全世界手机总量的27％。

这个操作系统本身已经在这一年中产生了好几个重要的里程碑，最新的数据表明其每日激活量约在70万部左右。正如我们之前所指出的那样，这一数字目前仍在不断上升。

过去的这一年里，Android的增长令人印象深刻，在2010年8月，每天约有20万部Android设备被激活，而在2011年6月，一年不到的时间里，这一数字就已上升增加150%，跃至50万部。

到了2011年7月，Android在1.3亿设备上日均有55万次激活，同时在Android应用市场中产生了60亿次下载。

而到十月份，手机激活数已上升至1.9亿部，到了十二月份，App下载量已突破100亿次。

仅在圣诞节周末，Android的激活量就已激增至370万次。

5. 冰淇淋三明治 (Ice Cream Sandwich)

在2011年10月，作为“姜饼”的后续版本——代号为“冰淇淋三明治”的Android版本在万众瞩目中发布。新的操作系统将会给用户的智能电话带来更多的全新功能，你可以在这里了解到更多关于“冰淇淋三明治”版本的相关规格及全新特性。

最初，“冰淇淋三明治”并不会对所有的智能机用户开放。三星Galaxy Nexus及索尼Xperia系列将会被率先搭载“冰淇淋三明治”版本系统。虽然三星Galaxy Nexus原计划于2011年11月发布，但在上周，Google已宣布其将延期至2012年一季度发布。

随着“冰淇淋三明治”的曝光，Google也已公开了其源代码（又名Android 4.0）。

然后，在其发布前，很快就已有开发者指出了最新版中的一些缺陷。

6. Google钱包 (Google Wallet)

2011年5月，Google钱包更多出现在了我们的视野中，它通过NFC技术使你的手机成为一个虚拟钱包。在9月，它已经向使用Sprint网络的Google Nexus 4G用户提供服务，并已覆盖美国的主要城市（包括纽约，旧金山，洛杉矶，芝加哥和华盛顿等）。这一服务也已面向花旗、万事达卡、维萨卡、探索及运通卡的持卡人提供服务。

为了尽可能地保证服务的安全性，你的所有信用卡信息都会被存放在芯片的单独区域中，并且对于所有的新卡均会被设定100美元的上限，除非持卡人自行调整这一限制。

以下这段视频将会更清晰地告诉你，Google钱包是非常易用的：

7. Carrier IQ

有一款名为Carrier IQ的程序被曝光，其被安装在了大多数的Android手机当中，这可能成为了Android系统在2011年里最大的不和谐新闻了。

Carried IQ为何会引起如此大的恐慌？这是因为它会记录短信息、Web访问、Email内容、搜索查询等信息，而这一事件已导致集体诉讼及欧洲监管机构对其的调查。

8. Google音乐 (Music)

Google在2011年的另一个全新产品就是Google音乐，但目前它仅对美国用户开放。当其还在beta内测版时，就已有超过一百万人体验该项服务，平均每天产生了250万小时的收听量——折算下来，人均每天收听2.5小时。

Google宣布已有超过1000个合作伙伴，其中包括EMI、环球、Sony音乐以及大量的独立音乐人。这项服务为用户提供了1300万首歌曲，同时Google也宣布计划为包括滚石、Coldplay在内的主力乐队举办独家音乐会。除了举行大型音乐会外，Google还为Busta Rhymes推出了最新专辑。

在十一月份，Google音乐正式开放，同时在美国也可以免费下载其Android应用。通过该应用，用户可以收听他们上传到Google音乐中的曲目，同时也可以购买新的曲目，当然，也可以轻松将正在收听的歌曲分享给自己的朋友们。与Google旗下的其他产品一样，Google也很快将其与Google+进行了整合，用户可以很方便将购买的音乐或专辑分享给自己在Google+上的粉丝们。

但事实上，并不是只有美国以外的用户不能使用Google音乐。因为Google音乐只兼容Android 2.2 以上版本，大约有超过2600万Android用户受到冷落，这意味着超过13%的Android用户无法使用这项公共服务。

9. Google搜索

每年，Google都会公布搜索榜Google Zeitgeist 。这段视频Google将用户在美国、英国、中东发生的搜索行为放在在一起，相当震撼。

想要了解这一系列更多信息，请点击这里。

【原文：2011 Tech Rewind: This year in Google By Nancy Messieh，译者：Summer 】

这套图标是由 Tomas Gajar 使用 Adobe Fireworks 设计，并已导出一份完整的分层 Photoshop 文件。话说，这些清爽精致的图标，可能你每天都能在UI设计中派上用场。

免费下载全套图标！

这套免费图标提供了矢量、PS和Fireworks的PNG三种格式的文件。这些图标可以免费使用在商业或个人项目中，没有任何限制。如转载时，请保留原文链接。

• 点击预览大图
• 点击下载全套免费图标 (zip格式压缩包，3.4 MB)

我们明年见!  Happy 2012!

1. Sketchy Pad ($4.99)

使用这款应用，可以帮助产品设计人员直接构建网站草图或是 iOS 平台下应用的交互原型设计，内置56款模板，支持保存为PNG格式并通过邮件发送，也可以导出为 Balsamiq 的BMML格式文件。

查看详情并下载

2. iMockups ($6.99)

Endloop 开发的 iMockups 可以帮助产品策划人员直接在iPad上绘制网站、iPhone或iPad应用的原型图，内置网站或iOS设备的常用控件库。在协作方面，除了iPad设备之间可以直接共享之外，它还支持导出PNG格式图片或 Balsamiq 的BMML格式文件。

查看详情并下载

3. Draft ($9.99)

Draft 出自大名鼎鼎的 37signals ，它与其他三款应用最大的不同在于，Draft 会更为“随意”。它不再仅仅局限在产品设计领域，它是一款很好的屏幕书写应用，大家可以坐在一起，在屏幕上自由写下自己的想法，与他人一起分享讨论。它没有繁多的控件，只提供红白两色以及大面积的屏幕区域，所以只要使用手指就好。所以，这款应用同样也是用于经常需要头脑风暴的运营策划、市场推广等人群。

查看详情并下载

4. OmniGraffle ($49.99)

这是四款中价格最贵的 OmniGraffle ，高达49.99美刀，出自老牌产品设计厂商 The Omni Group ，具备 OmniGraffle 桌面版的主要功能，同时也支持导出PNG格式保存到iPad相册、保存为 PDF 或 OmniGraffle 原生格式通过邮件进行分享。

查看详情并下载

如果想了解更多的网站设计或开发领域的iPad应用，可延伸阅读：

• 30 Best iPad Apps for Web Designers and Developers By Ebrian Acebedo

一、大型门户

1. 网易通行证

表单中的每个输入框均会给出有效性反馈，新密码的复杂度要求一直显示在输入框下方，并需要填写验证码（英文+数字，不区分大小写）。

另：界面上有一处“>”字符漏出，应是缺陷。

2. 搜狐通行证

界面中提示了当前用户名；当焦点在输入框中时，跟随输入框在其后提示密码复杂度要求的说明信息；验证码为小写英文+数字。

二、SNS社区

1. 人人网

在本次观察中人人网的密码修改流程相对显得比较特殊，它在修改密码之前，给出了“身份验证”的这一步，提供了验证旧密码、向注册邮箱发送密码重置邮件、账号申诉三种方式。它对用户的指引更为明确，当用户在长时间记住密码后遗忘了密码，则能直接通过发送邮件的方式进行密码修改，而不必退出登录后再走取回密码的流程。

2. 天涯社区

输入旧密码后，会实时检查是否正确；焦点从输入框中移开后会检查有效性；焦点在新密码的输入框中时，会提示密码的复杂度要求（强制要求字母与数字组合）；比较奇怪的是，为何这句“输入6-16位的字母和数字的组合，密码区分大小写”会始终显示在验证码输入框的下方——这句话所针对的表单项对象究竟是新密码还是验证码？这是一处不必要的困扰。

3. 豆瓣网

豆瓣网的密码修改界面很简单，甚至有些简陋——没有表单项的有效性验证，甚至连密码长度的说明都没有给出。“当前密码”与“新口令”的文案区别不知是否可以为之，个人认为还是统一为密码比较好，虽然口令更显Geek。

4. Facebook

Facebook在界面中并未给出密码输入的说明；对当前密码项的为空时没有提醒；当新密码太短或太简单时会给出提醒；也会提示重复输入密码与新密码是否匹配。

三、微博

1. 新浪微博

提醒界面上以红色高亮的方式告知用户密码安全的重要性；焦点移开时表单项会进行有效性验证；特别给出安全强度标尺再次提醒用户使用高强度的密码；焦点选中时，会提示用户密码的长度说明。

2. Twitter

当表单项为空时不会给出提示；同Facebook一样，在新密码太短或过于简单时会给出提示；旧密码如果错误，点击“Change”后会在页面顶端显示，与全站的统一反馈提示一致；需要留意的是，Twitter在修改密码的界面给出了取回密码的入口，点击后会进入输入邮箱取回密码的页面，这一点与人人网相类似。

四、搜索引擎

1. 百度

表单项没有有效性验证，给出了密码长度等的说明，看下来这是一个比较标准并传统的密码修改界面。

2. Google

Google在验证当前信息时，可以选择输入旧密码或密码提醒问题的答案；新密码的强度都会给出提示，“Password strength”上附链接，点击后新窗口弹出 Password Help 页面，告知用户如何设定一个安全的密码；重复输入密码时不会实时检查与新密码的匹配。

五、电子商务网站

1. 支付宝

支付宝账户中，同时有登录与支付两种密码，修改操作基本相同；它是这次体验过程中，唯一将修改密码的操作放置在浮动层中进行的网站；在浮动层中，给出了密码安全提示说明；表单项均无有效性验证提示；当用户开通了数字证书而当前浏览器不支持时，可以通过绑定的手机进行校验。

2. 京东商城

焦点移开时，会对表单项有效性进行验证提醒；重复输入密码时也会检查是否与新密码一致；个人并不赞同在已红色高亮的警示性文案后面再使用感叹号，以避免给用户造成过大的心理压力。

3. 携程网

表单项焦点移开时，会做有效性验证；当表单填写不正确时，将输入框红色高亮，而提示文字使用了相对弱的黄色背景呈现出来；密码强度通过图形标识来提醒用户。

在看了以上国内外13个大型网站的密码修改界面之后，我们可以发现：

• 密码强度的设定，与网站业务息息相关，通常网站中出现与钱相关的业务（如网络游戏等）时，对密码的复杂度会有强制性的要求；支付宝等甚至会设定登录密码与支付密码，并两者不能相同。
• 对于旧密码的验证，通常只验证是否为空，而不会对正确性做实时校验；
• 对新密码的强度，多数网站均会给出明确说明以降低用户的困扰；
• 多数网站，均会特别提醒用户新密码中需要区分大小写字母；
• 13个案例中，除了豆瓣网之外，均会对新密码与重复输入的新密码之间做匹配校验；
• 有3个网站在修改密码时需填写验证码，个人更希望将这一步放在幕后——系统智能判断哪些情况下需要通过验证码进行增强验证，而不是简单地一刀切；
• 在修改密码的界面上，同时告知用户一些必要的密码安全信息，是必要的；
• Google、Twitter与人人网的案例，告诉我们修改密码的流程不是僵硬不变，并不一定要通过旧密码来校验用户——这对常常使用“记住我”的用户来说，无疑是一个便利；
• 在界面设计上，警示性提示的呈现，需要我们在提醒用户与不冒犯用户加以平衡：红色高亮、红叉图标、惊叹号、输入框高亮等方法中选用哪些，值得考量；
• 大多数网站对登录及通行证信息的修改均使用了SSL进行加密。

====== 更新 @2011/12/26  15:00 ======

本文集中讨论的是修改密码这一常用操作在交互设计及用户体验的实践，并不涉及密码存储等开发层面的问题。关于密码设定等信息安全领域的信息，推荐延伸阅读以下文章：

• CSDN明文口令泄漏的启示 @陈皓
• 密码泄漏和黑天鹅事件 @霍炬
• CSDN数据库泄露！那些网站够安全吗？ @sqybi

(图片来源： Shutterstock)

自从Web 1.0后我们走了很长一段路，网站搜索不再仅仅是一个“输入关键词”加上“点击搜索”。开发者们通过改进与增加功能，努力让搜索能够给用户带来更好的体验——搜索过滤能获取更精准的结果，提供搜索关键词或曾经输入过的搜索历史。

这篇文章中，我们将介绍一些既漂亮也具备实用功能的搜索框。不论你是正在改进自己的网站，或是仅仅希望找到一个更好的搜索框解决方案，这篇文章都会很适用。让我们一起来看吧！

PlaylistNow

伴随着输入前缀“ I am ”，这个搜索模块就会开始智能匹配并根据你的输入实时列出结果。

Scroll Search Module

这个极富创意的搜索框出自设计师 Nico Nuzzaci ，它允许用户通过输入或滑动字母面板进行搜索。

TextboxList

这个搜索模块集成好几项功能：它能根据高亮搜索结果，可以直接将搜索结果选中并添加，也能删除某个指定的结果；当然，它也具备自动匹配。是不是觉得挺眼熟？Facebook就用了类似的模块。

Remember The Milk

类似像YouTube的搜索，如果有了匹配的搜索结果时，搜索框就会马上提示你。当然这也是搜索建议功能智能化的一个范例。

Authentic Jobs

我想在Google之前，Authentic Jobs 就已经让他们的搜索用上了即时结果。

Kontain

Kontain的搜索框允许用户进行普通搜索，或是通过过滤器选择只搜索“更新”或“用户”。

New York Magazine

与Kontain类似，NY Magazine的搜索可以进行更复杂的过滤。

ThemeForest

而这一种搜索模块中的过滤方法则能帮助访问者更快找到他们想要的结果。

Search, Sort & Filter

这个则是用了很漂亮的方法呈现了一个比较复杂的高级搜索模块，用户可以通过它在点击搜索按钮前先选好自己想要的搜素结果。

Tumblr

Tumblr在今年锋芒毕露，它在侧栏上就有这样一个非常精巧的搜索模块。

MenuPages

如果你想要一个完整的搜索模块，但界面又受限制，那么或许可以考虑这个方案。

Quotezuki

搜索框与Logo结合在一起……

C Spire Wireless

当鼠标移到Search的标签上，才会展开一个完整硕大的搜索框，这也是一种有效利用界面空间的方法。

Spokeo

很清爽漂亮的条件过滤型搜索框。

VoucherCodes

出于商业目的，他们的搜索框设计得非常活泼。

iStockPhoto

iStockPhoto则为其读者们提供了有多重筛选条件的搜索框。

TasteBook

简约但不简单的搜索框。

Grooveshark

Grooveshark允许用户在线收听及分享音乐。首页上，什么都没有，只有一个搜索框以帮助用户找到想要的音乐。

Gamers with Jobs

这是直接使用Google自定义搜索的典型范例:)

David Torondel

这样深色背景的搜索框，搭配这个网站的整体设计，效果很不错。

译者注：

简单总结一下搜索框设计的几个要点：

• 功能上要考虑与业务相关，资讯类、电商类网站在提供过滤器时要慎重考虑分类方法。
• 界面要注意与网站整体风格契合。
• 当界面空间有限时，需要适当变化以寻求合适的表现方法，不能走寻常路。

【原文：Showcase of Beautiful Search Box UI Designs ，译者：Summer 】

如果遵循以下四个原则，会有效地提高原型设计的速度：

• 从纸面原型开始做起
• 使用一种原型工具即可，而不是多种
• 使用能直接生成规格说明的原型工具
• 支持协作

1. 从纸面原型开始做起

加速制作原型的最好方法就是从纸面原型开始做起。敏捷开发的原则之一就是，交付物的完成是衡量一个项目进展的关键指标之一。因此，非常遗憾的是，有些开发者便误以为如果要加快进度，他们得从一开始就打开电脑做起可交付的原型来。

制作原型时最好的要诀是，不要从项目一开始，就用电脑做原型。这或许是你在原型设计过程中会犯的最大错误。

直接开始用电脑制作原型的问题在于，它无法给你更广阔的设计空间，帮助你全面地去思考产品的体验。而你更容易陷入一两个设计思路并仅以此为基础进行原型设计的方案。

在设计的早期阶段，不论你是正在设计一个新系统，又或是一个新的工作流，你都不会只想要一两个思路，而是希望能有越多越好。纸面原型正可以在这个环节成为你最好的搭档。在最初的设计阶段里，你可以在纸上方便地创建各种各样的界面和模型，反复权衡，甚至能够制作可以互动的纸面原型，并将之用于早期的用户测试。

译者注：实际工作中，纸面原型的确可以更方便又低成本地的修改、拼接，甚至是快速地毁灭一个坏主意或是创建出各种新的模型，而不会令思路受制于某一款特定软件的限制。你所需要的仅仅是几张纸、几只笔、一些透明胶带以及一块足够摆放你各种想法的大白板。

2. 使用一款原型设计工具，而非多种

当你开始在电脑上做原型时，能帮你提高效率的要诀之二是：只要使用一款原型软件就好。我们经常会看到一些设计团队开始时是在Keynote或是Balsamiq等工具中制作原型，之后换到Photoshop或Fireworks中制作高保真，最后又用Dreamweaver或Flex加入交互以便进行可用性测试。

这样做的一个问题就是，设计师必须要在他们擅长的软件中重新设计，这样不但效率低而且会拖慢整个开发进度。同时，这也会给软件与文件的管理带来麻烦。比如说，我们用Visio制作了用户流程图，而设计师就需要用Photoshop来设计，但这些在微软Word中又是有现成的。
让原型设计规范在一款软件平台上，能使得你更有效率。

译者注：在原型阶段保证基本的可用性的是非常重要的，一旦进入高保真原型或coding阶段，修改的代价会明显上升。

3. 使用能直接从原型生成规格说明的原型制作工具

第三个要诀能让整体流程更为顺畅：确保你的原型中包含开发人员能够理解的详细规格说明。

新手常会犯的一个错误就是，将他们设计的原型直接交付给开发人员进行开发。那些没有实际敏捷开发经验的人可能会误以为敏捷开发就是不需要文档，但事实上，它仅仅是要求减少文档的数量。敏捷开发可能是不需要大量的需求文档、规格说明书，但它仍需要一些必要的信息（诸如色码、下拉框的内容等）来说明原型以使得我们能够定义一个敏捷冲刺的目标。

你可以复制粘贴Photoshop中的图片到Powerpoint、Word或Visio中进行标注。但这样不仅很费力，而且在每次变更原型设计时都需要再去更新规格说明书。事实上，这简直是一场噩梦——就我所知，一些大企业不愿意对原型进行修改的原因就是在于更新规格说明书将耗费大量时间。很明显，选择一款能够直接从原型生成规格说明的原型制作工具能够提升效率。

译者注：在原型工具中直接对控件或交互流程进行明确的标注，可以帮助开发人员更好地理解产品原型，提升开发效率与质量。

4. 支持协作

通过使用支持协作的原型工具，你使得整个流程更为高效。

理想的原型工具：

• 支持多用户同时设计原型。你的工具能够支持文件管理、版本控制、权限控制以及数据完整（确保当两个或更多人在同一时间不会同时更新一个对象）。
• 允许更轻松地分发原型以获取反馈。一些组织仍然在通过将许多零散的文件打成zip包后发送电子邮件的方式进行分发。这意味着反馈将会是不协调的邮件回复形式。

Macefield博士的推荐

原文作者Ritch Macefield是Axure和iRise的粉丝，而它们可以避免上文中提及的这些问题。这些工具正是特别为了改善现代软件开发环境下的原型设计需求而开发的。如果你遇见了任务重时间紧的情况，不妨尝试一下本文中的方法。

译者注：关于Lean UX，推荐延伸阅读以下文章：

• 精益用户体验(UX)：摆脱只注重结果的工作(留意互动机构的区别之处) 
• 不要再追求所謂「完整的UCD設計流程」
• 关于快速原型的一点纠结

【 原文：4 ways to prototype faster By Ritch Macefield，译者：Summer 】

该指南遵循CC 3.0协议，同时提供Omnigraffle源文件、PSD以及PDF版本。cxpartners鼓励将其打印出来，贴在墙上，甚至是发给你的客户——最终目的是帮助大家设计出更好的表单。

下载:

• Form guidelines (Omnigraffle)
• Form guidelines (PSD – Photoshop)
• Form guidelines (PDF vector)

【原文：Form design guidelines crib sheet (free download)  By Joe Leech，译者：Summer 】

这次的新功能带给了大家一种全新的展示自我的方式——不仅仅是一张个人头像，我们将其称之为时间轴封面。很快我们发现数以千计的Facebook用户正在他们新的时间轴封面上展示其创意并在网络上疯狂传播。

在这次展示中，我们希望选取40枚真正能给你带来震撼的创意时间轴封面，不论是能激发你的灵感、让你震惊又或是能让你开怀大笑。

同时，在本文结尾处，我们也将提供一款Facebook时间轴的PSD格式模板，以引导你准确地进行创作。

Kay Int Veen ：很好地使用了宝利来风格相片来介绍自己！新版的Facetime时间轴实际上可以形象地展示你自己的创意，所以你可以尽情地利用它彰显自己的创意。

Aly Moffatt：创造性地使用创意图片。在状态页面上的照片可能你不一定知道发生了什么，但你看到她的个人资料或时间轴页面时一定会感到震撼！

Andrew Grojean：是，看仔细了，这确实是一张时间轴封面。很整齐有趣的玩笑:)

Nirajan Bom Malla：用其他的SNS网站截图来做封面则是另一种用时间轴封面恶搞的方法了。以后Google+会不会真的出现在Facebook上呢？

Antonio Fadda：有趣地将个人信息中的头像与时间轴封面组合在了一起，毫无疑问，这很有创意。

Delphin Hauchard：精准地调整了个人头像与时间轴封面图片的位置，这是一种展示生活美好时刻的好方法。

Dustin Thaxton：不想只展示一幅生活的精彩时刻？只要利用时间轴封面和一些Photoshop处理你就在封面上显示更多的美好回忆啦！

Eduardo Calvo：我喜欢它——在同一时间表现了创意、有趣以及温暖。

Emanuele Bartolomucci：非常自然地介绍了“时间轴”这项功能以及个人主页的主人。

Enk Shahbaz Mehdi：想要开始将自己的时间轴封面当作广告位来出售，这也不是不可能的。

Oliver Alexander：互联网上真的是不会令人失望，不过我相信这只是一个玩笑，不论如何，还是很有趣的。

Eyal Shahar：伪3D是一种展示自己设计技术的好方法之一，这真是佳作！

Fabio Maravilla：这个也很有趣——最小的图片出现在个人头像上，很有爱。

Florim I. Qerimi：第一眼看到它，还以为这是某种催眠术。

Gianmarco Carrieri：这是一种将个人头像与时间轴封面简单而有趣的结合。

Giuseppe Draicchio：利用个人头像与时间轴封面的结合，展示了与外星人沟通的创意！

Manoj Varghese Mathew：没创意？手绘出你的所思所想，也能成为一种创意封面。

Menteş Nihat Baran：上帝所指与他的个人头像结合在一起……真的有些与众不同。

Helbert Campos：很好地结合了真实生活照片与卡通图片，仔细看两者还有一些重叠。

Jeremy Bronson：这可真是大头照！

Jerome Vadon：一个很好地方式展示自己的专业背景。

Jessica Barnard：这样的复古风，或许很快会流行起来。

Johnny Gigantic：这个真的是令人惊喜的杰作，在没看到他的个人头像之前完全无法理解……

Jörgen Bröms：这个…… 脑袋切开，真的很猛……