登录免费注册



App手机登录验证原型及逻辑

首页  流程图  详情



App手机登录验证原型及逻辑

2024-05-16 10:06:32   4  举报





手机账号登录原型和逻辑

原型

逻辑

登录

原型图

产品原型

模版推荐

作者其他创作

大纲/内容

获取验证码

登录

验证码

《用户服务协议》

2.输入手机号: （1）未获取验证码，点击登录，弹出toast提示“请先获取验证码”；

X

《隐私保护协议》

同意

请输入正确的验证码

和

Logo

59后重新发送

（2）错误的验证码，点击登录，弹出toast提示“请确认输入正确的验证码”：

手机号

微信

QQ

微博

请输入正确的手机号

验证码已发送

5

产品名

请输入手机号

1

4

3

验证码长度为6位随机数字，默认有效期为60秒或直到用户点击重新获取验证码后，服务器发送另一条

请勾选同意相关协议后登录

请先获取验证码

默认为勾选状态，取消勾选状态后，点击登录将弹出toast提示”请同意相关协议后进行登录“，此判断优先级高于前面所有登录判断情况

手机号码输入完整后，获取验证码由灰色不可点击状态变为黑色可以点击状态，点击后判断手机号是否符合规则：（1）不符合规则的内容，在点击后，弹出toast显示：“请输入正确的手机号”，然后返回输入状态；

2

1.未输入手机号，点击登录，弹出toast提示“请输入手机号码\";

重新获取验证码

（2）符合规则的内容，在点击后，弹出toast显示：“验证码已发送”，“获取验证码”变为倒计时，倒计时共30秒，倒计时结束后按键变为“重新获取验证码”；

 Collect

Get Started

登录验证优化

 Collect

Get Started

关闭手机登录

 Collect

Get Started

全民城管注册-去掉手机验证

 Collect

Get Started

中银通——验证手机2













评论

0 条评论

下一页

Document