先来看一个最近挖到的网站：http://www.picnik.com/，这个网站简单的来说就是一个在线的图片处理网站。它的注册表单是我见过的做的最棒的表单之一了，简约而不简单，流程简单清晰没有丝毫的多余内容，视觉上也让人很舒服。
初始表单就三行，Username、passeord、email；表单的输入框顺序激活，输入完第一次密码之后再次输入密码的框体被激活、输入完第一次email后再次输入email的框体被激活；所有的重复输入都被设置成了禁止粘贴，达到了重复输入的设计意图。

我始终固执的认为，表单中的重复输入条目应该被设置成禁止粘贴的。因为，重复输入设计的意图在于检测两次输入的一致性，帮助用户记住自己输入的内容，给用户也给系统减少麻烦。
或者你在第一次的时候输入了一个错误的email地址(不是你自己的)，但是第二次输入的时候输入了一个正确的地址，于是系统可以帮你纠正这个错误；当然，2次都输入同样的错误的情况也是存在的，但是这个概率很小，你要是真的两次都输入了一样的错误，那系统也没辙。
也许你会说你是高级用户，你铁定不会输入错误你的表单条目内容，但是再高级的用户也无法保证没有疏忽的时候，所以系统还是需要做出限制，很烦人的迫使“高级用户”验证一次你的内容。在安全系数较高的系统如银行、支付宝等中这点尤为必要。
所以，一个完美的表单应该是初始输入内容允许粘贴，但是重复输入内容坚决不允许粘贴，必须发挥重复输入的设计目的——检测你的输入内容，确保那是正确的一致的。(Ps：picnik.com的这个表单是初始的也禁止粘贴，我觉得这个地方可以改进)
一个疑问：输入密码的初始条目内容是否允许直接复制粘贴进去呢？密码在表单中的显示都是密文的，2次输入密码是否一致还有没有比简单粗暴的回答“2次输入不一致”更好的提示呢？

当然，你也可以把这个重复输入的表单条目去掉，把注册表单精简到输入ID输入密码输入邮箱三步曲，豆瓣就是这么做的。

最后，很多注册表单会放一个自认为很牛逼的很花哨的鉴定你的密码输入强弱的东西在密码输入框的下面，这个玩意有必要否？第一次见到的时候我还以为我能自己控制系统密码设置的强弱呢，我想我真牛逼！
有多少人是忽略你的这个牛逼的提示的？有多少人烦你这个牛逼的提示的？如果你想让我设置一个复杂的密码，直接在我输入完第一密码的时候就警告我“输入密码过于简单，请重新输入”不就完了吗？

2010-03-10 UPdate：关于密码的输入问题上，iphone是这样处理的：输入的时候是明文显示，几秒之后变成密文。这种做法一定程度上解决了密码输入全是密文带来的问题

2010-03-10 Update：目前淘宝网的注册页面已经实现了重复输入密码不允许粘贴

场景回放：
做一个CRM系统，产品设计师在整理完销售部门提出的需求之后，开始制定CRM系统的默认字段，产品设计师把这份默认的字段邮件给销售部门征求意见。
销售部门同事看到邮件一头雾水，于是产品设计师解释 “所谓的字段就是拿来判定系统中的某些元素是否就是这些元素的一种手段，在技术的眼里这些就叫做字段，当然我们也可以把他叫做属性 ”；销售人员依旧一头雾水的回答，“我们就是想实现资源和日程共享”；产品设计师觉得自己没有讲明白，于是补充到，“这么说吧，在商店中有很多产品都叫牙膏，那么，你怎么去判断哪种牙膏是你需要的那种呢？你可以从商标、外观等几个维度来限定这个牙膏，于是得到你自己想要的那种”；销售人员还是茫然，于是，产品设计气急败坏，销售人员无奈，整个征求意见陷入僵局…….
在这个场景中，作为产品设计人员一直没有对他的用户(销售人员)使用属于销售人员(用户)的语言，于是整个沟通显得非常失败。

在《可用性工程》等以用户为中心的设计书中“使用用户的语言”是被反复提到的一条。“作为以用户为中心的设计的一部分，用户界面中的词汇应当使用用户的语言而不是面向系统的 术语”。对话要尽可能地使用用户的母语而不是外语，当然，对用户“语言”的考虑应当不仅仅局限与界面中的文字，也要包括一些非语言元素如图标等。
同时，使用用户的语言并不意味着必须将界面中的词汇限于一个小的常用词汇集，恰恰相反，当用户群使用应用领域的专门词汇时，界面中也应该使用这些专门词汇。在一个专业性的行业网站的界面中也应该使用该行业的专门词汇，针对该网站的受众，使用特色词汇要好于使用普通词汇。

tony曾经写过一篇文章并创造了一个词汇“技术性击倒”，讲产品设计如何和其他人抬杠。之前我牢骚过一回：“某个领域的从业人员如果每天拿着专业术语跟一个外行讲话，你直接不用听下去就可以判断，丫其实是个菜瓜！首先用外行的话把内行的事情讲明白才能算上是个合格的内行人”和tony说的大抵是一个道理。
使用对方领域内的语言驳倒用户，实质就是一个转化的过程，把自己领域内的知识转化成对方领域内的语言，然后去驳倒对方，这才是真正的内行。利用高分贝和拽生词引用专业的概念来抬杠就类似与兽斗之猫狗。“譬如虎之出击，必贴地、俯身，形似奄奄一息。譬如鹰之将猎，必收翅躬身，作瘦弱将死状。唯独狗猫，稍有动作即张牙舞爪，声嘶力竭，作叱咤状。然一喝则溃之。(via)”

使用用户的语言也涉及到从用户的角度看交互。比如在一个公园的指示图上标注“你在这里”而不应该是“我在这里”；比如提示用户是否激活某系统而不是提示“无效模式”。
同时，系统不应该强制用户按照系统定义的命名规则给用户取名。应当允许用户使用任意长度的用户名，如果系统因为某种原因无法处理或者不不愿意处理长用户名的时候应该提供友好的错误信息，并允许用户重新编辑用户名等。

如何得到用户的语言？
最行而有效的方法莫过于数据说话，询问用户，用户投票等。让用户对一组可能用到的名字清单进行投票，然后让用户选出自己的语言，这样将会使用户在使用系统时的错误降到最低。或者也可以使用某特定领域内的用户词库等。

题续上篇，继续说说关于搜索的设计。

下午的时候群里一个童鞋列出了一些电子商务网站对于空搜索的处理结果，然后引发了一个关于空搜索处理的讨论。这里，空搜索指的是：不在搜索框里输入任何内容，直接点击搜索按钮。
可以肯定的是，造成空搜索的用户的比例应该不大，主要是误操作，当然也不排除向我这样的探索者。但是作为电子商务网站用户体验的一部分，这个地方必须要考虑到。

我们先来看看主流电子商务网站的处理结果（这里不需要讨论搜索引擎的返回结果，因为它就是做搜索的，没有也没必要去给你推送什么其他的内容）：
阿里巴巴中国站；弹出提示框“请输入产品名称”，点击确定后没有任何反应
慧聪；弹出提示框“请输入查询内容”，点击确定后光标落在输入框内“输入你感兴趣的内容”后面
百度有啊；跳转到查看所有分类页面
淘宝；跳转到查看所有分类页面
拍拍；跳转到查看所有分类页面
卓越；跳转到搜索结果页面，提示找到0条搜索结果
亚马逊；刷新一次页面
从结果上看，主要分为4类：弹出窗口提示、跳转到列表页、显示0条搜索结果、刷新一次页面。那么，哪个网站的设计的用户体验最爽呢？

前几天我正好对网站搜索部分做了一次改版，采取的是优化了的弹窗形式：弹出窗口提示输入关键词，该窗口自动在3秒内关闭，关闭后光标被移动到搜索输入框内，且框内原先的提示信息被清除掉，弹窗的位置控制在离搜索框很近的位置，目的在于不要造成宽屏用户的鼠标长途奔袭。
于是我最开始的时候倾向与这种结果的返回。出发点是在于对于用户的误操作给出善意的提醒，同时尽最大可能不给用户造成额外的负担。
洗澡的时候突然觉得这样的做法有点不符合老大经常教导我的“产品要和运营挂钩”的原则。应该尽最大的努力展示网站的内容给我的用户，同时想办法引导他们去点击去使用，那么，从这个角度来看，淘宝、拍拍的做法应该是合理的。
擦干身子抽了颗烟，觉得这样似乎也不是很妥，于是找wkcow讨教了一下，被点醒了，其实最好的用户体验设计应该是亚马逊。
首先，空搜索既然是用户的误操作就需要给用户一些提醒，那么没有任何反应的设计必然是错误的，因为用户看到没动，可能认为是网站出问题了，这种设计是最最傻的；其次，对于弹出窗口的设计用户是不愿意去等待那3秒的，那么就必须要点一次确定，这样就多了一次交互，还是给用户增加了负担，且在设计上要考虑弹出窗口的位置、光标的位置的问题，这种设计事实上很累也很傻；第三，返回列表页的设计是想给用户推送一些其他的内容，但是实际上用户是不会理睬这些内容的，且这个结果改变了用户的初衷，更改了最简单的流程。
亚马逊的设计恰恰是一个最最正常的流程，不需要交互、不需要解释，就是一个简单的刷新已经告诉了用户很多信息：点击搜索按钮，网址执行了该操作，但你输入的是空白，我也就给你一个空白的结果（这里，卓越跳转到搜索结果页，且提示搜索结果为0的做法是一个很不人性化的机械的执行用户操作的傻设计）。

把这次的探讨总结成一句话共勉：注重用户体验，就需要尽可能的减少交互，不给用户增加不必要的负担！

Update：发布的5G之后，老白和白鸦给出2种更优化的方法；
之一：干嘛要刷新页面？   这不还是让人和机器交互了一次吗，万一页面大这个刷新的成本有多少？ 就让他点了以后输入框做个简单的提醒（比如输入框的光标出现，或者输入框的颜色闪动等小到有那么有点反应即可），不行吗？
之二：没有空搜索，搜索栏默认热词，光标过去立即清空，等待用户录入同时提供下拉备选。

谁还有更好的方法？欢迎探讨。

1、搜索框的意义
用户总是和你想的不一样，用户很多时候是不会按照你设定的导航走的，他们更多的时候是上来就直接输入关键字进行搜索。对于购物者而言，如果清楚的知道想要什么，他们会很明确的使用搜索框，这种情况下购物者显示出了明确的购物意图，因此搜索框能够把该意图转变为真实的购买行为。来自Fast Search的数据显示，30%的购物者进入电子商务网站后会立刻使用搜索框，超过30%的人通过导航没有找到需要的物品后转而使用搜索框。
如果一个网站没有足够合理的信息架构体系，那么搜索引擎不仅仅是有帮助性的，甚至是至关重要的设计功能。有可能比网站的导航更对用户有帮助。事实上，搜索是用户了解在一些综合性网站内容最直接有效的方式。最好的搜索设计就是给用户提供一个简简单单的搜索框在页面显眼固定的位置上，但却有强力搜索的能力和范围宽 广的功能。
所以，如果你的网站没有足够清晰的信息架构体系，那么，请把你的搜索框还给搜索，不要再试图去绑架你的搜索框！

2、被绑架的搜索框

http://www.zghzp.com/
不可否认，右侧的背景很美，但是我是来搜索的不是来欣赏图片的，这个背景搞的我都不知道这个搜索还有上面的频道切换是不是可以点击了（我试图去点击新版上线，未果）。这个设计的用户体验差及了。
http://www.shtimber.com/
搜索跟留言板有什么关系？搞个留言板的按钮跟搜索放在一起是什么逻辑？这让我在想搜索的时候很不爽
http://cn.china.cn/
这个很让我无语，在搜索按钮后面补个按钮就罢了，居然还来个比搜索按钮还大2倍多的按钮……
http://b2b.hc360.com
这个大概是我见过的最无语的搜索框了。想不清楚为什么现在还有设计师会把“设为首页”、“收藏本页”这样的功能摆出来，而且是摆在搜索框上。
http://www.8035.com/
对于这个，首先视觉完全被放在了那2个“新”、“热”上去了，压根没有想着点前面的东西了；不知道为什么要把这2个东西摆在搜索按钮的后面，还有，这么长的搜索框是否是在告诉我，你们网站的东西很难找，需要很长的关键词呢？

现在很多网站都倾向于搞一个这样会闪的gif图片来突出某些内容，我习惯把这些东西叫小蚂蚁。有的网站搞的很夸张，这小蚂蚁长的胖的出奇，用户的吸引力完全都放在了那只胖蚂蚁上，根本没有想着胖蚂蚁前面的东西；有的网站觉得每个栏目都需要突出于是每个栏目上都搞个“新”、“热点”，最后的结果就是整个网站看着就像个蚂蚁窝。个人觉得要想用这个小玩意赢得好的用户体验，至少要保证3点：小、简、少。小，不至于让我感觉感觉突兀；简，能表达意思就可以了；少，不至于搞的我想点了不知道点哪里。

3、把搜索框还给搜索
把搜索框还给搜索！搜索就是搜索，不要给搜索背上太多的东西。一个搜索频道、一个搜索输入框、一个搜索按钮这样就已经足够多了，再多一点搜索框都会受不了！当然，你也可以让你的搜索框更精简，精简到只有一个搜索框。
把搜索叫搜索！搜索的位置要明显到用户第一眼就能看到且随时能够找到；输入框应该让用户感觉可以输入；搜索按钮看上去应该更像是个按钮；不要把无关的东西在搜索按钮边上，它就应该一个人待着！