其实，这是1月的文章
注册流程是整个产品设计中的重要一环，担负着采集数据和保护用户数据的重任，但由于使用频率较低而常常被忽略。实际上在设计注册流程时，有很多值得注意的要点和细节需要关注。根据场景的不同相同模块也包含着不同的做法和样式
总的来说，注册流程主要是表单的填写。如何减少各种填写过程中出现的问题，快速有效达到注册目的，是设计时要着重考虑的部分
首先可以看下表单的基本结构：
-------------------------------------------------- -------------------
以快速达成注册流程，提高填写效率这个目标为评断基准，可以分两个方向来考虑
1.优化流程体验
1-1分步和非分步注册
非分布注册适合注册填写信息少的情况，分布注册可以把多个注册填写信息放在多个界面上，最终提交注册
非分布注册：
定义：会导致过多填写信息挤压在一张界面上，增加用户的操作负荷，这样较长的操作流线，保不齐用户填着填着就不想填了，最终导致注册的失败。
适合场景：只有在填写信息较少的情况下使用非分布注册
分布注册：
定义：分散到每个步骤的填写信息变少，更容易聚焦内容，减少用户因过多填写而产生的焦虑感但是分步注册也并非步骤越多越好，研究显示，一般分步注册最多5个左右为宜，合适的步骤会一定程度上提高注册转化率
优点：
1.更适合移动端注册，移动端屏幕小，过多信息放在一个界面容易造成拥挤感，分步注册能较好的解决这个问题
2.能减少用户点击输入框的次数：在每次进入新界面时，第一个输入框都可以设置为自动聚焦，让输入操作更加流畅
1-2辅助文字减缓焦虑和增加激励
注册步骤显示---在填写之初告诉用户整个流程的耗时，会提前给予用户一定的心理预期；但个人认为，填写时间的提前告知，也有可能导致用户还没有填写就放弃，所以要慎重使用。提供注册步骤只是一种方法的体现
PS：额外用法，B端产品注册，会可能有审核期，那么在注册完成前后都有所提示，同样是给用户一种心理预期的提示，在提示中做好进度提示及即将使用到的产品的功能介绍
注册成功获得某种特权 --- 提供因注册可能会得到的好处，能激励用户继续填写
1-3 布局结构优化
整齐清晰的浏览线，能提高填写效率。而清晰的浏览线依赖于标签位置、输入框大小留白及排列
a.标签
标签对齐方式分三种 顶部对齐、左对齐和右对齐
研究显示，顶部对齐在完成表单填写时速度最快，但界面占位较多
右对齐是相对来说折中的方式，填写效率有保证
b.在设计范围内，更大的输入框和更多的留白能更好的聚焦，帮助填写；从排版上，由上至下的排列能更好集中用户注意力
c.类目增删
对于注册表单内出现的类目，但凡出现不必要的类目就删去，只留下必填项，最好不要出现非必填项；除非一些不太好采集的信息，比如头像
保持表单主流程的简洁性，对于在注册中出现的分支流程，可适当隐藏，只在对应条件满足的情况下触发
1-4 闭环效应
在注册完成后，一定要给予注册结果的相对应反馈。注册成功要给予提示并提供对应入口，注册失败要给予解决方案或问题原因，并给予相对应的入口
2.优化填写操作
除了在流线设计时，隐形的提高一些注册转化率外，在实际表单填写过程中，还有另外一些方法能帮助注册转化率的提高：
2-1 提示型优化
错误预防 --- 这种情况常见于填写用户名和密码，这类有规则提示的信息。一般来说，在触发输入框时，在输入框附近出现显示类目规则，帮助用户自测，查漏补缺。最常见的就是密码安全性评估值
提供错误反馈 --- 是现在一种常见的错误报错的显示方法。但个人觉得错误预防的方法比直接的错误提示更柔和更nice
2-2 填写型优化
趣味化 --- 注册填写往往是个枯燥的过程，除了一些常规手法减缓枯燥，可以加入些游戏的趣味化元素，让表单填写更有趣。比如常见的拼图识字等方法，当然，这种趣味化的做法在有些时候也变成了一种门槛，比如春运抢火车票时，那些难以辨认的图片
明文暗文 --- 最简单也最常见的就是密码的输入，在操作上可以通过触发按钮或聚焦输入框来改变密码明暗文的显示
能选择就不填写---选取器，下拉框，滑块，微调按钮，开关选择器;通过点选比键盘输入效率更高，信息准确度也更高
智能联想---自动获取，自动补全，自动搜索，自动识别
文本水印---较轻量级的填写规则可以通过水印标签显示，唯一的不好就是当触发输入时，规则消失，所以仅显示简单的规则
图片提示---最常见的就是选座，银行卡日期的提示
小结
注册流程是整个产品中重要但容易忽视的一环，本文主要从流程设计和填写操作两部分着手，总结一些在注册填写中可能遇到的问题，以及对应的解决方案。注册流程属于基础性需求，本文涉及内容也没有完整的记录各种可出现状况，希望通过整理和总结，沉淀出一些内容，对以后遇到类似需求时能作为参考与信息来源
-------------------------------------------------- -------------------
相关链接
http://www.uisdc.com/improve-web-form-ux
