交互设计实例:基本的注册功能如何设计

前几天光耀童鞋喷了一篇《谈网站注册、登录过程》，今天我们在与小爬童鞋梳理购买流程的时候也谈到了这部分内容。其实注册作为一个网站基本功能再普通不过，但提供不同产品服务的网站对于注册的要求不尽相同，也不是每个网站都有一个体验良好的注册流程。本座在这里简单聊下在不考虑运营指标和商业目的的前提下，基本的注册功能如何设计。

注册页面的信息架构
注册页面的信息架构力求清晰简洁，注册表单作为信息主体，除了logo，帮助信息以及一些必要的返回链接，避免其他一切会干扰注册的信息，全力保障用户专心走完注册流程。

注册表单的设计
1.注册不要有门槛。简单的表单设计让用户易于进入，在之后的服务应用中再进一步挖掘用户信息。
2.用户名：最好将邮件地址作为登录名，当然手机号码更好，方便用户记忆和找回密码，也方便网站用来EDM。个别网站需要再次录入用户名，或许是为了防止用户不小心录入错误的用户名并注册而无法登录。
3.密码：密码字段需要再次录入，这个是惯例不做赘述了。
4.验证码：几乎所有的网站都引入验证码机制防止恶意注册。除了常见的图片验证码，还有很多简易问答验证码也不错。（推荐个很强大的第三方验证码服务提供商http://recaptcha.net/）
5.以上是最基本的信息。如果有其他分类的字段，如个人资料，公司信息等，建议分步处理，这样不会使得表单和页面显得过于冗长。当然需要标明注册分几步以及当前所处步骤。
6.如果网站的服务对象有所不同，可针对不同对象设计不同字段，合理的引导用户选择适合自己身份的表单进行注册。最常见的就是有些B2B类的网站会区分买家注册和卖家注册。
7.能支持openID当然是最好的了。

注册页面的交互
1.字段控制提示。不同网站对字段的控制不同，尽可能在当前描述清楚这个字段所支持的情况。
2.及时验证录入字段信息的合法性。提示用户填入的字段正确或错误，避免整个表单提交后再提示给用户带来的挫折感以及不必要的返回查找。
3.密码的安全性验证。这个对于企业服务，金融等高安全要求的网站尤为重要。密码强度的验证已是通用做法，而twitter注册表单的密码控制就更进一步，他将370个常用组合字母或词汇禁用，使用这些作为密码都会被提示为：“Too obvious”（感兴趣的童鞋可以翻墙访问http://twitter.com/signup查看源代码）
4.验证码的图片或者问题在验证码字段输入框被鼠标触发后再显示，避免之前录入信息消耗了太多时间而引起的验证码过期。
5.所有必填项均符合要求后，“提交”按钮方可点击，否则为置灰不可选。

当然以上所述都只是最基本，如果考虑运营和商业意图就会复杂一些。即使复杂也需要与良好的用户体验有一个完美的平衡，否则注册功能会是网站转化率的G.F.W……