体验分析一：注册流程
对于商业网站而言，注册环节是非常重要的。在这个过程里，要完成验证用户身份的目标是。那么中，如何让觉得顺畅，并且感觉安全（当然不能仅仅是觉得安全）则成了注册与流程的设计原则。
对于新用户而言，他们往往带着明确的目的去浏览一个网站（或完成某个目标，或要找到想要的东西）。这个时候用户通常只有“读”的权限，而如果想要“写”的权限，则必须要完成这个流程了。因此，“写”这个权限能否把握住用户的需求，则成为能否留住用户注册的关键。
先把注册的流程分割出来：这里只分析一般性的网，注册的流程通常是「点击注册——填写资料——邮箱验证——注册成功——初始引导」，从填写资料和邮箱验证处分析。
注册表单包含7各部分：
①视觉聚焦。引导用户填信息。
②标签。输入域应填何种信息。
③输入提示。提示输入域信息如何填。
④输入域。包括文本输入框、密码输入框、多选框、下拉列表、单选框和滑块等。
⑤操作区。包括链接、按钮、切换验证码、展开提示或协议。
⑥验证。所输信息可用性和给用户的判断和建议反馈。
⑦流程指示。让用户知道交互预期。
将要点分离出来：
1、简单的表单
如果没有特殊的要求，我比较建议填写的表单尽量简单，只需要包括几点：邮箱、登录密码、确认密码和验证码。尽量避免让用户在注册的时候把啥都填完了，只需要一些最基本的内容，剩下的可以在用户登录后引导他慢慢写。
2、清晰的指引
清晰的引导可以消除用户在注册时的不确定感，给用户一个清晰的场景。
a.进度条指引，您只需要三步就可以完成注册了；
b.采用树形的结构，减少用户的眼动距离；
c.注册填写区域放在屏幕右侧，减少用户的眼动距离（注册按钮一般在网站右上角）；
d.注册区域的左侧可以做精美的指引图，告诉用户注册后可以得到什么，如图（来源印象笔记注册页面）；
3、优秀的文案
优秀的文案一定是很简洁很清晰的，它可以很直观的提醒用户需要填写什么，以及填写的是否正确。
它包括了用户填写前的引导提示以及填写后的规范判断。
a.用户在输入前，就提醒他应该按照怎样的规范输入，但这样的提醒务必要「轻」一点，「简单清晰」一点，否则就会变成干扰。提示信息太多时候，用户焦虑的可能性增大（判断输错和只是随意点击）；
b.应当在用户输完邮箱，完成光标切换后出现「用户的输入是否符合要求（是否为空或过短过长，是否符合邮箱填写规范），以及是否和其它人的邮箱重复」的提示，而不是当用户点击了提交注册才提醒他不符合要求；
c.填写邮箱的时候对 @ 后面的部分提供自动补全功能；
d.当用户输入密码时，检测用户的输入法大小写状态，如果是大写则给予相应提示；
e.安全激励考虑，用户填写密码的时候提示密码强度；
f.登录密码可以复制进输入框，确认密码不可以复制（京东商城可以/淘宝均不可以）；
g.如果是移动端，密码输入明码显示500ms后才以“*”掩盖，让用户知道自己输入是否有误；
4、风险控制
你会不会有这样的经历，当输入注册信息完成点击提交注册的时候，弹出对话框提示你信息写错了，或者网速不好没提交成功，然后要全部重新再填一遍。反正我是遇到很多次了，如果这个网站不是必要，我一定会放弃注册。
我认为，错误不可避免，但应当给用户足够方便的重回方式。
a.如果某一表单输入不符合要求，则在相应表单右侧文案提示的基础上，将页面拉回到错误的地方，光标则停留在该输入框内；
b.拒绝对话框；如果是因为系统响应的问题，那就用设计过的面板吧。但要求面板比较「轻」，且出现5秒后会自动消失；
c.如果因为网速或系统原因提交失败，验证码变化且重填，其它内容不清空；
d.依靠验证码来防止恶意注册；
5、邮件确认
邮件确认是注册的最后一步，但是有一些特殊情况也需要考虑，并做出相应的方案，例如：
a、注册验证邮件被扔进垃圾箱，提醒用户去垃圾邮箱寻找；
b、因为一些特殊的情况邮件未收到，允许重新发送；
c、邮箱填错了，允许更换邮箱；
d、提供目标邮箱的链接方式，方便用户跳转；
附上会计网的设计截图：
最后附带一些网站的注册流程：
支付宝：
淘宝：
21CN：
盛大：
OhLife：
tumblr：
总结：在注册的过程中，主要考虑的是体验与安全。体验是为了用户能更加爽滑的完成这个过程，而安全则是依靠严重码甚至底层架构去规避一些可能的风险。
为用户提供绝妙的加入理由 – 要说服新用户注册，网站应一方面提高自己在潜在用户心中的价值估价，同时降低用户加入所需要投入的成本。简单地说就是要让这个（价值-成本）的差值越大越好！
设计使用户感到轻松的注册过程 – 成功引导用户按下“注册”按钮只是第一步！网站还需要一个让用户觉得轻松舒服的注册体验！如果注册过程是便捷快速的，用户会更倾向于尝试各种其他服务，就算他们并不确定到底会得到什么好处。
不要让新用户“悬着”- 对新用户提供的指引信息不应在他们注册后就停止。将新用户抛弃在一个不熟悉的页面或缺乏下一步如何行动的提示只会使用户感到迷惘。因此应想办法向新用户们隐形或显性地指导他们下一步可以做什么。
加快初始好友建立过程 – 对于新加入社区的用户来说，如何开始建立自己的社交圈子是最大的障碍。如果没有好友，很多基于社区的服务会失去很大价值。因此，帮助用户迅速找到和添加好友是留住用户的关键。
ps.本来准备把登录流程一并写出来的，但受限于篇幅，就再写一篇了。
附参考文章：
交互细节分析——注册&登录
产品思考：注册
网站注册流程的分析与研究（一）
有哪些网站的注册页面给你带来了非常优秀的用户体验？为什么？
It’s All About Conversion – 如何设计用户注册流程
各大网站注册流程解析
原文链接：http://kisufans.me/archives/224
对于新用户而言，他们往往带着明确的目的去浏览一个网站（或完成某个目标，或要找到想要的东西）。这个时候用户通常只有“读”的权限，而如果想要“写”的权限，则必须要完成这个流程了。因此，“写”这个权限能否把握住用户的需求，则成为能否留住用户注册的关键。
先把注册的流程分割出来：这里只分析一般性的网，注册的流程通常是「点击注册——填写资料——邮箱验证——注册成功——初始引导」，从填写资料和邮箱验证处分析。
注册表单包含7各部分：
①视觉聚焦。引导用户填信息。
②标签。输入域应填何种信息。
③输入提示。提示输入域信息如何填。
④输入域。包括文本输入框、密码输入框、多选框、下拉列表、单选框和滑块等。
⑤操作区。包括链接、按钮、切换验证码、展开提示或协议。
⑥验证。所输信息可用性和给用户的判断和建议反馈。
⑦流程指示。让用户知道交互预期。
将要点分离出来：
1、简单的表单
如果没有特殊的要求，我比较建议填写的表单尽量简单，只需要包括几点：邮箱、登录密码、确认密码和验证码。尽量避免让用户在注册的时候把啥都填完了，只需要一些最基本的内容，剩下的可以在用户登录后引导他慢慢写。
2、清晰的指引
清晰的引导可以消除用户在注册时的不确定感，给用户一个清晰的场景。
a.进度条指引，您只需要三步就可以完成注册了；
b.采用树形的结构，减少用户的眼动距离；
c.注册填写区域放在屏幕右侧，减少用户的眼动距离（注册按钮一般在网站右上角）；
d.注册区域的左侧可以做精美的指引图，告诉用户注册后可以得到什么，如图（来源印象笔记注册页面）；
3、优秀的文案
优秀的文案一定是很简洁很清晰的，它可以很直观的提醒用户需要填写什么，以及填写的是否正确。
它包括了用户填写前的引导提示以及填写后的规范判断。
a.用户在输入前，就提醒他应该按照怎样的规范输入，但这样的提醒务必要「轻」一点，「简单清晰」一点，否则就会变成干扰。提示信息太多时候，用户焦虑的可能性增大（判断输错和只是随意点击）；
b.应当在用户输完邮箱，完成光标切换后出现「用户的输入是否符合要求（是否为空或过短过长，是否符合邮箱填写规范），以及是否和其它人的邮箱重复」的提示，而不是当用户点击了提交注册才提醒他不符合要求；
c.填写邮箱的时候对 @ 后面的部分提供自动补全功能；
d.当用户输入密码时，检测用户的输入法大小写状态，如果是大写则给予相应提示；
e.安全激励考虑，用户填写密码的时候提示密码强度；
f.登录密码可以复制进输入框，确认密码不可以复制（京东商城可以/淘宝均不可以）；
g.如果是移动端，密码输入明码显示500ms后才以“*”掩盖，让用户知道自己输入是否有误；
4、风险控制
你会不会有这样的经历，当输入注册信息完成点击提交注册的时候，弹出对话框提示你信息写错了，或者网速不好没提交成功，然后要全部重新再填一遍。反正我是遇到很多次了，如果这个网站不是必要，我一定会放弃注册。
我认为，错误不可避免，但应当给用户足够方便的重回方式。
a.如果某一表单输入不符合要求，则在相应表单右侧文案提示的基础上，将页面拉回到错误的地方，光标则停留在该输入框内；
b.拒绝对话框；如果是因为系统响应的问题，那就用设计过的面板吧。但要求面板比较「轻」，且出现5秒后会自动消失；
c.如果因为网速或系统原因提交失败，验证码变化且重填，其它内容不清空；
d.依靠验证码来防止恶意注册；
5、邮件确认
邮件确认是注册的最后一步，但是有一些特殊情况也需要考虑，并做出相应的方案，例如：
a、注册验证邮件被扔进垃圾箱，提醒用户去垃圾邮箱寻找；
b、因为一些特殊的情况邮件未收到，允许重新发送；
c、邮箱填错了，允许更换邮箱；
d、提供目标邮箱的链接方式，方便用户跳转；
附上会计网的设计截图：
最后附带一些网站的注册流程：
支付宝：
淘宝：
21CN：
盛大：
OhLife：
tumblr：
总结：在注册的过程中，主要考虑的是体验与安全。体验是为了用户能更加爽滑的完成这个过程，而安全则是依靠严重码甚至底层架构去规避一些可能的风险。
为用户提供绝妙的加入理由 – 要说服新用户注册，网站应一方面提高自己在潜在用户心中的价值估价，同时降低用户加入所需要投入的成本。简单地说就是要让这个（价值-成本）的差值越大越好！
设计使用户感到轻松的注册过程 – 成功引导用户按下“注册”按钮只是第一步！网站还需要一个让用户觉得轻松舒服的注册体验！如果注册过程是便捷快速的，用户会更倾向于尝试各种其他服务，就算他们并不确定到底会得到什么好处。
不要让新用户“悬着”- 对新用户提供的指引信息不应在他们注册后就停止。将新用户抛弃在一个不熟悉的页面或缺乏下一步如何行动的提示只会使用户感到迷惘。因此应想办法向新用户们隐形或显性地指导他们下一步可以做什么。
加快初始好友建立过程 – 对于新加入社区的用户来说，如何开始建立自己的社交圈子是最大的障碍。如果没有好友，很多基于社区的服务会失去很大价值。因此，帮助用户迅速找到和添加好友是留住用户的关键。
ps.本来准备把登录流程一并写出来的，但受限于篇幅，就再写一篇了。
附参考文章：
交互细节分析——注册&登录
产品思考：注册
网站注册流程的分析与研究（一）
有哪些网站的注册页面给你带来了非常优秀的用户体验？为什么？
It’s All About Conversion – 如何设计用户注册流程
各大网站注册流程解析
原文链接：http://kisufans.me/archives/224
