写好登录注册-向商业软件的蜕变

注册、登录，看似非常简单的功能，曾经多少入门级的软件书籍都是以这个做为Hello world级别的程序进行讲解，但是，有几个人能够真正搞清楚这个看似简单的程序，离商业（产品级）级的应用还差多少？这些也是一个初级程序员在实现时要考虑的。下面我们来一起讨论：
一、登录



这个就是大家所做的登录界面，做为商业级应用，下面的一些重要因素，你可能没有全部考虑到：
1、“登录”按钮是否只能有鼠标点击触发。这一点关系到用户体验，有些有户在输入用户名、密码后，可能直接按回车。
2、用户名和密码是否做了非空检测。客户端做数据的合法性检测有利于提高软件可用性，提高向用户反馈数据合法性问题的速度，所以，数据合法性验证在客户端（提高响应速率）、服务器端（做最后的验证）都得做。
3、错误的提示是否友好。你可以直接用一个alert提示，但这对于用户来说似乎有些突兀，最好还是采用其它的提示方式，比如：在页面上加一个醒目的div区域，所有提示信息都显示在这里。
4、当错误发生提示用户后，界面焦点是否在合理的控件上。比如：我们在登录失败时，就可以将焦点移动密码输入框上，用户可重新输入密码。
5、 是否加入了验证码机制。为了系统的安全性，重要的登录窗口一般都需要要上图片验证码机，以访止非法的机器登录，当然，这点也要根据项目需求来定，加了验证 码会增加用户登录的复杂性。我发现腾讯QQ邮箱在这方面做得比较好，当它发现你两次登录的IP地址不在一个城市或连续两次输入密码错误时，才会出现图片验 证码。
6、服务器端密码验证，是否忽略大小写。这一点要根据系统非功能性需求来定，如果用户的计算机应用水平较低，就得考虑是否忽略密码大小写验证问题。
7、正在登录的过程中，是否给用户一个进度或文字提示，特别是在登录速度比较慢的情况下非常重要，一定要让用户明白系统正在做的事情以及做的进度。
8、登录正在进行中，“登录”按钮是否已经设置为不可点。
9、是否提供了记住用户名（甚至密码）的选择项。你要相信，很多用户都是非常懒的，所以，我们在实现上一定得考虑周全。
上面的一些看似细小的地方，恰恰是一个商业软件要注意的地方，任何一个地方没有做好，都有可能会降低产品的竞争力。
下面再来说一下注册，注册程序要注意这些细节：



1、你的注册按钮（或链接）是否醒目。我想大家一定遇到过不容易找到注册账号位置的网站而愤然离开的情况。
2、注册界面上是否说明了注册账号后有什么优势。如果没有说明白这一点，很多用户即使打开了注册界面，也会随即离开。
3、注册用户名是否已经存在，注册必填信息是否已经填写，注册信息填写是否符合要求，这些字段验证后的结果提示一定要友好，道理和登录是一样的。
4、图片验证码是否已经添加，和登录一样，原因不再重复解释。
5、 注册验证方式是否已经确定。这条我要说一下，很多网站注册都需要邮件验证激活或手机码验证激活等，这些验证激活过程会让一些用户在没有注册成功的情况下半 途离开，造成不必要的用户流失，因此，这点一定得注意，很多游戏类的网站都不需要激活，而sns类的可能需要，我们得根据项目的实际需求来定。
6、注册信息提交过程中，是否有友好的提示，告诉用户目前的状态。
7、注册按钮是否已经设置为不可用。你不要认为这些细节我在重复的说哦，我曾经在一个项目中就是因为不注意这些细节，造成同一条用户注册信息在数据库中添加多次的情况，最终找到的原因就是这个。
8、 注册成功后，是否直接自动登录到系统。这点也是从用户体验来说的，如果用户注册成功后直接自动登录进入系统，为用户带来了方便。但我曾经的一个网站项目 中，用户登录成功后直接登录到系统，在页面右上角显示用户状态信息，但随即发现用户根本注意不了右上角状态的变化，以为自己没有注册成功，进而再次进行注 册，后来，我们采取在用户登录成功后，用显著的方式告诉用户已经登录成功，并提醒注意右上角的信息变化，问题才得到妥善解决。
9、必填字段是否已经加了标识，比如：一个红色的*，一些选择字段是否设置了初始值以简化用户注册过程。
10、如果注册时填写了邮箱信息，注册成功后最好给用户发一封祝贺邮件。
非 常敬佩周鸿伟提出的产品微创新方法，如何把简单的功能做得更贴进用户，确实又是一个非常深入的学问和课题(老大一直喊我们研究ui呢，我们的时间紧啊)， 我发现，做为出道不久的程序员，往往不注意这些产品实现细节，但是细节会决定成败，影响产品的竞争力，本文中我仅用登录、注册做来范例来分析，希望大家能 在实现项目中做到举一反三，快速完成一个新手到老手的蜕变，写出产品级的优秀系统!