文章内容结构如下：
1. 注册/登录 图解1.1 未注册手机号进行注册，成功1.2 已注册手机号再次注册1.3 未注册号码 进行登录操作1.4 第三方账户登录
2. 流程图2.1 注册流程2.2 登录流程
下面开始正文：
1. 注册/登录图解
1.1 未注册手机号进行注册，并且成功
再看一下这张截图里面的注意点
注册机制：
★知乎手机端是先要经过注册登陆后，才能够浏览里面的内容的，并没有游客模式。★注册页此版本只有手机号注册，点击手机号、密码、姓名栏时相应栏的下划线会由灰色变成浅蓝色，提示用户此时的输入位置。 ★手机号具有合法性判断，当输入数字少于11位时，“注册”按钮不可用。 ★验证码60s后方可再次获取，有时间限制。获取的验证码有效时间设定为10分钟以内。★另外，知乎注册时采用的灰色字体提示是“姓名”，并非“昵称”、“用户名”这一类的，可以看得出来，知乎暗中引导用户进行实名制注册。
一些建议点：
●针对密码项，密码栏右边的“小眼睛”图标，为亮色时，密码不可见；为灰色时，密码却可见。默认为亮色，不可见。虽然密码可以通过人来控制其可见性的设计很好，但是“小眼睛”的亮暗设计却不符合一般人的使用习惯。建议：“小眼睛”为亮色时，密码可见；为灰色时，密码不可见，默认密码不可见。
●密码长度要求6-128位，但并没有灰色字体提示，只在密码不符合要求时才从下方弹出提示框。 这样的操作体验并不好，当用户已经输入完手机号、密码、姓名准备注册时，却被弹框要求修改密码，心情应该会有点烦躁+受挫吧！所以建议，在密码栏后面添加“（6-128位长度）”
●再说输入验证码的设计，用了6个下划短线来输入，没有任何文字提示。话说我第一次的时候，根本不知道这6个短线是干什么的，后来才发现是输入验证码的。怀疑自己脑子是不是进水了……不知道有这样经历的用户有多少，我是感觉这样增加了用户的学习成本。所以建议，增加文字说明，“输入验证码”，这样效果应该更好一点。
1.2 已注册手机号再次注册
当已注册手机号再次注册时，弹出提示框 “帐号已存在”，可选择的功能按钮为“取消”、“去登录”。
●“去登录”按钮点击后直接转向登录页，且之前输入的手机号默认存在，这样省去了用户再次输入手机号的操作，比较方便。●“取消”按钮点击后仍回到原来输入内容完成后的页面。
这里我有个疑问：
跳转页的内容是否还要全部保留。一方面，帐号已注册可能是由于用户将手机号输错了，需要再重新输入手机号，那就需要查看原来的输入到底是什么，是不是输错了，帮助用户找出错误；另一方面，可能用户之前确实用该手机号注册过，那么这时候个人感觉将界面内容全部清除可能是比较好的选择，方便用户再次用其他手机号注册。不过一般每个人也就一个手机号，所以这个考虑可能并没有什么道理……有见解的小伙伴求指导！
1.3 未注册号码 进行登录操作
从上图可以看出，登录页 的帐号既可以输入手机号又可以输入邮箱，但是在注册的时候却只可以输入手机号进行注册。那么这里的邮箱是怎么冒出来的呢？这是因为在手机注册完成之后，进入app，可以自行设置绑定邮箱帐号，那么就可以用邮箱帐号进行登录啦！
那么知乎为什么不把邮箱也作为注册的一个选项呢？我觉得，一是手机号对于移动端来说注册方便快捷，国内大多习惯用手机号注册。邮箱的使用在国内的流行度并不是很广；二是 手机号对于构建用户体系来说很重要，这样就可以直接获得手机号啦；三是在完成注册后可以绑定邮箱的设计又考虑到了那部分使用邮箱的用户。
而且当连续两次密码输入错误时会弹出图片验证码进行验证，这种机制应该是为了防止机器的恶意注册或者登陆吧。
知乎手机端并没有“忘记密码”或者“找回密码”功能，只能通过PC端来完成。这部分的原因我需要再去查查资料，会不会是因为流程太麻烦之类的，而且用户一般使用次数也不高，如果集成在手机端的话也会造成安装包过大，对运行速度有影响~~~瞎猜，找到资料再回来补坑！
1.4 第三方账户登录
这部分就很简单了，点击第三方账户后，获得授权直接登录就可以了。以微信登录为例：
●在获得微信授权后，知乎会弹出对话框，输入姓名后，方可进入内容页。那么这里有一个疑问点是，知乎为什么不直接采用微信的用户名呢？是因为要鼓励用户输入真实姓名，所以这么做吗？了解的童鞋希望能解答下~~~
●可以看出知乎的第三方登录是有意被弱化的，作为一款问答类社交软件，用户帐号体系还是很重要的。第三方帐户并不能提供什么有效信息，所以这个做法也是为了保证构建有效的帐户体系而设计的。
●知乎手机端并没有设置游客模式，用户在未注册时无法了解app的详情。这也是我不太理解的一个点，因为毕竟知乎大V有限，还是有很多小透明，只是取围观大牛解答的。有了解的小伙伴求指导~
2、流程图
在经过前面的分析之后，画了一张注册/登录的流程图如下。鉴于自己画流程图的能力有限，以及注册和登录一起画的话，把截图粘贴上来可能不是很清楚，所以选择将注册和登录分开来画。
2.1 注册流程：
2.2 登录流程：
分析浅显，希望各位走过路过的可以提供意见批评指正，感谢！
原作者：产品新人学习路原文链接：http://www.jianshu.com/p/eda92f51818a本文系作者授权微推客发布，转载请务必联系作者并注明出处。
评论(0)