手机号/邮箱/用户名+密码，登录注册和密码找回

大多数产品都涉及登录和注册功能，无论是PC端还是移动端。 不同的产品逻辑和业务流程会带来不同的用户体验。 过去我们做的大部分产品都是给内部用户的后端产品。 因此，在登录和注册功能方面，前端界面比较简单，主要是后端权限管理比较复杂。 最近我们正在做一个针对普通外部用户的App和PC端前端产品。 因此，我们在登录和注册的产品设计中需要考虑更细致的因素。 下面我把自己在制作产品原型时的一些想法写出来供大家讨论。

用户登录系统可细分为登录、注册、找回密码三个功能模块。 说一下我在做这个的时候的一些想法，主要是和业务流程相关的。

1.登录功能

1.登录方式：手机号/邮箱/用户名+密码

现在App常见的登录账号是手机号码和邮箱地址，因为这两种登录方式方便记忆，也方便找回密码。 然而，有很多App产品实际上是从他们的PC产品衍生出来的。 它们共享相同的后端系统，因此需要考虑到一些过去在PC上注册过的老用户。 因此，虽然字母和数字组成的用户名已经是PC时代的一种登录方式，但在移动端也应该提供这样的选项。

如下图1所示：

2.等待提示：提供“验证中”提示，缓解用户焦虑

一般来说，如果产品后端能够快速响应，及时反馈用户操作的结果，自然是最理想的状态。 但之前在做其他产品的时候，遇到过很多后端无法及时响应前端请求的情况。 这时，用户可能会面临一种困惑的状态。

例如：用户点击登录按钮后，后台响应不及时或者网络中断。 此时用户可能有两种行为：重复提交或者直接退出。 永远不要挑战用户的耐心。 我就是这样。 每次我使用其他产品时，如果提交后页面变得无响应，等待2秒后我就失去了耐心，对产品的印象也大打折扣。 为了防止这种情况，建议添加“正在验证中，请耐心等待……”等等待提示，或者更明确的指示“正在验证中，请勿再次提交”。 如下图2所示

3. 错误信息：错误的用户名或密码+尝试次数

之前看过一篇文章，讨论如何优化登录功能的用户体验。 文章提到，最好的提示方式就是明确告诉用户用户名或密码是否错误，从而引导用户进行更改。 这种提示方式虽然提供了良好的用户体验，但也隐藏着安全隐患：如果账户密码被盗，成功率岂不是更高？

因此，我个人更喜欢提供一个模糊的提示：“用户名或密码不正确”。 同时，可以添加试错机会提示，例如“您可以尝试xx次”，帮助用户知道该怎么做。 当然，如果设置了登录试错机制，还需要补充相应的业务流程：当用户用尽试错次数后，引导用户“找回密码”。 如下图3所示：

登录流程通常涉及到的细节主要是以上，所以整个登录业务流程可以概括如下： ① 用户输入账号+密码，点击提交→ ② 界面提示“验证中，请稍候” → ③ 界面提示错误信息 → ④ 用户再次尝试，要么成功，要么重复之前的提示。

2、注册功能

1.注册方式：手机号+密码+验证码

App产品注册新用户时，常见的方式是使用“手机号+验证码”。 好处是显而易见的、快捷、方便。 我个人比较喜欢这种注册方式。 不过，仍有不少用户对使用手机号码注册存在顾虑，担心自己的信息被泄露。 考虑到这一用户群体的担忧，我们可以在注册界面额外提供一种通过邮件注册的方式，但这种方式不作为主要功能突出，可以放在手机注册下方。 如下图4所示：

2. 成功秘诀：激励用户

当用户提交信息时，最简单的方式就是直接跳转到用户的“个人中心”。 这种做法当然没有什么问题，但我总觉得缺少一些激励。 之前订了一本新书，限预售，只好赶紧去买。 等了好几天，终于收到书了。 里面有一个黑色信封，上面写着“你就是这本书”。 “本书的XXX读者”，这个用户体验还不错，至少给我一种安慰和鼓励的感觉。

这也可以在注册应用程序时完成。 当用户注册成功后，你可以不急着去个人中心，而是向用户呈现一条激励信息，比如“终于等你了！你是我们的第888个用户”等反馈信息，也可以添加简单的引导按钮让用户完善信息，但一定不要给用户施加压力，让用户有自由选择的机会。 如下图5所示：

3. 找回密码

1.通过手机号码重置密码

在应用程序上找回密码最快捷、最方便的方式是通过您的手机号码。 该功能分为两步：第一步填写手机号码并获取验证码； 第二步，重置手机密码。 当然，在重置密码时，可以允许用户以可见的方式进行设置，或者添加“确认新密码”字段，以确保用户正确更改。 如下图6、图7所示：

2.通过邮箱找回密码

除了通过手机号码找回密码外，对于一些没有绑定手机号码的用户，我们还可以提供通过邮箱找回密码的方法。 该方法需要后台发送邮件到用户邮箱，告知用户新密码。 如图8所示：