首先，进入“全民K歌”，可以看到右下角有个“我的”选项

点击“我的”，进入个人主页

下滑屏幕，可以看到最下方有个“退出当前账号”按钮，点击它

这时候就已经退出当前账号了，可以重新登录其他账号

用微信登陆，会默认手机已登录的帐号，所以在登录全民K歌之前，切换好微信帐号。

作者对TapTap的登陆及注册流程进行标注，后续将继续分享。

• 邮箱地址符合邮箱地址格式要求（格式要求：登录名@主机名.域名）；

符合以上要求，登录按钮亮起，即可点击。不符合以上要求，登录按钮变灰，不可点击。

不符合格式要求的登录按钮，不可点击状态：

符合格式要求的登录按钮，可点击状态：

若用户无网络连接，点击登录，底部悬浮文字提示”登录失败请检查网络连接，然后重试”，停留3s后逐渐消失，如下图所示：

若有网络链接，则提交用户所填写的邮箱地址与密码，进行后端验证：

若此邮箱地址存在于后端数据库并且用户所提交密码与之匹配，则登录成功，并获取用户信息，返回上级页面。

• 邮箱地址不存在于后端数据库；
• 邮箱地址存在于后端数据库，但用户所提交的密码与之不匹配。

则登录失败，红色文字提示”用户名或密码输入错误，请重新输入“，如下图所示：

点击跳转至”手机登录与注册“页面。

补充说明：断网条件下，可正常显示此页面。

⑦&⑧ 第三方登录

点击⑦微信 icon：

• 若为已授权微信账号，则自动登录，并获取用户身份信息，返回之前页面，登录成功；
• 若为未授权微信账号，则跳转至微信授权登录页面，用户授权登录后，获取新用户身份信息并创建新用户账号（生成随机头像、随机用户名，创建用户ID），返回之前浏览页面，登录成功。

• 点击进入QQ授权登录页面，点击“QQ授权登录”。若为已授权QQ账号，自动获取用户身份信息，返回之前页面，登录成功。
• 若为未授权QQ账号，点击“QQ授权登录“后，获取新用户身份信息并创建新用户账号（生成随机头像、随机用户名，创建用户ID），返回之前浏览页面，登录成功。

• 断网条件下，点击⑦微信登录跳转时，等待20s，底部悬浮框提示”网络连接不可用，请稍后再试“，悬浮5秒后，逐渐消失；
• 断网条件下，点击⑧QQ登录跳转时，等待20s，底部悬浮框提示”网络连接不可用，请稍后再试“，悬浮5秒后，逐渐消失。

在第一次且断网状态下进入TapTap进入登录页面时，跳转至TapTap的邮箱登录页面时，布局比较杂乱，如：断网条件下，Facebook，Line等第三方登录布局杂乱。

邮箱登录页面，用户忘记密码时需要使用浏览器进行跳转，建议将此页面以H5的形式放入TapTap APP中，无需使用浏览器跳转。

用户使用第三方登录，在断网条件下，用户等待时间过长才给到提示，甚至有时无提示显示。

• 使用微信登录还好，微信最终会有相关提示，但等待时间还是过长。
• 使用QQ登录，断网条件下，若用户没有登录QQ，则不会有相关提示，只会直接跳转至QQ app的登录页面。

这就需要TapTap自身需完善提示规则：

• 提示所需时间合理缩短；

PS：希望大佬们能指出我这篇标注的问题所在。

本文由 @想转产品lu 原创发布于人人都是产品经理。未经许可，禁止转载。